Möchte ein Design in Photoshop für Joomla machen. Es soll ein CSS Layout ohne Tabellen sein.

Habe deshalb schnell was in Photoshop hingekritztelt und versuche anhand dem seid 3 Tagen ohne Erfolg Layout für Joomla anzupassen :'(

Tables waren irgendwie übersichtlicher als DIV. Will mich aber weiterbilden und nicht an etwas verharren und XHTML und CSS gehören einfach dazu.

Eins meiner größeren Probleme ist halt, dass ich die Bilder alle als Hintergrund haben will wie ich es bei Table Designs gewohnt bin.

Als Dateianhang hab ich mal grob in Paint gezeichnet wie ich die Slices gemacht hab ... Hoffe, dass ihr mir helfen könnt.

Angehängte Grafiken

CSSDesign01.jpg (72,6 KB, 14x aufgerufen)

Du musst vom Tabellendenken weg. mit einem "CSS Layout" hast Du konsequenterweise nur soviele Hintergrundbilder wie Container mit Inhalt (wenn Du leere Container nur für Hintergründe zu erstellst, machst Du in der Regel was falsch). "Slicen" musst Du also weitaus weniger.

Bedenke auch, dass Pixelgenaues Design im Web nicht funktioniert. Bei Schriftgrößenveränderung wird schnell alles gesprengt. Übe Dich am besten mit einem skalierbaren Design, das "mitwachsen" kann. Einheiten für Breiten/Höhen sind dann em oder %.

Mach erstmal ein reines HTML Gerüst, jeder bereich erhält seinen Container (head, navi, content, footer, usw.). Dann floatest Du Dir das alles zurecht, so dass der Dreispalter angezeigt wird. Benutze Border oder Hintergrundfarben zum Abgrenzen der Container. Wenn das alles passt, geht es erst an das Feintuning mit Hintergrundbildern usw.

Im FAQ-Thread findest Du allerlei Hilfe dazu.

__________________
Wer floatet muss auch clearen!, Menu-Listen, 3-Spalten-Layout, CSS-FAQs

Also muss ich eigentlich nur Header, Menü - Links, Main, Menü Rechts und Footer Slicen. Ich schau mir das mal im FAQ genauer an. Danke für deine Hilfe ... Wenn ich noch irgendwelche Probleme dabei bekomme meld ich mich