nicht angemeldet
Newbie: Zelleninhalt einrücken bei externer .CSS
Hallo,
ich hab in meinen HTML Dateien einen Verweis auf eine externe .CSS angebracht.
Ich möchte nun bei mir auf der Seite den Zelleninhalt einer Tabelle um ein paar Pixel einrücken lassen. (konkret bei mir der Inhalt der linken und rechten Navigationsleiste).
Wie muss der CSS-Befehlssatz lauten?
Gruss
RETRAX
www.retrax.de
-
Hallo RETRAX,
Ich möchte nun bei mir auf der Seite den Zelleninhalt einer Tabelle um ein paar Pixel einrücken lassen. (konkret bei mir der Inhalt der linken und rechten Navigationsleiste).
schau mal hier, das sollte Dir helfen:http://selfhtml.teamone.de/css/eigenschaften/innenabstand.htm#padding
Gruß aus Köln-Ehrenfeld,
Elya
--
"Alle mal an die Nase fassen, und zwar an die eigene": http://forum.de.selfhtml.org/archiv/2003/9/57903/#m324482
_____________
Wikipedia: Die freie Enzyklopädie http://de.wikipedia.org-
Danke!
Auf der linken Seite hat es geklappt mit den 5 Pixeln eingerückt, wie aber mache ich es wenn ich in einer Tabelle die Schrift "rechts" ausgerichtet habe und dann vom rechten Rand 5 pixel eingerückt werden sollen?
Gruss
RETRAX
-
Hallo RETRAX,
Auf der linken Seite hat es geklappt mit den 5 Pixeln eingerückt, wie aber mache ich es wenn ich in einer Tabelle die Schrift "rechts" ausgerichtet habe und dann vom rechten Rand 5 pixel eingerückt werden sollen?
wie sieht denn Dein Code für die linke Seite aus?
Gruß aus Köln-Ehrenfeld,
Elya
--
"Alle mal an die Nase fassen, und zwar an die eigene": http://forum.de.selfhtml.org/archiv/2003/9/57903/#m324482
_____________
Wikipedia: Die freie Enzyklopädie http://de.wikipedia.org-
So schaut der Code in der externen .CSS aus:
.abstand {
padding-left: 5px;
}und so der Quellcode:
<td valign="top" bgcolor="#dbe6ef"><br>
<div class="abstand">
Über Mich<br>
<a href="../Sites/eHome%20ordner/eHome/Steckbrief.html">Steckbrief</a><br>
<a href="../Sites/eHome%20ordner/eHome/Lebenslauf.html">Lebenslauf</a><br>
<a href="../Sites/eHome%20ordner/eHome/Bilder/Wohnung/Wohnung.html">Wohnung</a><br>
<a href="../Sites/eHome%20ordner/eHome/Bilder/Familie/Familie.html">Familie</a><br>
<a href="../Sites/eHome%20ordner/eHome/Bilder/Freunde/Freunde.html">Freunde</a><br>
<a href="../Sites/eHome%20ordner/eHome/Bilder/Schnuffi/Schnuffi.html">Schnuffi</a><br>
<br>
Fotoalbum<br>
2000 <a href="../Sites/eHome%20ordner/eHome/Bilder/Foto2000/Foto2000.html">1</a><br>
2001 <a href="../Sites/eHome%20ordner/eHome/Bilder/Foto2001/Foto2001.html">1</a><br>
2002 <a href="../Sites/eHome%20ordner/eHome/Bilder/Foto2002/Foto2002.html">1</a><br>
2003 <a href="../Sites/eHome%20ordner/eHome/Bilder/Foto2003-1/Foto2003-1.html">1</a> <a href="../Sites/eHome%20ordner/eHome/Bilder/Foto2003-2/Foto2003-2.html">2</a> <a href="../Sites/eHome%20ordner/eHome/Bilder/Foto2003-3/Foto2003-3.html">3</a> <a href="../Sites/eHome%20ordner/eHome/Bilder/Foto2003-4/Foto2003-4.html">4</a> <a href="../Sites/eHome%20ordner/eHome/Bilder/Foto2003-5/Foto2003-5.html">5</a><br>
2004 <a href="../Sites/eHome%20ordner/eHome/Bilder/Foto2004-1/Foto2004-1.html">1</a><br>
<br>
FavoStat<br>
<a href="../Sites/eHome%20ordner/eHome/Bookmarks/Bookmarks.html">Bookmarks</a><br>
<a href="http://www.retrax.de/usage">Statistik</a><br>
<a href="http://www.gb-x.de/vote.php?forum_id=67864">Vote</a><br>
<br>
</td>-
Hallo RETRAX,
.abstand {
padding-left: 5px;
}"left" heißt ja "links". Wie könnte denn dann die Anweisung für den rechten Abstand lauten ;-) ?
Gruß aus Köln-Ehrenfeld,
Elya
--
"Alle mal an die Nase fassen, und zwar an die eigene": http://forum.de.selfhtml.org/archiv/2003/9/57903/#m324482
_____________
Wikipedia: Die freie Enzyklopädie http://de.wikipedia.org-
Habs hinbekommen :) Vielen dank!
Ich hab den Zelleninhalt rechts jetzt trotzdem im Tag auf rechte Ausrichtung formatiert. Für die Leute wo keinen CSS-kompatiblen Browser haben. Ist das W3C konform oder sollte man das besser ausschliesslich über CSS machen?
Gruss
RETRAX
"left" heißt ja "links". Wie könnte denn dann die Anweisung für den rechten Abstand lauten ;-) ?
Gruß aus Köln-Ehrenfeld,
Elya
-
hmmm...
durch das hinzufügen von:
<div class="abstand-links">
ist das html nicht valide :(
Below are the results of attempting to parse this document with an SGML parser.
Line 72, column 9: end tag for "DIV" omitted, but its declaration does not permit this (explain...).
</td>
^Line 50, column 5: start tag was here (explain...).
<div class="abstand-links">
^Line 107, column 9: end tag for "DIV" omitted, but its declaration does not permit this (explain...).
</td>
^Line 82, column 6: start tag was here (explain...).
<div align="right">Wie kann ich das wieder valide machen?
Gruss
RETRAX
-
Hallo RETRAX,
das sieht doch schon besser aus!durch das hinzufügen von:
<div class="abstand-links">
ist das html nicht valide :(nicht durch das Hinzufügen von <div>, sondern durch das Weglassen von </div>
Wie kann ich das wieder valide machen?
<td>
<div class="abstand-links">
[...]
</td>
<td valign="top">
<div align="center">indem Du vor Ende der Tabellenzelle mit dem <div> den Bereich auch wieder schließt.
Gruß aus Köln-Ehrenfeld,
Elya
--
"Alle mal an die Nase fassen, und zwar an die eigene": http://forum.de.selfhtml.org/archiv/2003/9/57903/#m324482
_____________
Wikipedia: Die freie Enzyklopädie http://de.wikipedia.org-
...wenn man was aufmacht muss mans halt auch wieder zumachen :) jetzt ist es wieder valide... :)
Gruss
RETRAX
nicht durch das Hinzufügen von <div>, sondern durch das Weglassen von </div>
-
-
-
-
-
-
-
-