SetaPDF
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 11.09.2006, 09:02   #1
Bib
TP-Junior
 
Benutzerbild von Bib
 
Registriert seit: Jan 2005
Ort: Bayern
Bib macht alles soweit korrekt

Wie kann ich in CSS Bilder und Text geordnet anzeigen lassen (Tabellenform)?


Hi,
ich habe derzeit eine kleine Tabelle erstellt. In der linken spalte sind die Bilder und rechts daneben zentriert der Text. Nun ist das mit den Tabellen aber nicht so toll.

Wie kann ich sowas in CSS erstellen?

Hier der Quelltext
Code:
<table width="520" border="0" align="center">
  <tr>
    <td width="10%"><div align="center"><img border="0" src="design/j0115834.gif" alt="x" width="15" height="15" /></div></td>
    <td width="90%" align="left">Eine umfassende, kompetente und ehrliche Beratung.</td>
  </tr>
  <tr>
    <td><div align="center"></div></td>
    <td>&nbsp;</td>
  </tr>

  <tr>
    <td><div align="center"><img border="0" src="design/j0115834.gif" alt="x" width="15" height="15" /></div></td>
    <td align="left">Eine hochwertige und handwerkliche Bauqualit&auml;t.</td>
  </tr>
  <tr>
    <td><div align="center"></div></td>
    <td>&nbsp;</td>
  </tr>

  <tr>
    <td><div align="center"><img src="design/j0115834.gif" alt="x" width="15" height="15" border="0" /></div></td>
    <td align="left">Das Gef&uuml;hl, durch die intensive Baubetreuung eine solide Bauqualit&auml;t zu </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left">erhalten.</td>

  </tr>
</table>
Und hier die Anzeige: http://mayr-aktiv.de/mayrtest/3_gruende.php
Bib ist offline   Mit Zitat antworten


Alt 11.09.2006, 09:09   #2
TP-Senior
 
Benutzerbild von mindstorms
 
Registriert seit: Aug 2003
Ort: telfs / tirol
mindstorms ist auf einem guten Weg
Code:
<ul>
  <li>Eine umfassende, kompetente und ehrliche Beratung.</li>
  <li>Eine hochwertige und handwerkliche Bauqualität.</li>
  <li>Das Gefühl, durch die intensive Baubetreuung eine solide Bauqualität zu erhalten.</li>
</ul>
Code:
li {
	list-style-image: url(http://mayr-aktiv.de/mayrtest/design/j0115834.gif);
}
__________________
Highlive Adventuregroup
mindstorms ist offline   Mit Zitat antworten
Alt 11.09.2006, 13:01   #3
Bib
TP-Junior
 
Benutzerbild von Bib
 
Registriert seit: Jan 2005
Ort: Bayern
Bib macht alles soweit korrekt
Ah, danke!

Hab noch eine Frage dazu:

Was ist der Unterschied, wenn ich den Style dem Tag <ul> oder dem Tag <li> zuweise? Funktioniert beides? Hat das irgendwelche Auswirkungen?
Bib ist offline   Mit Zitat antworten
Alt 11.09.2006, 13:10   #4
TP-Senior
 
Benutzerbild von mindstorms
 
Registriert seit: Aug 2003
Ort: telfs / tirol
mindstorms ist auf einem guten Weg
es funktioniert beides (zumindest im firefox)

glaube aber dass ich es falsch gemacht habe und der style eigentlich dem ul-tag
zugewiesen werden muss

habe nämlich kein beispiel gefunden bei dem es dem der style dem li-tag
zugewiesen wurde
__________________
Highlive Adventuregroup
mindstorms ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Traum-Talk > Webdesign & Co.
Wie kann ich in CSS Bilder und Text geordnet anzeigen lassen (Tabellenform)? Wie kann ich in CSS Bilder und Text geordnet anzeigen lassen (Tabellenform)?
« wie bekomme ich ein Forum in meine Seite rein!! | Gestaltungstipps »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:54 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67