Wie Strukturiert ihr euer Theme?
Hey Leute,
mein Design ist in Photoshop komplett fertig, durch das Buch von Thomas Weitzel habe ich schon viel dazugelernt nun stellt sich mir aber die Frage
ob ich die einzelnen Module, Platzhalter etc. in Grids strukturiere oder alles versuche in CSS-Klassen und den dazugehörigen Margin befehlen alles zurecht zu rücken.
Wie geht ihr vor?
Durch die Funktion SPALTEN kann ich ja schön aufteilen jedoch auch da stellte ich mir die Frage was heutzutage üblich ist und ob man nurnoch Hauptspalte sowie Kopf und Fußzeile nimmt?
Zu meiner zweiten Frage:
Ich habe in der Hauptspalte einen Kasten bauen wollen wo ein Referenzbild und der dazugehörige Text drinn steht, klappt auch alles soweit jedoch
macht er aus welchen Grund auch immer mir den oberen Rahmen nicht, könnt ihr mir sagen wo der Fehler liegt?
HTML-Code:
/** Referenzformatierung Startseite **/
#main .referenzhome
{
width:300px;
top:-500px;
position:relative;
overflow:hidden;
float:left;
margin:20px 40px 0 400px;
padding:10px 10px 10px 20px;
border-top:1px solid blue;
border-right: 1px dotted blue;
border-bottom: 1px dotted blue;
border-left: 1px dotted blue;
}
Achso wenn ich bei Border-top solid auf dotted ändere, verschwindet der gesammte Rahmen, irgendwie komisch oder logisch :-)
Danke euch für die Hilfe
Liste der Anhänge anzeigen (Anzahl: 3)
Vielen Dank für eure Antworten
Ich habe nochmal alles zusammengetragen und hoffe den Fehler mit euch zu finden.
Zu der Antwort:
Zitat:
soweit_ok
Na ja, Dein Markup sieht reichlich verdächtig aus ...
Code:
top:-500px;
position:relative;
margin:20px 40px 0 400px;
Ich vermute mal, der obere Rahmen verschwindet einfach unter dem Container #header, und falls Du keinen Header hast, dann eben im Nirvana. Schau Dir Positionierung und Ausdehnung der Elemente am besten mal mit Firebug an, dann siehst Du doch sofort, was los ist.
Außerdem sollte man mit Minus-Margins generell nur in ganz speziellen Fällen arbeiten, doch bestimmt nicht beim Standard-Layout.
Ja da hast du recht man sollte nicht mit Margin minus arbeiten, dies war jedoch nur zum testen ob ich den Block woanders hinbekomme, hatte aber nichts mit dem "Fehler" zu tun den ich beschrieben habe da ich den Wert -500px erst ein Tag danach reingeschrieben habe.
hier mal der Rahmen mit der fehlenden oberen Linie:
Anhang 4964
Ich habe das folgendermaßen realisiert:
1. Artikel angelegt
2. 3 Text-Elemente eingebaut
3. Bild eingefügt
4. CSS-Klasse einen Namen gegeben (referenzhome)
5. Code in CSS geschrieben:
HTML-Code:
/** Referenzformatierung Startseite **/
#main .referenzhome
{
width:300px;
top:-300px;
position:relative;
overflow:hidden;
float:left;
margin:20px 40px 0 400px;
padding:10px 10px 10px 20px;
border-top:1px solid #blue;
border-right: 1px dotted blue;
border-bottom: 1px dotted blue;
border-left: 1px dotted blue;
}
Wie gesagt die Margin-Werte oder top, sind nur für mich gewesen damit ich den Platz bestimmen konnte.
Für mich stellst sich nur die Frage wenn ich nicht mit minus arbeiten sollte, wie kann ich dann diese aufteilung realisieren ohne mit Grids zu arbeiten:
Anhang 4965
Bitte haltet mich nicht für total blöd :-), ich bin einer der sich die reinfolgen genau ansieht und dann über sowas stolpert weil ich nicht genau weiß wie man die Positionen der einzelnen Module, Blocks oder Container bestimmt wenn mann nicht mit Margin minus arbeitet?
Wenn ich also z.B. den .referenzhome eine position zuordnen will muss ich doch mit Margin arbeiten oder?
Wie würdet ihr diese "Positionen" für die jeweiligen Module etc. difinieren?:
Anhang 4966
Eventuell kennt ihr ne gute Seite für Positionen diffinieren per css?
Besten Dank, wenn das mit den Positionen und den Rahmen endlich funzt habe ich es endlich verstanden ;-)