Ich habe mir eine Übungsdatei geschrieben, aber irgendwie passt da was nicht.

Unter ul, wo kaffeebohne.gif steht, wenn ich die CSS Datei so verlinke, stehen im Menü nur Punkte, ist egal was ich eingebe, es soll aber die Kaffeebohne erscheinen, ich habe schon alles ausprobiert komme aber nicht weiter...

body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
background-color:maroon;
text-align:left;
}

h1
{
font-size:1.9em;
}

h4
{

font-size:1.2em;
font-weight:bold;
line-height:1px;;
padding-top:12px;

}


img
{
float:left;
border:0px;

}

ul
{
list-style-image:url('../bilder/kaffeebohne.gif');
font-weight:bold;
font-size:12em;
line-height:50px
}


#logo1
{
position: relative;
left:5px;
top:5px;
z-index:2;
}


#logo2
{
position: relative;
left:12px;
top:-10px;
color:#cc3300;
z-index:1;
}

#rahmen
{ width: 738px;
border:0px;
margin:0px;
padding:0px;
}

#banner
{ width: 738px;
height: 60px;
background-color:#996633;
float: left;
padding:0px;
margin:0px;
border:0px;

}

#pics
{ width: 738px;
height: 115px;
background-color:#986660;
float: left;
padding:0px;
margin:0px;
border:0px;
text-align:left;
}


#navi
{ width: 140px;
height: 410px;
background-color:#996633;
float: bold;
padding:15px;
margin:0px;
border:0px;
}

#content
{ width: 538px;
height: 410px;
background-color:#cab292;
float: left;
padding:15px;
margin:0px;
border:0px;
}


#footer
{ width: 722px;
height: 25px;
background-color:#cc3300;
float: left;
padding:8px;
margin:0px;
border:0px;
font-size:1.25em;
}

table
{ table-layout:fixed;
border:0px;
margin:0px;
padding:0px;
text-align:center;
border-collapse:collapse;


}

th
{ color:#cab292;
background-color:#996633;
padding:5px;

}

td
{ color:black;
background-color:#cab292;
border: 1px #996633 solid;
padding:5px;
}

a
{

text-decoration:none;
color:black;
}
a:active
a:visited
a:focus
{

}


a:hover
{
color:#cab292;
}

Hi,

Code :

1 2 3 4 5 6 7 8

ul { [b]list-style-type:none; /* schaltet das voreingestellte Bullet-Zeichen aus */[/b] list-style-image:url('../bilder/kaffeebohne.gif'); font-weight:bold; font-size:12em; line-height:50px }

oder in Kurzform:

Code :

1 2 3 4 5 6 7

ul { [b]list-style:none url('../bilder/kaffeebohne.gif');[/b] font-weight:bold; font-size:12em; line-height:50px }

mfg Maik

Zitat von Corri01 | PN

Hi, das funktioniert leider nicht, irgendwie ist da der Wurm drinne. Kann ich Dir mal die Original Dateien schicken und die, die ich gemacht habe, vielleicht findest Du ja den Fehler.

Gruss

Marco

P.S. Müsstest mir noch Deine Email geben, dann schicke ich Dir das mal rüber..

Hi,

lad die Dateien bitte in einer ZIP-Datei in diesem Thread als Attachment hoch. Vielen Dank!

mfg Maik

Hier die Datei, die neu Dateien sind die von mir erstellten... da passt auch nicht der Teil, wo der Text drinne steht, auch so ein Problem...

Tausch im HTML-Code im öffnenden <ul>-Tag die Ziffer 1 (<u1>) gegen ein kleines "l" aus, dann funktioniert erwartungsgemäß auch mein gestriger Vorschlag.

mfg Maik

Hi,

funktioniert leider nicht, bin langsam echt überfragt....

Hi,

dann wirst du irgendwo noch einen Fehler haben, denn bei mir funktioniert der Vorschlag vom ersten Tage einwandfrei.

mfg Maik

Wenn ich die Datei öffne, dann sind die Menüpunkte riesengross über die hälfte des Bildschirms verteilt... woran kann das liegen...

Dann schau bitte einfach in dein Stylesheet, was für eine Schriftgröße du da für das ul-Element festgelegt hast.

Hab mich auch schon darüber gewundert, aber "Gottes Wege sind ja bekanntermaßen unergründlich"

mfg Maik

Vermutlich hast du hier schlichtweg den Dezimal-Punkt vergessen:

Code :

1 2 3 4 5 6 7

ul {          list-style:none url('../bilder/kaffeebohne.gif');          font-weight:bold;          font-size:1[b][SIZE="6"].[/SIZE][/b]2em;          line-height:50px }

mfg Maik