Seite 2 von 2
Re: Banner einfügen.
Verfasst: 11.06.2013 18:15
von Kirk
Das ist kommt in die entsprechende css Klasse, wie du das dort eingebunden hast weiss ich nicht.
Re: Banner einfügen.
Verfasst: 11.06.2013 18:30
von Crizzo
Diese CSS-Eigenschaft braucht das Elternelement.
Beispiel:
Wir wollen den Text und Bild in diesem <div> zentrieren:
Code: Alles auswählen
<div id="content">
Bla, blubb!
<img src="" alt="" ... />
</div>
Dazu ergänzt man:
Wenn jetzt das div#content noch selbst gegenüber
seinem Elternelement zentriert werden soll, braucht es eine Breite, weil es sonst 100% breit ist und da zentriert sich nichts.
Code: Alles auswählen
#content {
margin: 0 auto; /* Zentriert das Element und setzt den Abstand nach oben und unten auf "0" */
width: 400px;
}
Das wendest du jetzt auf dein Problem an, fertig.
Re: Banner einfügen.
Verfasst: 11.06.2013 22:41
von silberpfeil
hört sich einfach an, aber ich bekomme es nicht hin
Andreas
Re: Banner einfügen.
Verfasst: 11.06.2013 22:48
von Crizzo
Wie sehen denn nun deine CSS-Regeln für #logo aus?
Re: Banner einfügen.
Verfasst: 12.06.2013 06:47
von silberpfeil
ich weiß ja nicht, ob du das hier meinst?
Das sind die Einträge in css
/* Site description and logo */
#site-description {
float: center;
width: 70%;
}
#site-description h1 {
margin-right: 0;
}
und
Code: Alles auswählen
#logo {
float: center;
width: auto;
padding: 10px 13px 0 10px;
}
und das finde ich in der overall_header.htm
<div id="wrap">
<a id="top" name="top" accesskey="t"></a>
<div id="page-header">
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<div id="site-description">
<p align="center">
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
</div>
Andreas
Re: Banner einfügen.
Verfasst: 12.06.2013 08:58
von Crizzo
Den Code kenne ich schon, das sollte aber nicht dein aktuelle Code sein, denn das float: center
unsinn ist, weißt du schon und solltest es deshalb gar nicht mehr verwenden.
Gib #logo zudem mal text-align: center;
und schau was passiert.
Re: Banner einfügen.
Verfasst: 12.06.2013 12:11
von silberpfeil
klar, das mit dem center habe ich nicht mehr drin
habe das jetzt so eingefügt:
#logo {
text-align: center;
float: left;
width: auto;
padding: 10px 13px 0 10px;
}
a#logo:hover {
text-decoration: none;
}
aber hat sich nichts geändert
Re: Banner einfügen.
Verfasst: 12.06.2013 12:43
von Crizzo
Du hättest dir die Links mal ein wenig mehr durchlesen sollen.
Du nutzt float
ohne width
(auto ist Standardeinstellung und sorgt für nichts). Das hat zur Folge, dass dein Element so schmal gedrückt wird, wie der Inhalt zu lässt. Ist dein Banner jetzt 500px breit, ist das #logo auch 500px. Jetzt wird 500px in 500px zentriert. Doch das sieht man natürlich nicht.
Ergo: float weg, oder Breite vergrößern/auf 100% oder ähnliches.
Grüße
Re: Banner einfügen.
Verfasst: 13.06.2013 17:19
von silberpfeil
vielen dank für die Hilfe, mittlerweile funktioniert es.
thairidgeback-forum.de
Andreas