Tabelle wird in NN anders wie in IE dargestellt bzw...
karlo
- html
Hallo,
folgende Tabelle
<TABLE ALIGN="CENTER" WIDTH="780" HEIGHT="293" background="header.jpg" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD VALIGN="top">
<IMG SRC="spacer.GIF" WIDTH="2" HEIGHT="179" BORDER="0" ALT="">
<TABLE>
<TR>
<TD WIDTH="95"> </TD>
<TD><INPUT TYPE="text" NAME=""></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
Ich habe mein Webdesign-Layout in einem Bild komplett im Hintergrund und wollte nun die nötigen Elemente wie Input felder oder Menü in das design nur noch rein positionieren.
Nun habe ich diese Tabelle entworfen, dabei handelt es sich nur um den kopf der website.
header.jpg ist das layout.
spacer.gif der platzhalter bzw. positionierer.
die darauf folgende Tabelle stellt dann den inhalt dar - in diesem fall ein input feld.
dieses feld muss genau an der richtigen stelle sitzen, da das layout im hintergrund ja als bild datei fest steht und die beschriftung "search" an einem festen punkt sitzt.
NN zeigt das ganze in etwa 2px nach oben versetzt an, d.h. das feld sitzt zu weit oben. Warum?
Fehler in der Tabelle, andere Methode nehmen??
Vielen Dank
Karlo
Hi,
Ich habe mein Webdesign-Layout in einem Bild komplett im Hintergrund und wollte nun die nötigen Elemente wie Input felder oder Menü in das design nur noch rein positionieren.
das wird Dir nicht zuverlässig gelingen, wenn Du Texte unterbringen willst. Diese lassen sich in ihrer Größe nicht 100%ig festlegen.
header.jpg ist das layout.
Dieses Bild solltest Du zerschneiden und über HTML zu einer Seite zusammensetzen.
spacer.gif der platzhalter bzw. positionierer.
Den brauchst Du dank CSS nicht mehr.
freundliche Grüße
Ingo
Hi,
Ja Texte werden dann wieder dynamisch auf weißem Hintergrund gelegt (...)
header.jpg ist das layout.
Dieses Bild solltest Du zerschneiden und über HTML zu einer Seite zusammensetzen.
bzw. existiert eine layout.jpg und header.jpg ist eben nur der Kopf.
Soll ich den noch weiter zerschneiden? macht doch gar kein sinn.
Ob ich jetzt eine Tabelle mit vielen einzelnen bilddateien hab oder ein bild und eine Tabelle die den inhalt wie zb. dieses Input feld festlegt. es handelt sich doch nur um 2-3px.
spacer.gif der platzhalter bzw. positionierer.
Den brauchst Du dank CSS nicht mehr.
Hä? In wie fern?
Beispiele?!
Danke
karlo
hi,
spacer.gif der platzhalter bzw. positionierer.
Den brauchst Du dank CSS nicht mehr.
Hä? In wie fern?
Beispiele?!
gruß,
wahsaga
hi,
Was genau ersetzt meinen spacer.gif?
karlo
hi,
Was genau ersetzt meinen spacer.gif?
semantisch sinnvolles HTML ersetzt deine tabelle, und CSS-formatierungen ersetzen dein spacer-gif (in diesem falle margin für außen- und padding für innenabstände von elementen).
und nein, erwarte jetzt bitte nicht, dass du nur diese zwei oder eins davon irgendwo einbauen müsstest, und fertig wär's.
layouten mit CSS erfordert schon eine gewisse einarbeitungszeit.
gruß,
wahsaga
Danke,
Ich denke ich habe es bereits verstanden.
Die Tabelle muss einfach sinnvoll gegliedert werden und deren inhalte durch padding abstände positioniert werden, das versuche ich doch glatt mal, evtl löst sich mein problem dann auch in luft auf =)
.
.
.
.
.pos1
{
padding-top: 185px;
}
statt des spacer.gif mit HEIGHT="185"
Tatsache! nun zeigen beide browser alles so an wie ich will, DANKE!
(Ich lerne schnell)
hi,
Ich denke ich habe es bereits verstanden.
Die Tabelle muss einfach sinnvoll gegliedert werden
jein.
tabellen sind zur darstellung tabellarischer daten gedacht, nicht um ein layout damit aufzubauen.
wie man sowas ohne tabellen macht - für den einstieg siehe beispiele auf der verlinkten self-seite.
gruß,
wahsaga
Hi,
tabellen sind zur darstellung tabellarischer daten gedacht, nicht um ein layout damit aufzubauen.
Bitte?
das machen doch alle so!?
wie man sowas ohne tabellen macht - für den einstieg siehe beispiele auf der verlinkten self-seite.
Wo??
Karlo
hi,
tabellen sind zur darstellung tabellarischer daten gedacht, nicht um ein layout damit aufzubauen.
Bitte?
das machen doch alle so!?
Ja, alle Idioten springen von der Brücke
wie man sowas ohne tabellen macht - für den einstieg siehe beispiele auf der verlinkten self-seite.
Wo??
Da: http://de.selfhtml.org/css/layouts/
gruß,
wahsaga
Hi,
Ob ich jetzt eine Tabelle mit vielen einzelnen bilddateien hab oder ein bild und eine Tabelle die den inhalt wie zb. dieses Input feld festlegt. es handelt sich doch nur um 2-3px.
Nein. Du vergißt die jederzeit mögliche Schriftvergrößerung, die solche Layouts dann total zerbröseln. Suche mal im Archiv nach den verzweifelten Fragen, wie man die Schriftgröße festzementieren kann, damit das Layout nicht auseinanderfliegt.
Mit Zerschneiden und Zusammenfügen der grafischen Layoutelemente allein ist es aber noch nicht getan. Du mußt flexible Bereiche einbauen, z.B. indem Du für die Seiten einer Umrahmung nur ein paar px aus der Grafik verwendest und als wiederholendes Hintergrundbild einbindest.
freundliche Grüße
Ingo