|
|||
profile auflisten
hi leute,
ich möchte mehrere profile (div=bild/div=text) untereinander auflisten und habe es so wie auf dem beispiel bild gemacht. meine frage jetzt, ist das verkehrt? sollte ich beide profil-divs in ein extra div einfügen und flot left ohne <br/> oder kann man das ruhig so lassen? ich möchte 50 bis 100 profile untereinander auflisten. die andere alternative wäre ein <div id=außenbox> für jedes profil danke für jede antwort. Geändert von gandalf_hh (23.01.2012 um 09:12 Uhr) |
Sponsored Links |
|
|||
Moin,
Zitat:
HTML-Code:
<dl id="profile"> <dt><img src="/profilbilder/foo.jpg" alt="Profilbild von Foo"></dt> <dd>Lorem Ipsum Dolor Sit amet</dd> <dt><img src="/profilbilder/foo2.jpg" alt="Profilbild von Foo2"></dt> <dd>Lorem Ipsum Dolor Sit amet</dd> </dl> Das komplette CSS sähe dann etwa so aus: Code:
#profile { width:990px; zoom:1; /* hasLayout für IE 6+7, Teil des Clearfix' */ } #profile:before, #profile:after { content:""; display:table; } #profile:after { clear:both; } #profile dt, #profile dd { float:left; } #profile dt { clear:left; width:290px; } #profile dd { width:700px; } gruß, take Geändert von take_a_7 (23.01.2012 um 09:41 Uhr) Grund: Tippfehler im CSS |
Sponsored Links |
|
|||
ich kenn mich mit clear nicht aus aber zum schluss von mein css text steht immer:
/* ~~ Verschiedene float/clear-Klassen ~~ */ .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */ float: right; margin-left: 8px; } .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */ float: left; margin-right: 8px; } .clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im #container) platziert werden, wenn #footer entfernt oder aus dem #container herausgenommen wird. */ clear:both; height:0; } reicht das nicht wenn clear da schon steht??? |
|
|||
ich hab den aufbau so ausgetestet und es klappt ganz gut:
<div id="profilcontent">.........................flot:l eft width:990px: height:200px; <div id ="profilbild"><img /></div>.......flot:left width:290px: height:200px; <div id ="text"></div>...........................flot:left width:700px: height:200px; </div> stellt euch vor ich stapel solche profile 100x untereinder, wäre das ein problem? Geändert von gandalf_hh (23.01.2012 um 10:19 Uhr) |
|
|||
Moin,
Zitat:
gruß, take |
|
|||
Moin,
Zitat:
EDIT: Meine Testseite: http://test.take-weiland.de/profile.htm gruß, take |
|
|||
danke für die antwort.
was ich mich jetzt frage ist, warum veränderst du den ganzen aufbau? was genau hat dich dazu gebracht den aufbau mit: dl, dt, dd zu schreiben? ich mein das funktioerniert doch ganz gut: <div id="profilcontent">.........................flot: l eft width:990px: height:200px; <div id ="profilbild"><img /></div>.......flot:left width:290px: height:200px; <div id ="text"></div>...........................flot:left width:700px: height:200px; </div> ich hab noch nie mit dl, dt, dd zutun gehabt. vorhin hab ich gelesen es seien definitionslisten. gibt es ein nachteil mit meinen "div id" aufbau??? |
|
|||
Moin,
Zitat:
Und genau diese Struktur hat dein Inhalt. HTML zeichnet eben den Inhalt aus, und zwar so, dass seine Bedeutung klar wird. Das geschieht mit den verschiedenen Elementen. Zitat:
Nochmal: Ich weiß nicht, was genau in das div#text rein soll, schreib das doch mal bitte. Evtl. passt dann die Definitionsliste doch nicht, es hängt eben vom Inhalt ab. gruß, take |
Sponsored Links |
|
|||
also, im linken kasten soll immer eine <img/> datei, sagen wir mal vom tisch oder schrank.
im rechten text kasten soll eine beschreibung in tabellenform mit 4 spalten und mehreren zeilen. <table> <colgroup span="4"><col width="120"><col width="150"><col width="120"><col width="150"></colgroup> <tr><td>TISCH</td></tr> <tr><td>Tisch Größe</td><td>Hoch: 2 m</td><td>Lang: 1,8 m</td><td>Tief: 50cm</td></tr> <tr><td>Tisch Größe</td><td>Hoch: 2 m</td><td>Lang: 1,8 m</td><td>Tief: 50cm</td></tr> </table> da unter kommen noch 2 tabellen... Geändert von gandalf_hh (23.01.2012 um 22:30 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Mit PHP Datein aus verzeichniss auflisten und löschen | rommy | (X)HTML | 4 | 07.08.2011 02:22 |
Dateien aus Ordner auflisten und selektiv löschen? | sepp88 | Serveradministration und serverseitige Scripte | 9 | 06.06.2010 20:52 |
Profile anlegen | b74 | Serveradministration und serverseitige Scripte | 1 | 30.05.2009 19:37 |
2 Myspace Profile | tichy | Site- und Layoutcheck | 18 | 15.01.2008 11:05 |
head profile | Despairing | (X)HTML | 9 | 24.09.2006 15:56 |