Hi Chaote,
wie Cyberman schon gesagt hat, ist Firefox mit der Erweiterung "Web Developer" ein muss, wenn es um Website Erstellungen geht. Dazu noch die Seite
www.css4you.de und mit bissl Try&Error wirst du der CSS Profi werden
Mit 'Web Developer' hast du dann per rechter Maustatenmenu direkten Zugriff auf die verschiedensten Optionen, unter anderem die für dich sehr sehr hilfreiche Funktion "View Style Information" (auch über Strg+Shift+Y ein-/ausschaltbar)
Wenn diese Funktion eingeschaltet ist, kannst du mit deiner Maus über die vershiedenen DIV-Elemente fahren (direkt im Browser auf der entspregenden Website). Das aktuelle DIV bekommt dann einen roten Rahmen und die genaue Bezeichnung wird oben angezeigt.
Wenn du dann auf das Ausgewählte DIV-Element klickst, öffnet sich unten im Browser ein Bereich, der dir den CSS Bereich zu diesem DIV anzeigt.
Ich geb dir mal nen Screenshot:
Und hier nun der Quelltext auszug, und was für was verantwortlich ist:
Müsste alles im Layout 'andreas01 : andreas01_screen' drinstehen.
Code: Select all
#avmenu (line 90)
{
clear: left; /* damit wird sichergestellt, dass wenn vorher bereits ein DIV mit float left kam,
sich das #avmenu Div nicht rechts daneben packt, sondern drunter. das vorige float: left wird also gelöscht */
float: left; /* damit sich das nachfolgende DIV #content nicht unter dem #avmenu stellt,
sondern rechts rumfloatet, also einfach rechts daneben stellt.. stell beides mal anstatt left auf right..
also sowohl clear:right; als auch float:right; ..wobei das clear:right; glaube auch weggelassen werden kann */
width: 150px; /* dies gibt einfach die Breite an */
margin-top: 0pt; /* Außenabstand nach oben des DIV #avmenu */
margin-right: 0pt; /* nach rechts */
margin-bottom: 10px; /* unten */
margin-left: 0pt; /* links */
padding-top: 0pt; /* Padding bedeutet soviel wie 'Ausfüllen' ..beschreibt also den Innenabstand */
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
font-size: 0.9em;
}
Code: Select all
#wrap (line 55)
{
background-color: #fdecb4; /*diese rosa Hintergrundfarbe */
background-image: none; /* kein Hintergrundbild */
background-repeat: repeat; /* keine Wiederholung eines evtl. vorhanden Hintergrundbildes */
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
color: #f00c0c; /* die rote Schriftfarbe */
margin-top: 0pt;
margin-right: auto; /* automatischer Abstand nach rechts, in Verbindung mit margin-left:auto; bewirkt das eine Zentrierung */
margin-bottom: 0pt;
margin-left: auto;
width: 760px; /* wieder die Breite, hier auf width:auto; oder aber besser width:100%; ändern */
}
Als letztes musst du dann noch in dein Template gehen (sollte wohl auch irgendwas mit andreas01 heißen) und dort dann das DIV #extras auskommentieren mit {* und am ende *}
Also
{*
alles was zu div extras gehört....
....
....
....
*}
- hier im Forum findest du auch ein paar hilfreiche Links dazu.