mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 26.02.2020 03:59 Benutzername: Passwort: Auto-Login

Thema: Wie in Xhtml-Umsetzen? vom 14.10.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Wie in Xhtml-Umsetzen?
Autor Nachricht
saucer
Threadersteller

Dabei seit: 19.05.2002
Ort: München
Alter: 39
Geschlecht: Männlich
Verfasst So 14.10.2007 13:57
Titel

Wie in Xhtml-Umsetzen?

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen,
ich hab hier ein Layout:




Dass ich gerade in xhtml umsetzen will. Ich habe jetzt einen Div-Container für den Header, dann den Wrapper, einen Div-Container für das linke Menü und einen Div-Container für den Content.

Jetzt philosphiere ich gerade wie ich die einzelnen Elemente rechts anordne - wie würdet ihr das machen ohne für jedes Element ein neues DIV aufzumachen? Wie mach ich das möglichst sauber und übersichtlich?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
orangensaft

Dabei seit: 20.04.2007
Ort: Hamburg
Alter: 29
Geschlecht: Männlich
Verfasst So 14.10.2007 14:03
Titel

Antworten mit Zitat Zum Seitenanfang

Mit Elementen meinst du jetzt den Titel der Produkte, die Beschreibung, den Preis und die zwei Buttons "anzeigen" und "in den Korb"?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
beeviZ

Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 14.10.2007 14:04
Titel

Antworten mit Zitat Zum Seitenanfang

Durch die Rundungen wir das ganze richtig derbe verkompliziert. Da musste dich wohl mit spans aushelfen oder die Höhen und Breiten fest machen, dann kannste mit Hintergrundbildern arbeiten dafür. Ich gehe jetzt einfach mal davon aus du machst das mit Spans und gehe nicht weiter darauf ein.

Unser Angebot -> h2
Bild -> img mit float left
Bubble Mailers -> h3
Beschreibung -> p
Trenner -> hr
Preis -> p mit float: left und border-right (für den vertikalen trenner)
"anzeigen" -> a mit klasse
"In den korb" -> a mit klasse
Trenner -> hr mit clear: left. alternativ ein div um das ganze produkt mit border-bottom.

beim nächsten produkt eben das gleiche spielchen.

Code:
<div id="content">
   <span class="rounded-top"></span>
   <h2>Unser Angebot</h2>
   <div class="product">
      <img style="float: left;" />
      <h3>Bubble Mailers</h3>
      <p style="border-bottom: ...">Text text text bla</p>
      <p class="price">$ 85.00</p>
      <a>Anzeigen</a>
      <a>In den Korb</a>
   </div>
   
   <div class="product">
      ...
   </div>
   
   <span class="rounded-bottom"></span>
</div>


Zuletzt bearbeitet von beeviZ am So 14.10.2007 14:07, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
hyko

Dabei seit: 29.04.2002
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 14.10.2007 14:39
Titel

Antworten mit Zitat Zum Seitenanfang

würde ganze in listen lösen - zwei listen in sich verschachtelt... - code folgt morgen - bin auf dem sprung nach muc - bis gleich grosser und wehe es schmeckt nicht *bäh*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Individuelles Design in XHTML u. "CSS" umsetzen
XHTML
xhtml 1.1
Hintergrundfarbe mit xhtml...
Idee, aber wie soll ich das umsetzen?
Wie am besten umsetzen?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.