Sie sind hier:  » Tipps » Tabellen  » Tabellenzelle: Text mit Bild

Zur Übersicht

Tipps:

.htaccess

eMail-Adresse

Links im Text

Codeschnipsel

Codevalidierung

Druckversion

Flash

Formular 6.0

Grafiken positionieren

Animiertes Gif

JavaScripte

Multilanguage

Quicktime

Sitemap

Tabellen

Tabellen w2d 6.0

wmv valide einbinden

Farbvorschau

YouTube

Kontaktdaten

Webdesignconsult.de
39164 Wanzleben-Börde
Telefon:
039204 - 91 80 39


CSS:
table#demo {
line-height: 160%;
font-size: 0.637em;
/* oben, rechts, unten, links */
margin: 0px auto 0px auto;
width: 400px !important;
text-align: center !important;
border: #990000 1px dotted;
padding-left: 5px;
}
td.demoleft {
vertical-align: middle;
text-align: left;
padding: 5px;
}

Text mit Bild in einer Zelle unterbringen

1. html-Absatz wählen
2. Code eingeben
3. Inhalte anpassen
4. CSS in Stylesheet einpflegen

<table id="demo">
<td class="demoleft">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tatio</td><td style="text-align:right;padding:5px;">
<cc:printpicture obj="pic.tabellendomo" width="80" height="80" alt="Bild mit Text in einer Tabellenzelle"></td>
</table>

5. Grafik direkt im html-Absatz definieren, falls noch nicht andernorts geschehen:
<cc:picture obj="pic.tabellendomo" dst="tabellendemo.gif" src="logohsk.gif">


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tatio Bild mit Text in einer Tabellenzelle


© 2002 - 2012  W. K r a w i k   Stand: 09.03.2012