[CSS] Buttongröße geht nicht

**virtualmarc** · 19. Oktober 2009

Hallo,
ich bin gearde dabei mein neues Design zu Coden und hab ein paar Probleme mit den Buttonhintergrund.

Hier erstmal so wie es aussehen soll:
so_soll_sein.png

Und so sieht es momentan aus:
so_ist.png

Die Positionierung spielt erstmal keine Rolle. Nur dass der Background von dem Menüpunkten in der richtigen größe angezeigt wird.

Hier mein CSS-Quellcode (füe die Buttons betreffend):

Code

#nav
{
margin:0px;
padding:0px;
position:relative;
width:1000px;
text-align:left;
height:105px;
}
#nav ul
{
margin:0px;
padding:0px;
list-style:none;
text-align:left;
display:inline;
list-style-position:inside;
position:relative;
top:40px;
}
#nav li
{
margin:0px;
padding:0px;
list-style:none;
text-align:left;
display:inline;
list-style-position:inside;
padding-right:10px;
}
#nav .current
{
margin:0px;
padding:0px;
width:131px;
height:33px;
text-align:center;
background-image:url('../images/button_current.png');
background-repeat:no-repeat;
}
#nav .other
{
margin:0px;
padding:0px;
width:131px;
height:29px;
text-align:center;
background-image:url('../images/button.png');
background-repeat:no-repeat;
}

Alles anzeigen

Ich hoffe dass mir dabei jmd. helfen kann

Tealk · 19. Oktober 2009

und der div code schaut wie aus?

**virtualmarc** · 19. Oktober 2009

ahh stimmt vergessen

Code

<body>
<center>
<div id="all">
<div id="header">
<div id="nav">
<ul>
<li class="current">Test</li>
<li class="other">Test</li>
</ul>
</div>
</div>
[...]

Alles anzeigen

Tealk · 19. Oktober 2009

ich hoff mal das nur ein auszug.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="_stylesheet.css" rel="stylesheet" type="text/css" />
<title>Unbenanntes Dokument</title>
</head>
<body>

müsste da ncoh hin

Code

#nav .current
{
margin:0px;
padding:0px;
width:131px;
height:33px;
text-align:center;
background-image:url(../images/button_current.png);
background-repeat:no-repeat;

background-image:url(../images/button_current.png); ohne die '

**virtualmarc** · 19. Oktober 2009

das Doctype und so ist da, ich hab nur den Betroffenen teil genommen.
ob man bei der Background url ein ' macht oder nicht is teig. egal, macht keinen Unterschied!

Tealk · 19. Oktober 2009

glaub ich net weil dreamweaver ändert dann den farbcode des betroffenden textes

**virtualmarc** · 19. Oktober 2009

Dreamweaver benutze ich nicht!
Benutze mom Notepad++ weil ich meine phpDesigner CD gearde nicht finde.

habs mal weggenommen und keine Änderung!

Tealk · 19. Oktober 2009

kannste mal das ganze ding packen und uploaden sonst muss ich mir ncoh photoshop ziehn damit ich buttons mach^^

**virtualmarc** · 19. Oktober 2009

ok kriegst gleich ne PM, will das ganze hier nicht veröffentlichen

Tealk · 19. Oktober 2009

lol das soll ein submenu sein oder?

**virtualmarc** · 19. Oktober 2009

die orangene leiste ist das submenü. oben die, die nicht so ganz gehen, sind normale buttons!

Herr Nielson · 19. Oktober 2009

CSS - Beispiele: http://www.css4you.de/trickkiste/tr00012.html

Lesen und Staunen

Tealk · 19. Oktober 2009

hab dir mal was geschickt, komm mit deiner css nicht zurecht ist ja alles drucheinander xD
aber glaub so müsstest zurecht kommen

**virtualmarc** · 19. Oktober 2009

danke gucke es mir mal an.
aber
1. was macht die javascript datei da?
2. irgendwie ist die scrft bei mir weg, also menü und submenü
3. ist da jetzt ziemlich viel an anderer code drin

Tealk · 19. Oktober 2009

du brauchst für ein submenu javascript sonst geht da garnix, ja die schrift müsstest du auf die buttons schreiben, hab was von unserer page kopiert war zufaul das selbst zu schreiben xD

und das ul und il was du da gehabt hast glaub ich, kannste in die tonne kloppen xD

**virtualmarc** · 19. Oktober 2009

das wird nachher mit php gemacht!
Ich werde kein CMS benutzen, das wird alles selbst geschrieben

Tealk · 19. Oktober 2009

und?
deswegen läuft das auf gleiche hinaus

**virtualmarc** · 19. Oktober 2009

naja aber ohne js. das einzigste was ich eig. nur wollte ist, dass obe ndie buttons richtig angezeigt werden. nicht noch irgendeine njavascript code oder so!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

[CSS] Buttongröße geht nicht

Teilen