Probleme mit Menü

C

Corri01

Grünschnabel
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: 
ul
{
list-style-type:none; /* schaltet das voreingestellte Bullet-Zeichen aus */
list-style-image:url('../bilder/kaffeebohne.gif');
font-weight:bold;
font-size:12em;
line-height:50px
}

oder in Kurzform:

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


mfg Maik
 
Corri01 | PN hat gesagt.:
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.. ;-)
Zum Vergrößern anklicken....
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...
 

Anhänge

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,

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

mfg Maik
 

Anhänge

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: 
ul
{
         list-style:none url('../bilder/kaffeebohne.gif');
         font-weight:bold;
         font-size:1.2em;
         line-height:50px
}


mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück