nicht angemeldet
layer ausrichten: zentriert UND mit pixelabstand oben
hi!
ich möchte einen layer horizontal zentrieren und gleichzeitig mit einem festen abstand nach oben definieren
mit
<body ... style="margin:20px 0px; padding:0px; text-align:center;"
und im layer
style="position:absolute; top:87px; z-index:10">
klappts nich :(
auch wenn ich für den layer align="center" setze.
irgendwie isses dann noch verschoben bzw nicht mittig ausgerichtet!!
hab ich was übersehen oder geht das gar net ws ich vorhab??
dante
-
hi dante!
ich möchte einen layer horizontal zentrieren und gleichzeitig mit einem festen abstand nach oben definieren
Hat dein Layer eine feste Breite (wenn ja welche?), oder soll er variabel in der Breite sein (wenn ja, welchen Randabstand soll er haben?)?
Oder darf es alternativ z.B. auch eine tabellenbasierte Lösung sein?
Gruß Gunther
-
hi dante!
hallo
Hat dein Layer eine feste Breite (wenn ja welche?), oder soll er variabel in der Breite sein (wenn ja, welchen Randabstand soll er haben?)?
es sieht bei mir so aus
<body bgcolor="F8FEFC" style="margin:20px 0px; padding:0px; text-align:center;">
.......
der layer mit den untergrundbildchen die unbeweglich sind
<div id="tuer" style=" width:156px; height: 380px; padding: 6px; z-index:0"><br>
<img src="pix/opensoon.png" width="156" height="273"><br><img src="pix/openmirror.jpg" width="156" height="92">dann der layer mit dem ersten mouseover bild. danach folgen noch ein paar andere aber die wären dann ja gleich
</div>
<div id="eye" style="position:absolute; top:87px; z-index:10">
<a href="link" onMouseOver="image.src='pix/openeye_mo.gif';" onMouseOut="image.src='pix/blind.gif';"><img src="pix/blind.gif" name="image" width="80" height="49" border="0" ></a></div><br><%Response.Write(lngVisitorNumber)%>
........
so der erste liegt irgendwie zentriert. der zweite ist es aber nicht der hängt so schief rum. ich kann mir aber nicht erklären wieso! :(
Oder darf es alternativ z.B. auch eine tabellenbasierte Lösung sein?
nein keine tabellen!!!
1. tabellen sind scheisse für jeden anderen zweck als tabelarisch nen haufen zahlen anzuzeigen.
2. der layer dient als rollover halter für nen paar bildchen. also muss er genau mittig über dem anderen liegen ansonsten gibt es probleme mit dem layout (s.o.)!
bye
-
Hallo dante!
hallo
Hat dein Layer eine feste Breite (wenn ja welche?), oder soll er variabel in der Breite sein (wenn ja, welchen Randabstand soll er haben?)?
es sieht bei mir so aus
<body bgcolor="F8FEFC" style="margin:20px 0px; padding:0px; text-align:center;">
.......
der layer mit den untergrundbildchen die unbeweglich sind
<div id="tuer" style=" width:156px; height: 380px; padding: 6px; z-index:0"><br>
<img src="pix/opensoon.png" width="156" height="273"><br><img src="pix/openmirror.jpg" width="156" height="92">dann der layer mit dem ersten mouseover bild. danach folgen noch ein paar andere aber die wären dann ja gleich
</div>
<div id="eye" style="position:absolute; top:87px; z-index:10">
<a href="link" onMouseOver="image.src='pix/openeye_mo.gif';" onMouseOut="image.src='pix/blind.gif';"><img src="pix/blind.gif" name="image" width="80" height="49" border="0" ></a></div><br><%Response.Write(lngVisitorNumber)%>
........
so der erste liegt irgendwie zentriert. der zweite ist es aber nicht der hängt so schief rum. ich kann mir aber nicht erklären wieso! :(
Sorry, aber das was du (vermutlich) beabsichtigst und das was du hier gepostet hast, liegt so weit auseinander, dass ich dir nur empfehlen kann, die folgenden Kapitel in SelfHTML mal in Ruhe zu studieren:
http://selfhtml.teamone.de/css/eigenschaften/randabstand.htm
http://selfhtml.teamone.de/css/eigenschaften/innenabstand.htm
http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htmOder darf es alternativ z.B. auch eine tabellenbasierte Lösung sein?
nein keine tabellen!!!
- tabellen sind scheisse für jeden anderen zweck als tabelarisch nen haufen zahlen anzuzeigen.
So eine Aussage zeigt eigentlich nur, dass du dich bisher wenig mit den sinnvollen Einsatzmöglichkeiten von Tabellen beschäftigt hast...
- der layer dient als rollover halter für nen paar bildchen.
auch hierzu empfehle ich dir noch mal in SelfHTML/Archiv nachzulesen, wie man Rollover-Effekte realisieren kann...
also muss er genau mittig über dem anderen liegen ansonsten gibt es probleme mit dem layout (s.o.)!
wenn du dich mal klug gemacht hast, wird das bestimmt gelingen... ;-)
Gruß Gunther
-
Sorry, aber das was du (vermutlich) beabsichtigst und das was du hier gepostet hast, liegt so weit auseinander, dass ich dir nur empfehlen kann, die folgenden Kapitel in SelfHTML mal in Ruhe zu studieren:
ich möchte zwei layer zentriert übereinander legen eins davon soll pixelgenau in der höhe liegen.
So eine Aussage zeigt eigentlich nur, dass du dich bisher wenig mit den sinnvollen Einsatzmöglichkeiten von Tabellen beschäftigt hast...
die möglichkeiten die css bzw. layer geben sind viel sinnvoller als stures tabledesign. ich finde die tabellen sind hinter der zeit. mit tabellendesign sehen zwar die seiten für jeden browser von NN3 bis IE6 einigermassen gleich aus aber das ist auch schon der einzige vorteil.
nachteile von tabledesign:
viel unübersichtlicher code
lange ladezeiten
inhalt wird erst gezeigt wenn die gesamte tabelle geladen ist
blind-pixel-gif-tricks zum glätten der tabellen sind scheisse und unsauber
- der layer dient als rollover halter für nen paar bildchen.
auch hierzu empfehle ich dir noch mal in SelfHTML/Archiv nachzulesen, wie man Rollover-Effekte realisieren kann...
der rollover funkt. mehr brauch ich nicht!!!
- der layer dient als rollover halter für nen paar bildchen.
-
-