|
|||
Frage zum Aufbau eines Layouts
Hallo erstmal,
ich möchte dieses Layouthttp://flex.modx.de/test.jpg komplett mit css und xhtml erstellen, was Neuland für mich ist da ich vorher mit tabellen und html gearbeitet ahbe..aber gut man ist ja lernwillig. Meine Fragen: Wie soll ich das von der struktur aufbauen: Ich dachte an je ein div wo der hellgraue, der graue und wieder der hellgraue bereich samt submenü liegen. joa das leftmenü in ein eigenes div unsw...ist das richtig so? zweite frage: die blauen balken wo der menüpunkt drinn steht sollen exakt untereinander platziert werden, wie mache ich das ich habe bis jetzt zwischen den einzelnen menüpunkten immer einen abstand gehabt kennst jemand ausser selfhtml noch ein paar tutorials zum einstieg mit xhtml und css? bin für alle antworten dankbar gruß |
Sponsored Links |
|
|||
Google mal nach css templates.
Ansonsten: css4you.de Bei Dir scheints ein Zweispalter sein zu können, evtl. ein Dreispalter. Header Linke Spalte - die mit dem Menü. Für das Menü brauchst Du kein extra Div, das geht in eine Liste ul. Rechte Spalte - der Rest. Evtl. ganz rechte Spalte - falls auswahlmenü da rüber rutscht. Abstände generell auf Null setzen mit dem Universalselektor: im CSS Code:
* { margin: 0; padding: 0; }
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
|||
So ganz verstehe ich ehrlicherweise die Beschreibung vom Flex32 nicht (Tipp: Vernünftige deutsche Sätze mit Interpunktion und Großschreibung würden da helfen ). Auch bin ich nicht sicher welches der beiden Menü das Submenü sein soll.
Ansonsten sehe ich da keine Spalten. Das sind vier Elemente (Logo, Kopfmenü, Hauptmenü, Content) mti einsprechenden Margins: Pseudocode: Code:
<div id="Logo"></div> <div id="kopmenue" style="margin-left: (hell-grauer Rand links); margin-right: (hell-grauer Rand rechts);"> <ul style="background-color: (dunkel-grau)";>[/list]</div> <div id="hauptmenue" style="background: (hell-blau) (Bild) no-repeat (linke Pos=Breite Hauptmenue + hellgrauer Rand links) top"> <ul style="width: (feste Breite in em)">[/list]</div> <div id="outerContent" style="margin-left: (Breite Hauptmenue + hellgrau links); margin-right: (hell-grauer Rand rechts)"> <div id="content"></div> </div> Robin |
|
|||
Zitat:
Code:
<div id="kopmenue" style="margin-left: (hell-grauer Rand links); margin-right: (hell-grauer Rand rechts);"> <ul style="background-color: (dunkel-grau)";>[/list]</div> wo kann ich den da steuern wie groß der Bereich von dem linken hellgrauen und der des Dunkelgrauen werden soll? Desweiteren ist zwischen den einzelnen div´s ein großer Abstand obwohl ich in der css-definition margin:0px; padding:0px; sage gruß |
|
|||
Zitat:
Zitat:
Robin |
|
|||
Zitat:
|
|
|||
Zitat:
kann mir vll mal jemand die grobe struktur aufzeichen, ich bekomme das nicht so ganz hin |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Frage zur Umsetzung meines Layouts? Geht das überhaupt was ich möchte? | Delysid-25 | CSS | 4 | 18.03.2009 09:07 |
Script Aufbau Frage (Generell) | dan_23 | Serveradministration und serverseitige Scripte | 2 | 10.07.2008 14:43 |
Skript Aufbau Frage ? | dan_23 | Serveradministration und serverseitige Scripte | 9 | 14.03.2008 01:01 |
Aufbau frage drumrumschreiben? | xero | CSS | 1 | 06.07.2007 21:19 |
Aufbau Frage | xero | CSS | 13 | 23.05.2007 16:46 |