#1 23. März 2009 absoluter Anfänger Guten Tag an Alle! Ich bin gerade dabei eine Seite zu schreiben. Diese benutzt noch ein Tabellenlayout und KEIN CSS. Meine Fragen sind folgende: 1-Wie bekomme ich einen realtiven container hin, der x% der breite einnimmt und an den Außenseiten und Ecken jeweils ein (anderes) Bild hat. In diesen Container soll anschließend links und rechts ein element für die navi (etc.) und in der Mitte auch ein Element sein. Kann mir jemand sagen wie das aussehen müsste? 2.Frage: Wo und wie lerne ich CSS am besten und welche Programme sind zum Editieren zu empfehlen? Vielen Dank!
#2 24. März 2009 AW: absoluter Anfänger 1. Ich würde es vermeiden, prozentuale Breiten anzugeben. Du möchtest wahrscheinlich dieses table-Prinzip beibehalten... Viel einfacher ist es, den Hintergrund zu nehmen mit dem Rahmen, diesen z.B. 900 px breit zu machen und einem div (z.B. #page) diesen Hintergrund zu geben, der sich nach y wiederholt. 2. css4you.de, Programm: notepad++
#3 24. März 2009 AW: absoluter Anfänger Hi, CSS-FAQ CSS 4 You - The Finest in Stylesheets Programme die sich rein auf CSS spezialisieren (LINK)
#5 24. März 2009 Sehr gut! Danke. Ich hab direkt noch was dazu: Ich würde gerne eine Navigation mit grafischen Buttons machen. An sich ja kein Problem, doch es soll variabel sein und auf css basiert sein. bei diesem beispiel: HTML: <button onclick="irgendwohin.html" >Startseite <img src='home.gif'></button> kann man auch Bilder benutzen etc. ich hätte gerne folgendes: Buttons die auf ein Bild basieren und beim hover ein anderes zeigen. Beim nachgucken hab ich gesehen, dass das auch kein Problem ist : HTML: #menue a { width: 50px; display: block; background-image: url(hintergrund_1.jpg); background-repeat: no-repeat; } #menue a:hover { background-image: url(hintergrund_2.jpg); background-repeat: no-repeat; } Leider werden hierbei ja die Bilder aber verzerrt wenn ich z.b. bilder mit ner breite von 30px breite erstelle und dann in der css ne breite von 60px eingebe. Mein Gedanke dazu ist, das ich eine viereckige vorlage mache die rechts und links keinen rand hat damit nichts verzerrt wird und dann in css eine 1px schwarzen border mache. 1. So müssten doch Texte und Bilder einfügbar sein mit nem hover Effekt und mit nur einer anpassung in der css änderbar oder? 2. Ist es auch möglich den eingefügten Text und das Bild um einen px beim hover nach unten zu verschieben, sodass ein "gedrückt" Effekt entsteht? VIEEEEEEELEN Dank. edit: ok habs gelöst: [PHP ]ul#produkte li a:link, ul#produkte li a:active, ul#produkte li a:visited { display: block; height: 18px; width: 178px; background-image: url('images/normal_bar.gif'); background-repeat: repeat-x; padding: 2px 0px 0px 0px; border: 1px groove black; color: #6e6e6e; text-decoration: none; } [/PHP] und eben das hover dings zugewiesen.. ich schließe jetzt