Autor |
Nachricht |
kaSio
Threadersteller
Dabei seit: 30.11.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 10.08.2008 23:11
Titel
|
|
|
Habs nochmal probiert, jetzt sieht es so aus:
Wie bekomm ich das jetzt hin das alles zentriert ist und nicht so eine große spalte zwischen Header und Button ist?
Wie kann ich die Schrift vertikal zentrieren, dass sie in der mitte der Buttons sind.
|
|
|
|
|
Snifferdog
Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht:
|
Verfasst Mo 11.08.2008 09:21
Titel
|
|
|
Hi,
also das zentrieren von Texten in vertikaler Richtung funktioniert mit "vertical-align". Allerdings musst du dabei beachten, dass sich die Eigenschaft immer nach der Zeilenhöhe richtet. Du musst also gleichzeitig noch die "line-height" auf die Höhe von deinem Button setzen, damit alles zentriert ist.
Zu der Lücke über deiner Liste kann man ohne Quelltext schlecht was sagen, aber ich würde mal vermuten, dass du bei einem Element den "margin" nicht auf "0px" gesetzt hast. Wahrscheinlich bei den li-elementen oder dem ul-element.
Gruß
|
|
|
|
|
Anzeige
|
|
|
theGRUNGEone
Dabei seit: 14.12.2005
Ort: Leipzig | Essen
Alter: 39
Geschlecht:
|
Verfasst Mo 11.08.2008 09:33
Titel
|
|
|
huu, ich würd's einfach mal mit einem padding-top probieren.
|
|
|
|
|
kaSio
Threadersteller
Dabei seit: 30.11.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 11.08.2008 13:01
Titel
|
|
|
Vielen Dank für eure Hilfe. Hat super geklappt. Im Firefox stimmt jetzt alles. Hab jetzt doch wieder ein Background-Image genommen.
Aber im Internet Explorer gibt es noch ein kleines Problem. Es ist ein kleiner Abstand zwischen Header und Buttons. Liegt das vielleicht am "div" Code? Wenn ich ihn aber weglasse, dann sieht es komplett anders aus.
Code: | <style type="text/css">
<!--
#nav ul
{
margin: 0;
padding: 0;
list-style-type: none;
background-color: #FFFFFF;
}
#nav ul li { float: left;
height: 28px;
width: 106px;
text-align:center;
padding-top:0px; }
#nav ul li a
{
float: left;
height: 28px;
width: 106px;
line-height: 250%;
text-decoration: none;
font-size: 10px;
font-family: verdana, sans-serif;
margin: 0;
padding: 0;
color: #5A5B5D;
background-image:url(../bt/assets/images/MouseOver/mouseover_01.jpg);
}
#nav ul li a:hover
{
color: #04AFAF;
background-image:url(../bt/assets/images/MouseOver/mouseover_02.jpg);
}
-->
</style> |
Code: | <div id="nav">
<ul>
<li><a href="/bt/index.html">BRANDTRONIK</a></li>
...
</ul>
</div> |
mfg kaSio
Zuletzt bearbeitet von kaSio am Mo 11.08.2008 13:03, insgesamt 1-mal bearbeitet
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mo 11.08.2008 13:27
Titel
|
|
|
kaSio hat geschrieben: | ... Ich wäre dir echt verbunden oder jemand anders der mir das kurz machen kann, das müsste doch eigenltich schnell gehen für jemand der es kann. ich möcht mich nicht so viel damit rumschlagen, da ich noch andere sachen an der page machen muss. Mit CSS muss ich mich erst noch ausführlicher beschäftigen.
...
Ich wäre euch echt dankbar. Mein Chef macht da ein bißchen Druck und ich hab gesagt ich bekomm das hin, die homepage fertigzustellen. Also bitte, bitte helft mir.
mfg kaSio |
wenn wir das für dich erledigen, bekommen wir dann auch die hälfte von deinem gehalt?
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mo 11.08.2008 13:42
Titel
|
|
|
Kash hat geschrieben: | wenn wir das für dich erledigen, bekommen wir dann auch die hälfte von deinem gehalt?
|
na, brauchste kohle?
hab nu den beitrag nicht 'studiert' und hab auf die schnelle noch nicht mal gesehen, wo dein header überhaupt drin ist, aber versuch am anfang des stylesheets noch n mini-reset:
Code: |
html, body {
margin: 0px;
padding: 0px;
}
|
wenn's das nicht war, schieb die seite mal irgendwo online und gib n link.
hmmm... kohle... urlaubskasse... naja, nein würd ich auch nicht sagen
|
|
|
|
|
kaSio
Threadersteller
Dabei seit: 30.11.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 11.08.2008 13:54
Titel
|
|
|
Das mit dem Reset hat nicht funktioniert.
Hier ist der Link: klick
(Bitte beachten: In Firefox funktioniert alles, nur im IE ist das Problem)
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mo 11.08.2008 14:15
Titel
|
|
|
oh neh, hab in den quelltext geguckt. soll nu wirklich nicht böse klingen, aber ich gebe euch zwei alternativen.
1. löschen, neu machen (lassen)
2. mit dem versatz im ie leben...
sorry, aber ich wüsste sonst nicht, wo wir hier anfangen wollen...
|
|
|
|
|
|
|
|
Ähnliche Themen |
mouseover problem
CSS Mouseover Problem
Mouseover Problem
Mouseover-Stylesheet Problem
Bildergalerie Mouseover andere Position & Mouseover Scroll
Button Problem
|
|