Text in Tabellen
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
beispiel
bild
blick
code
empfehlen
grafikdesign
http
linke obere ecke
machen
obere ecke
platzhalter
position
problem
stelle
tabelle
tag
teil
text
url
zelle
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
ganz normale table ^^
<table width="100%" border="0" cellpadding="0" cellspacing="2"> <tr> <td width="150px" ><img src="image/gbild2.gif" alt="gdesign_bild_platzhalter" title="platzhalter"></td> <td width="550px" ><h2>platzhalter Grafik1</h2></td> <td>Autor:<span class="green">"art2face"</span></td> </tr> <tr> <td><img src="image/gbild2.gif" alt="gdesign_bild_platzhalter" title="platzhalter"></td> <td><h2>platzhalter Grafik2</h2></td> <td>Autor:<span class="green">"art2face"</span></td> </tr> <tr> <td><img src="image/gbild2.gif" alt="gdesign_bild_platzhalter" title="platzhalter"></td> <td><h2>platzhalter Grafik2</h2></td> <td>Autor:<span class="green">"art2face"</span></td> </tr> <tr> <td><img src="image/gbild2.gif" alt="gdesign_bild_platzhalter" title="platzhalter"></td> <td><h2>platzhalter Grafik2</h2></td> <td>Autor:<span class="green">"art2face"</span></td> </tr> </table>
jetzt soll eben da wo h2-tag drin ist der text normal verlaufen. eben von linksoben nach rechts unten -
Naja, eine (nicht sehr schöne) Möglichkeit wäre es, das Bild in drei Teile zu teilen und diese anzuzeigen.
Die wesentlich bessere Variante ist es, wenn du statt der Tabelle einfach normale div's nimmst und diese dann mit css - position(http://www.css4you.de/position.html) positionierst. -
Wenn dort nur Text in dem h2-Tag sein soll, müsste es damit gehen:
td > h2 { text-align: left; }
Ansonsten musst du glaub ich nen extra class- oder id-Selektor für das jeweilige td eintragen.
Ich würde dir aber auch (wie mapscript) empfehlen divs einzusetzen -
naja, wenn ich das richtig verstanden habe, dann soll ein Bild über mehrere Tabellenzeilen gehen, oder habe ich dich da falsch verstanden?
-
Mein Blick auf die vom Firefox ausgespuckte Seite sagt mir, dass es eher nich so ist
-
fseplnixx schrieb: Mein Blick auf die vom Firefox ausgespuckte Seite sagt mir, dass es eher nich so ist
da hast du recht ....
das bild stimmt schon so möchte nur den text links in die obere ecke der tabelle setzten. und nicht middle also vertikal ^^ -
fseplnixx schrieb: In die linke obere Ecke der Tabelle oder der Tabellenzelle?
der zelle <td><h2>
Beitrag zuletzt geändert: 20.10.2009 17:34:41 von psd -
In etwa so? http://fseplnixx.lima-city.de/community_samples/table.html
das wäre dann folgender Code:
<style> td {text-align: center;} td h2 {text-align: left;} </style> <table width="100%" border="1" cellpadding="0" cellspacing="2"> <tr> <td width="150px" ><img src="image/gbild2.gif" alt="gdesign_bild_platzhalter" title="platzhalter"></td> <td width="550px" ><h2>platzhalter Grafik1</h2></td> <td>Autor:<span class="green">"art2face"</span></td> </tr> <tr> <td><img src="image/gbild2.gif" alt="gdesign_bild_platzhalter" title="platzhalter"></td> <td><h2>platzhalter Grafik2 Das ist ein sinnloser Text für Testzwecke</h2></td> <td>Autor:<span class="green">"art2face"</span></td> </tr> <tr> <td><img src="image/gbild2.gif" alt="gdesign_bild_platzhalter" title="platzhalter"></td> <td><h2>platzhalter Grafik2</h2></td> <td>Autor:<span class="green">"art2face"</span></td> </tr> <tr> <td><img src="image/gbild2.gif" alt="gdesign_bild_platzhalter" title="platzhalter"></td> <td><h2>platzhalter Grafik2</h2></td> <td>Autor:<span class="green">"art2face"</span></td> </tr> </table>
P.S. ich hab border auf 1 gesetzt, damit man's erstmal besser erkennt
P.P.S. ACHTUNG: Dieser Weg funktioniert nicht. Lösung steht weiter unter
Beitrag zuletzt geändert: 20.10.2009 19:49:21 von fseplnixx -
genau das macht er aber nicht bei mir warte ich lads mal hoch !
fseplnixx schrieb: In etwa so? http://fseplnixx.lima-city.de/table.html
das wäre dann .....
Hier mal der link
geh einfach auf Webdesign oder Grafikdesign.
//edit
ups HIER DER LINK
http://psd.lima-city.de/art2face/
fseplnixx schrieb:
Beitrag zuletzt geändert: 20.10.2009 18:20:14 von psd -
Hier mal der link
geh einfach auf Webdesign oder Grafikdesign.
Ich glaub du hast das wichtigeste vergessen: den Link
Edit: Ah danke, ich schau es mir mal an
---
Sieht so aus als wäre die einzige Möglichkeit die jeweiligen td-Tags mit einem class- oder id-Attribut zu versehen, also:
css: .classname, #idname { vertical-align: top; } html: <td class="classname" id="idname"><h2>Der Text</h2></td>
Das bei meinem Beispiel funktionierte übrigens doch nicht, das war nur so viel text, dass es so aussah als ob ..
Beitrag zuletzt geändert: 20.10.2009 19:51:15 von fseplnixx -
Hab ich auch gemerkt aber das neue funktioniert wunder bar danke !
hab im css enfach eine regel mehr geschrieben.
CSS:
#content td { vertical-align: top ;}
Beitrag zuletzt geändert: 21.10.2009 5:44:20 von psd -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
