Problem mit mit dem Abstand

html.de-Forum HTML, XHTML & CSS
1

Hi,

ich bin gerade dabei eine Navi zu machen, aber ich bekomme es einfach nicht hin, dass die Menüpunkte mit nur einem kleinen Abstand, untereinander liegen

Navi HTML-Code:

[code]

Home

Member

Clanwars

Downloads

Contact

[/code]Navi CSS-Code: [code]#div1 {float:left; width:10em; height:22em; margin:3em 0em 0em 4em; text-align:center; background-color:#000000;}[/code]Ich hoffe ihr könnt mir helfen:???:.

lg RD

2

Dann verwende keine p-Tags, denn die sind für Absätze - nicht für Menüs gedacht. Machs lieber einer Auflistung:

[code]

[/code]

Das kannst Du dann auch sehr einfach per CSS beeinflussen.

3

ja, aber dann hab ich ja die Punkte davor.

Irgendwie kleben die Links jetzt auch am rechten Rand dran und, wenn ich padding benutze, dann wendet der das nur auf die Hintergrundfarbe an.

4

das kannst du mit

list-style-type:none;

lösen :slight_smile:

5

okey gut, aber die dummen Links kleben immernoch an der rechten Seite:(:?

6

Kann man schwer etwas sagen dazu ohne Quellcode. Tippe aber mal drauf, dass entweder Innen- oder/und Außenabstand nicht stimmt.

7

Okey es klappt doch.
Jetzt noch eine Frage zum Schluss:
Firefox zeigt unter „Member“ und unter „Downloads“ einen schwarzen Strich an oder erzeugt einen Abstand. Warum? Wie kann ich das beheben?

HTML-Code:

[code]
Titel

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="conten-style-type" content="text/css"/>
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="generator" content="Webocton - Scriptly" />

<link href="style.css" type="text/css" rel="stylesheet" />
Sniper for Life
[/code]Betreffender CSS- Code: [code]body {background-image:url(Streifen2.bmp);} a:link {font-style:normal; text-decoration:none; color:#000000; background-color:#006000; display: block; line-height: 1.4em;} a:visited {font-style:normal; text-decoration:none; color:#000000; background-color:#006000; display: block; line-height: 1.4em;} a:focus {font-style:normal; text-decoration:none; color:#000000; background-color:#009900; display:block;} a:hover {font-style:normal; text-decoration:none; color:#000000; background-color:#009900; display:block;} a:active {font-style:normal; text-decoration:none; color:#000000; background-color:#009900; display:block;}

#div1 {float:left; width:7em; height:22em; margin:2em 0em 0em 4em; text-align:center; background-color:#000000;}
li {list-style-type:none;}[/code]

8

Steht in deinem Quelltext

  • statt
  • ? Wenn ja, dann solltest du das erst mal beheben. Vielleicht löst sich das Problem dann von selbst. :smiley:

    • 9

    ne tut es leider nicht:-(

    10

    Ich kann das Phänomen mit dem von dir geposteten Code leider nicht nachbauen.
    Verschwinden die mysteriösen Linien, wenn du die Angabe bei line-height änderst?
    Ansonsten bleibt wohl nichts anderes übrig als nicht nur den „betreffenden“ CSS-Code zu posten sondern den ganze oder – noch besser – einen Link zur Verfügung zu stellen.

    11

    jaaaaaa es hat geklappt;Jump;Jump danke

    lg RD:smile: