|
|||
Logo-Position
Hallo Forums-User,
ich habe ein vorgefertigtes Template, welches an einer Stelle Schwierigkeiten bereitet. Und zwar habe ich ein DIV, welches ein Logo, einen Titel und einen Slogan enthält. Das Logo gibt leider mit seiner Höhe, die Höhe des gesamten DIVs vor. Ich hätte das Logo jedoch gerne an genau der Stelle wo es sich jetzt befindet, jedoch soll es für das Parent-DIV sozusagen überlagern und nicht mehr die Höhe vorgeben. Ich hoffe ich habe mich einigermassen verständlich ausgedrückt. Anbei habe ich die DIV-Struktur: HTML-Code:
<div class="branding-data clearfix"> <div class="logo-img"> <a href="/logo/" rel="home" title="Logo" class="active"><img src="http://localhost/mysite/logo.png" alt="Logo" id="logo"></a> </div> <hgroup class="site-name-slogan"> <h1 class="site-name"><a href="/title/" title="Home" class="active">MySite</a></h1> <h6 class="site-slogan">Mein Slogan für die Welt.</h6> </hgroup> </div> </div> Code:
.logo-img { float: left; margin-right: 20px; } html, body, div { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; font: inherit; } user agent stylesheetdiv { display: block; } Balli |
Sponsored Links |
|
|||
Kann man sich das Ganze irgendwo ansehen? Eventuell hilft dir position: absolute beim Logo weiter.
Sonst noch ein kleiner Hinweis: Ich glaube, das hgroup-Element wurde abgeschafft |
Sponsored Links |
|
|||
Leider, kann das nirgendwo begutachtet werden, eventuell kann ich zu morgen jemanden Fragen wo das Theme getestet werden kann.
mfg Balli vielen Dank mit position absolute hat leider nicht geklappt. |
|
||||
Hallöchen,
Zitat:
Viele Grüße, lotti
__________________
Empfehlenswerte Links: jsFiddle | JavaScript Patterns | RedBeanPHP | Mozilla Developer Network -/- W3C Validator | JSLint |
|
||||
Zitat:
Zitat:
Zitat:
Zitat:
Bitte gib uns immer alle Informationen und auch den gesamten Quellcode, sonst kann man nur spekulieren. Du kannst es auch kostenlos auf einen der vielen Freehoster hochladen.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
Hi, vielen Dank für eure Hilfen. Ich stelle im Laufe des Tages, das Problem online und werde dann den Link veröffentlichen. Das gesamte Projekt soll später "lediglich" im LAN laufen, jedoch haben wir auch ein klein wenig Sinn fürs Optische....
|
|
|||
HI, es tut mir Leid, das ich mich jetzt erst melde, aber ich habe vorher nirgends jemanden gefunden der mir das Theme auch einmal online stellt.
Es hat jetzt aber geklappt*G*, auf AndyLicht ist es jedenfalls auch so. Ich möchte gerne dass das Menü deutlich weiter unter dem eigentlichen Titel ist, das Logo also das Menü und den Wrapper(also die ganze blaue Linie) überlagert. mfg Balli |
|
|||
Hallo!
Ein negativer margin-bottom für dein img sollte dich in die richtige Richtung führen. Aber vielleicht solltest du dich zuallererst um einen korrekten Doctype kümmern und deinen Code validieren lassen! Sonst hast du eh keine Garantie für eine korrekte Darstellung deiner div-Suppe!
__________________
Gruß schatzi |
|
|||
Hi, vielen Dank. Ich dachte nur dass es eventuell auch eleganter und korrekter geht, indem ich die height-Definition des oberen Wrappers nicht auf das Logo beziehe.
Ja, dass mit der DIV-Suppe ist eine gruselige Sache, ist aber vom Theme leider so vordefiniert und kann ich nicht ändern. besten Dank. mfg Balli |
Sponsored Links |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Anfänger: Positionierung. | xam | CSS | 3 | 19.05.2012 14:18 |
div-höhe? - Hauptcontainer über ganze Seite will nicht... | AndMei | CSS | 5 | 13.12.2010 14:43 |
Problem mit einem 3D-Effekt | moep0710 | CSS | 12 | 12.06.2010 14:30 |
Was übersehe ich? | Psyclown | CSS | 2 | 19.10.2008 13:00 |
prblemme mit mein inhalt div | carlos587261 | CSS | 3 | 23.04.2008 14:07 |