|
||||
DIVs statt Tabelle / IDs mehrfach nutzen?
Hallo zusammen,
hier erstmal die Seite, um die es geht: Reitverein Am Fronhof e.V. Allerheiligen Dort geht es hauptsächlich um die horizontale Anordnung von: Artikelbild...Beschreibung...Preis. Früher war die Artikelübersicht als Tabelle ausgeführt (3 Spalten, mehrere Zeilen). Im Zuge des Umschreibens auf HMTL&CSS habe ich aber mehrfach gelesen, daß man für diese Arten von Darstellung besser 3 DIVs nebeneinander anordnet (durch float). Gesagt getan. Allerdings wundert mich eine Sache. IDs dürfen auf einer Website nur einmalig vorhanden sein. In meinem Fall (der vielleicht nicht richtigen Umsetzung) nutze ich diese ID aber mehrfach, allerdings immer mit demselben Inhalt. Die betroffenen IDs sind "shop_text", "shop_preis" und "shop_pic". Codeschnipsel: HTML-Code:
<div id="shop_pic"> <img src="img/0004/0007.png" width="150px"> </div> <div id="shop_text"> <p><span class="fett">Cliff Winter</span></p> <p><span class="fett">Farben: </span> schwarz, braun</p> <p><span class="fett">Logo: </span>auf dem Rücken / groß</p> <p><span class="fett">Größen: </span>XS, S, M, L, XL, 2XL - 5XL</p> </div> <div id="shop_preis"> <p>Offizieller VK-Preis: 159,50 €</p> </div> <div id="shop_pic"> <img src="img/0004/0008.png" width="150px"> </div> <div id="shop_text"> <p><span class="fett">Arosa</span></p> <p><span class="fett">Farben: </span>dkl.-blau/cocos, black, black/cocos, camel/marzipan, schocko/zimt, schoko/marzipan</p> <p><span class="fett">Logo: </span>auf der linken Brust / klein</p> <p><span class="fett">Größen: </span>XS, S, M, L, XL, 2XL</p> </div> <div id="shop_preis"> <p>Offizieller VK-Preis: 89,50 €</p> </div> Leider geht das aus dem Buch nicht hervor, bzw. kann ich das nicht daraus lesen. Danke für Eure Hilfe Gruß Marko |
Sponsored Links |
Sponsored Links |
|
||||
Also so wie hier:
HTML-Code:
<div class="position"> <p>3.1</p> </div> <div class="mannbild"> <a href="img/0001/0023.jpg" rel="lightbox[Herren3]" title="Valentin Keul"><img src="img/0001/0023.jpg" width="95px"></a> </div> <div class="manntext"> <p class="fett">Valentin Keul</p> <p>Geburtsdatum: 03.10.1994</p> <p>Im Verein seit: 02/2006</p> </div> <div class="position"> <p>3.2</p> </div> <div class="mannbild"> <a href="img/0001/0015.jpg" rel="lightbox[Herren3]" title="Joachim Rothmann"><img src="img/0001/0015.jpg" width="95px"></a> </div> <div class="manntext"> <p class="fett">Joachim Rothmann</p> <p>Geburtsdatum: 27.11.1951</p> <p>Im Verein seit: 04/1979</p> </div> Marko |
|
||||
Ja.
Eine Klasse mit dem Namen ".fett" die dann womöglich auch noch selbiges Formatiert sollte es nicht geben. Dafür ist das Element strong da.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade! |
|
||||
Für eine Tabelle solltest Du aber schon eine Tabelle nutzen.
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe |
|
||||
Ok, aber eine Tabelle sollte doch nur für tabellarische Inhalte und nicht zum Design verwendet werden. Hab ich mir mal sagen lassen! (Semantik).
@Praktikant: Wenn ich das Element "Strong" im HTML benutze, ist die Trennung von Inhalt und Design nicht gegeben. Deshalb mein verzicht. Falsch? Gruß Marko |
|
||||
Zitat:
Edit: strong hat eine Bedeutung.
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe |
|
||||
Zitat:
Also ist STRONG durchaus ein inhaltlicher und kein gestaltungsbezogener Bezug? Genauso wie EM ? Gruß Marko |
|
||||
Code:
<div class="position"> <p>3.1</p> </div> <div class="mannbild"> <a href="img/0001/0023.jpg" rel="lightbox[Herren3]" title="Valentin Keul"><img src="img/0001/0023.jpg" width="95px"></a> </div> <div class="manntext"> <p class="fett">Valentin Keul</p> <p>Geburtsdatum: 03.10.1994</p> <p>Im Verein seit: 02/2006</p> </div> Die ganzen Jacken, die ich hier sehe, sind eine Produkt-Tabelle... Zitat:
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe |
Sponsored Links |
|
||||
Wenn ich den Code so ändern würde:
HTML-Code:
<div class="shop_pic"> <img src="img/0004/0005.jpg" width="150px"> </div> <div class="shop_text"> <p><span class="fett">Basecap RC24P</span></p> <p><span class="fett">Farben: </span> navy/white, natural/navy, gray/black</p> <p><span class="fett">Logo: </span>Front</p> <p><span class="fett">Größe: </span>verstellbar</p> </div> <div class="shop_preis"> <p>9,80 €</p> </div> Gruß Marko |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Tabelle gerechtfertig, oder Liste oder DIVs nutzen? | quarki69 | CSS | 4 | 14.06.2010 16:22 |
div's verhalten zuweisen wie einer tabelle | ismx | CSS | 0 | 02.07.2008 23:49 |
Tabelle erscheint innerhalb eines DIVs | FBI | CSS | 1 | 27.06.2007 01:39 |
Tabelle simulieren mit divs - gelöst | unicorn | CSS | 26 | 21.11.2005 17:33 |
Tabelle in divs umformen - wie hier? | ossionline | CSS | 23 | 16.03.2005 23:35 |