horizontales menu

[may]

hi leute,

ich möchte eine horizontale nav-leiste erstellen, dass problem liegt in dem wort horizontal. ich denke es liegt sicher am wert von DISPLAY (hier BLOCK), wenn ich aber einen anderen wert setze, dann werden die link-buttons nicht mehr richtig dargestellt. Es werden dann angaben zur höhe und padding ignoriert.

______________________________
hier der css code

#navi {
margin-top: 0px;
}

#navi a {
display: block;
font: 10pt Verdana;
padding-top: 30px;
text-decoration: none;
width: 82px;
height: 22px;
font-weight: bold;
margin: 1px 0;
color: #FFF;
background: #888888;
text-align: center;
}

-> folgende angaben lass ich aus, denn sie sind ja uninteressant (enthalten nur farben)
#navi a:link
#navi a:visited
#navi a:hover
#navi a:active
______________________________

-----------------------------------------------------
einbindung in html:

<div id="navi">
  <a href="home.html"> HOME
  </a>
  <a href="link.html"> LINK
  </a>
</div>
------------------------------------------------------

ich hoffe mein problem ist verstanden wurden :)

thx may

[Siechfred]

Hallo may,

Bring erst einmal deine CSS-Angaben in Ordnung:

color: #FFF;

^^^ Hier fehlen drei Zeichen

background: #888888;

^^^^^^^ Dies ist keine gültige Angabe für Background

Schau bitte hier nach:
http://selfhtml.teamone.de/html/allgemein/farben.htm#hexadezimal
http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background
http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_color

mfg Torsten

[may]

Bring erst einmal deine CSS-Angaben in Ordnung:

color: #FFF;
              ^^^ Hier fehlen drei Zeichen

ich glaube diese angabe ist erlaubt!

background: #888888;
               ^^^^^^^ Dies ist keine gültige Angabe für Background

ok ... background-color: #888888;

danke, aber das macht mein problem nicht kleiner :)

mfg Torsten

may

[Siechfred]

Hallo may,

das Problem liegt einfach darin, dass du die entscheidenden Angaben nicht in #navi definiert hast. Versuche es mal so:

.navi  {
width : 82px;
height : 22pxpx;
font-family: Arial, Sans-serif;
font-size: 1.0em;
font-weight: bold;
text-decoration: none;
background-color : #888888;
color: #ffffff;
display : block;
}

und im Body:

<div class="navi">
  <a href="home.html"> HOME
  </a>
  <a href="link.html"> LINK
  </a>
</div>

Das müsste funktionieren.

mfg Torsten

PS: Auch ich lerne dazu ([pref:t=45033&m=245659] und [pref:t=45033&m=245939] ;-)

[Siechfred]

Huch, Korrektur:

Die Textangaben haben natürlich nichts in .navi zu tun, die gehören in a.link.

mfg Torsten

[may]

Liebe forummmer

Danke ich habe die lösung selbst gefunden !

mfg may