• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Ie != firefox - wieso?

Status
Für weitere Antworten geschlossen.
das möcht ich so nicht stehen lassen -
wenn deine definition von hilfe so aussieht, dass du mir schreibst, was ich gerade tue und dass ich mich dabei nicht wundern brauche, dann reden wir grade... aneinander vorbei, denn diese hilfe brauche ich nicht.
für tips bin ich allerdings sehr dankbar, auch für diesen mit <div>
ich hab das mal nach <div> umgestellt und auch mit li und ul gemacht.
folgendes hab ich jetzt
<body style="background:url(stern.jpg)">
<div id="navigation">
<ul>
<li><img src="unreal.gif" alt="unreal" /></li>
<li><img src="homebutton.gif" alt="homebutton" style="position:absolute; top:105px; left:250px;" /></li>
<li><img src="membbutton.gif" alt="membbutton" style="position:absolute; top:105px; left:369px;"/></li>
<li><img src="infobutton.gif" alt="infobutton" style="position:absolute; top:105px; left:488px;"/></li>
<li><img src="gamebutton.gif" alt="gamebutton" style="position:absolute; top:105px; left:607px;"/></li>
</ul>
</div>
</body>
Zum Vergrößern anklicken....

style.css:
#navigation {

width: 500px;
height: 200px;
background: url(himmel.jpg) no-repeat;
text-align: center;
margin: 0;
padding: 0;
}
#navigation ul {

display: inline;
list-style-type: none;
margin: 0;
margin-top: 150px;
padding: 0;
}
#navigation ul li {

float: left;
margin: 0;
padding: 0px;
height: 40px;
border: 0px solid #898989;
}
Zum Vergrößern anklicken....

problem 1) der background wird nur zur hälfte angezeigt. frage dazu: gibt es einen tag, der die vollständige darstellung der grafik erzwingt?
problem 2) es ist immernoch verschoben :(
 
Zum Problem 1)
Code: 
background: url(himmel.jpg) no-repeat;
Sagt doch, dass dein Bild weder in der X noch in der Y Achse wiederholt werden.
Es wird einmal dort eingepflegt, und wenn dein Bereich kleiner ist, als das Bild, so bleibt der Rest leer (transparent bzw BGcolor).

Zum Problem 2)
Das Menu bleibt ja schonmal an seiner Position stehen.
Heißt also, dass dein Abstand nach oben zu groß ist.
Daher meine Empfehlung, deine "margin-top: 150px;" ein wenig zu verringern, und dann den optimalen Wert finden.

mfg
da_loki

*edit*
Typo korrigiert...
thx @ matibaski
 
Zuletzt bearbeitet von einem Moderator:
ah das width="500" hab ich vergessen, ok also das backgroundbild steht...
danke loki!
was mich jetzt ein bisschen enttäuscht, ist, dass wenn ich das "margin-top: 150px" auf 120 verringere, sich absolut nichts tut. ich habs auch gespeichert. allerdings muss ich auch sagen, dass ich nicht wirklich weiß wozu margin und padding da sind :)
- ok, habs grad nachgelesen, padding ist der abstand zum rand und margin der abstand nach ganz oben... moment mal, der abstand zum RAND ? dann müsste ich den vllt mal ausprobieren? aber wie muss das aussehen?

1. problem ist geklärt
2. problem ist mir immernoch ein rätsel... was mache ich bloß falsch

Edit: Jawohl, das ist es !
kinder, ich habs... juchu, dieses gefühl ist ja wie ein gewonnener 6er im lotto

<body style="background:url(stern.jpg)">


<div id="navigation">
<ul>
<li><img src="unreal.gif" alt="unreal" style="position:absolute; top:30px; left:30px;" /></li>
<li><img src="homebutton.gif" alt="homebutton" style="position:absolute; left:250px;" /></li>
<li><img src="membbutton.gif" alt="membbutton" style="position:absolute; left:369px;" /></li>
<li><img src="infobutton.gif" alt="infobutton" style="position:absolute; left:488px;" /></li>
<li><img src="gamebutton.gif" alt="gamebutton" style="position:absolute; left:607px;" /></li>
</ul>
</div>

</body>
Zum Vergrößern anklicken....
css:
#navigation {

width: 956px;
height: 131px;
background: url(himmel.jpg) no-repeat;
text-align: center;
margin: 0;
padding: 0;
}
#navigation ul {

display: inline;
list-style-type: none;
margin: 0;
margin-top: 120px;
padding: 0;
padding-bottom: 0px;
padding-top: 90px;
}
#navigation ul li {

float: left;
margin: 0;
padding: 0;
padding-bottom: 0px;
padding-top: 90px;
height: 0px;
border: 0px solid #898989;
}
Zum Vergrößern anklicken....
http://mregon.mr.funpic.de/HTML/otherstyle/

Loki, sorry für mein entnervte reaktion, ich nehm alles zurück... danke für eure hilfe! tralala
 
Zuletzt bearbeitet:
Na ist doch kein Problem.

Schön das es jetzt funktioniert, und dass du was dazu gelernt hast ;)
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben