XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Logo-Position (http://xhtmlforum.de/showthread.php?t=70086)

ballibum 01.10.2013 09:27

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>

Der Logo-Tag hat folgende CSS-Eigenschaft (übernimmt aber wahrscheinlich noch weitere Parameter vom Parent):
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;
}

mit besten Grüßen
Balli

dazzle89 01.10.2013 09:48

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

ballibum 01.10.2013 16:28

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.

lottikarotti 01.10.2013 17:12

Hallöchen,

Zitat:

Zitat von ballibum (Beitrag 534013)
Leider, kann das nirgendwo begutachtet werden, eventuell kann ich zu morgen jemanden Fragen wo das Theme getestet werden

Dann können wir dir leider auch nicht helfen. Am besten versuchst du mal das Problem zu extrahieren und stellst es und auf einer Plattform wie jsFiddle zur Verfügung.

Viele Grüße,
lotti

explanator 01.10.2013 17:17

Zitat:

Zitat von ballibum (Beitrag 533997)
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.

Dann nimm das Logo aus dem Übergeordneten Div raus und platziere es darunter, danach kannst du es mit Position:absolute am viewport ausrichten und mit z-index grösser 0 davor stellen.

Zitat:

übernimmt aber wahrscheinlich noch weitere Parameter vom Parent
Und woher sollen wir das wissen, wenn du nur einen Ausschnitt zeigst?

Zitat:

vielen Dank mit position absolute hat leider nicht geklappt.
Dann hast du etwas nicht verstanden. Beschäftige dich mit den Grundlagen des Boxmodells.

Zitat:

Leider, kann das nirgendwo begutachtet werden
Soll es denn nicht im Web veröffentlicht werden?

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.

ballibum 02.10.2013 07:33

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....

ballibum 10.10.2013 21:47

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

schatzi 10.10.2013 22:58

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!

ballibum 11.10.2013 07:30

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


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:32 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023