Tabellen Designen
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anzeigen
aussehen
beitrag
breite masse
design
drum
explorer
gucken
gut aussehen
layout
lord
pixel
quelltext
richtung
schimmer
schlechte beispiel
schwarzen rahmen
tabelle
unterscheiden
vielen dank
-
Hoi,
ich hab da mal ne Frage zum Designen von Tabellen.
Ich hab schon ziemlich viel rumprobiert und es auch geschafft, dass die Tabellen zumindest im FireFox Browser so aussehen wie ich will.
Aber da halt die breite Masse den Internet-Explorer verwendet, will ich, dass die Tabellen im Internet Explorer auch so gut aussehen.
Ich habe festgestellt, dass dies bei Lima-City der fall ist und wollte mal wissen wie ich solche Tabellen machen kann.
Vielen Dank im voraus
Mit freundlichen Gr??en
DarkNight -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Tabellen sollten nicht zum Layout "missbraucht" werden!
CSS sollte f?r's Layout gebraucht werden.
Sorry, aber in diesem Punkt ist lima ein schlechte Beispiel.
Der W3C sagt, man sollte CSS zum layouten benutzen, Tabellen sollten auch nur f?r Listen benutzt werden, um z.B ein Forum, etc. darzustellen.
Durch CSS wird das ganze auch viel einfacher und man braucht weniger Code.
Und so schwer ist es nun auch wieder nicht.
H2O -
hi!
also ich mach mein design auch immer mit tabellen (siehe www.NetBat.at) ...
wie machst du den die breiten/h?henangaben bei den tabellen? machst du die mit prozent oder mit Pixel?
und was ist denn anders?
k?nntest du mal einen ausschnitt aus deinem code oder so posten?
danke
-
Hoi,
also Tabbelenh?hen und breiten geb ich eigetlich immer fix an (also in Pixel).
Ausnahme in der Navigation, da ist die Tabellenbreite auf 100% gesetzt.
Aber auch nur die Tabellen, in denen Home, Links, News und Adminbereich, usw. steht.
Codeausschnitt von einer Tabelle der gesamten Navigation kann ich schonmal posten. Aber es ist einfacher wenn du ihn selber nachschaust.
http://darknight.pyrokar.lima-city.de/
<table width="120" align="center" cellpadding="0" cellspacing="0" rules="rows" style="border: 1px solid #000000">
<tr>
<td background="tableheadback.jpg" bgcolor="#C4CBDE"><span class="Stil22"><strong> Menü</strong></span></td>
</tr>
<tr>
<td bgcolor="#C4CBDE">
<table width="100%" cellspacing="0" rules="rows" style="border: 1px solid #808080" frame="below">
<tr>
<td><span class="Stil14"><a href="index.php?action=home">» Home</a></span></td>
</tr>
<tr>
<td><span class="Stil14"><a href="index.php?action=news">» News</a></span></td>
</tr>
<tr>
<td><span class="Stil14"><a href="index.php?action=links">» Links</a></span></td>
</tr>
<tr>
<td><span class="Stil14"><a href="index.php?action=admin">» Adminbereich</a></span></td>
</tr>
</table>
</td>
</tr>
</table>
MfG
DarkNight
Beitrag ge?ndert am 19.10 14:53 von darknight -
Wegen Problemen muss Code nun ohne den [ code ]-Tag gepostet werden.
Ist dein Problem die Gr??e?
Du kannst ja mal die width="..." Angabe oben im table-Tag in % umwandeln.
Ansonsten schildere mal genauer dein Problem.
H2O
// edit:
Da war darknight wohl schneller mit der Um?nderung des Codes ;)
Beitrag ge?ndert am 19.10 14:57 von h2o -
und was sieht da nicht so gut aus?
ich hab es mir jetzt mit dem slimbrowser und dem ie angesehen und
mit beiden sieht es exakt gleich aus und ich w?ssste nicht was dich st?rt!
k?nntest du mal posten was denn f?r unterschiede zu sehen sind? -
also ich habe fr?her auch meine ganzen projekte mit tabellen gemacht, mittlerweile bin ich aber auch zu css r?bergegangen und mach es nun mit divs...
muss man sich mal eine woche genauer mit besch?ftigen und dann hat mans drauf und wenn du es richtig anstellst, siehts auch in allen browsern fast identisch aus.. -
also ich habe fr?her auch meine ganzen projekte mit tabellen gemacht, mittlerweile bin ich aber auch zu css r?bergegangen und mach es nun mit divs...
Ja, genauso ging's mir auch.
Vorher hatte ich nur reines HTML und mal ein paar CSS-Ausschnitte (von anderen Seiten kopiert *g*), aber dann bin ich komplett auf CSS umgestiegen.
Vorteile:
Weniger Code
Einfacher
Sieht meist in allen Browsern gleich aus
valide ;)
H2O -
Hoi,
also ich hab etz mal Screens gemacht:
So solls aussehen, bzw. so siehts mit dem FireFox aus:
http://darknight.pyrokar.lima-city.de/tabellen/tabellefirefox.jpg
So siehts im Internet-Explorer aus und so gef?llts mir net:
http://darknight.pyrokar.lima-city.de/tabellen/tabelleinternetexplorer.jpg
Drum m?chte ich meine Tabellen so wie auf Lima machen, da die im IE genauso aussehen wie im FireFox.
Aber ich hab keinen blassen schimmer wie ich des anstellen soll!!
Wenn keiner wei? wie des geht schreib ich dem Lord halt mal ne PN.
Wobei ich glaub, das der im Moment wichtigeres zu tun hat als mir den Code f?r die Tabellen zu geben...
MfG
DarkNight -
Mit CSS ginge es am einfachsten.
Bei der Tabelle notieren "border:1px solid black;"
Und dann bei den td's das gleiche oben und unten (top, bottom).
H2O -
Hmm ich galub ich wei? wie ich des noch machen k?nnte...
Aber warum is eigentlcih der Tabellenrand im IE so komisch blau??
//EDIT: Und wie soll ich des mit Above und Bottom machen, der Befehl "frame=""" geht ja nur im <table>-Tag
//EDIT: Ich habs hinbekommen und jetzt sehn die beiden Tabellen ann?hernd gleich aus!!
Vielen Dank f?r die Hilfe!
Trotzdem w?re es mal interresant zu wissen wie unser Lord des gemacht hat!!
MfG
DarkNight
Beitrag ge?ndert am 19.10 15:21 von darknight
Beitrag ge?ndert am 19.10 15:42 von darknight -
Dann guck doch in den Quellcode von LimaCity... Rechtsklick auf die Seite und "Quelltext anzeigen"... :D
Hoi, des hab ich als allererstes gemacht.
Aber da hatte nur die thead-zelle einen schwarzen rahmen mit nem Pixel breite.
Ich habs etz also eigentlich weitgehend hinbekommen.
Meine Tabellen ben?tigen zwar noch ein paar kleine Verfeinerungen, aber ich denke des is die richtige Richtung.
Thread kann geschlossen werden!!
MfG
DarkNight -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage