Hallo liebe Coder-Freunde !
Ich bin ratlos...
Ich versuche mich nun schon mehrere Stunden an dem Design:
Ich will dieses Design mit div Containern und css coden...
Ich habe es mit Photoshop gesliced und habe nun viele kleine bilder versteht sich.
Ich habe jedoch das problem dass wenn ich es bei css es anordne,
die Bilder untereinander sind wie soll ich so das vollständige Design mit css bekommen ?
bevor du sliced solltest du dir gedanken machen wie du es coden wirst
und auf den code von photoshop solltest du ganz dringend verzichten! immer selber schreiben!
zu deinem problem:
die bilder die NEBENEINANDER sollen, musst du nochma in einen div packen
Beispiel:
<div>H E A D E R </div>(1 Bild oben)
<div><div>C O N T E N T</div> & <div>S I D E B A R</div></div> (2 Bilder, unter Header, nebeneinander)
du packst also dein header bild in einen div und deine content und sidebar bilder jeweils in einen div UND DANN NOCHMA die content und sidebar divs in einen div
dann noch das linke bild gegebenfalls auf float:left und das rechte auf float:right setzen dann bleiben die nebeneinander, wenn du die maße richtig einstellst.
ps. das is kein beispiel für ein code das ist sozusagen nur ne skizze zur veranschaulichung
hoffe ich konnte dir helfen
Edit: limex hat recht, du solltest das coden an leichteren designs üben.
nochma Edit xD: ich versteh auch garnicht wieso du "ganz viele kleine bilder hast" das brauchst du garnicht, das ist CSS! du KÖNNTEST sogar das komplette teil als hintergrund bild setzen und die texte mit div drüber legen :-D aber so tief wollen wir nicht sinken. teil dir dein layout in gut bedachte bereiche auf, du musst nicht jede einzelne ecke als bild speichern, das ist unnötig unterteile nur soviel wie du brauchst nicht mehr und nicht weniger. zum coden gehört nicht nur auswendig können, du brauchst köpfchen.
*Signatur*
This post has been edited 3 time(s), it was last edited by Sebilo: 15.04.2010 23:14.
es gibt auch eine möglichkeit die gemachten slices als divs anstatt tabellen zu exportieren.
Das amchst du indem du auf "für web speichern" gehst und dann oben rechts auf das dreieck gehst und dann auf "ausgabeeinstellungen bearbeiten"
dann auf slices im listenmenü und auf css generieren, dann gibt er dir ein CSS Dokument in Divs an aber das nur linksbündig und nicht zentriert, aber falls das jemand rausfindet wie das geht sagt bescheid
If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.
After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.
In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.
Sign up now and enjoy the advantages as a registered member.
(This website will be ad-free after a complete free sign up.)
19.04.2010 