Webdesign in Siegen

div-tags ineinander?

Fragen zum Thema HTML und CSS können hier gestellt werden

Moderatoren: Basti, Ingo

div-tags ineinander?

Beitragvon syres am 18.03.2006, 11:34

Hello...

Wie ich Div-Tags positioniere etc. weiß ich mitlerweile...
Nur wie mach ich es am besten wenn ich in den Div-Tags weiter arbeite?

Am besten dann mit Tabellen oder in die divtags wieder divtags hineinsetzten?

Ganz gleich welches.
Div klassen für die Div-Tags definier ich in CSS mit "#blabla".
Wie definiere ich dann die classen für eine Tabelle oder eben den divtag im divtag?
... "td.blabla" oder nur ".blabla" ??
The Postman
Er stellte eine Botschaft der Hoffnung zu bereitwillig angenommen von einer neuen Generation.
Zitat: aus dem Film "The Postman"

... ps: es sollten viele Menschen Anfangen nachzudenken bevor sie handeln!
Benutzeravatar
syres
Mitglied
 
Beiträge: 302
Registriert: 10.11.2005
Wohnort: Zwölfaxing bei Wien

Beitragvon Manuel am 18.03.2006, 12:24

Hi Syres!

Klar, du verschachtelst dann einfach weiter. In meinem Tutorial habe ich ja auch einen div-Layer außenrum gelegt und darin dann mehrere andere platziert. So kannst du das dann auch immer weiter verschachteln.

Zu CSS:
Du kannst deinen div-Layern beliebige IDs oder Klassennamen zuteilen, ganz wie du willst.

Willst du jetzt beispielsweise allen Bildern in deinem div-Tag einen Rahmen verpassen, so machst du einfach folgendes:

Code: Alles auswählen
.class img
{
    border: 1px solid #CCCCCC;
}


Das bedeutet nun, dass alle img-Tags in deiner Klasse eine bestimmte Eigenschaft bekommen. So musst du nicht jedem Bild einen Rahmen geben. Gleiches gilt für Mouseover. Es macht durchaus Sinn, diese direkt im Body zu definieren um dort auch konstant zu bleiben.

Code: Alles auswählen
body a
{...}
body a:hover
{...}


So gibst du deiner ganzen Seite ein einheitliches Mouseover. Ich persönlich mache aber eh immer einen div-Rahmen außenrum, also weise ich diese beiden Eigenschaften diesem zu. Diese Eigenschaften werden vererbt, du musst sie also nicht bei jedem geschachtelten div-Layer wieder angeben und sparst somit enorm viel Quellcode. ;)
Benutzeravatar
Manuel
Site Admin
 
Beiträge: 8912
Registriert: 10.12.2004
Wohnort: Asbach

Beitragvon syres am 18.03.2006, 13:10

Ja war schon mal eine große hilfe.

Aber der DIV-Tag den ich jetzt in den großen gebe.
Wie weiße ich dem eine class zu?

mit # oder mit . ??

So ausn Bauch heraus hätte ich auf # getippt, oder?
The Postman
Er stellte eine Botschaft der Hoffnung zu bereitwillig angenommen von einer neuen Generation.
Zitat: aus dem Film "The Postman"

... ps: es sollten viele Menschen Anfangen nachzudenken bevor sie handeln!
Benutzeravatar
syres
Mitglied
 
Beiträge: 302
Registriert: 10.11.2005
Wohnort: Zwölfaxing bei Wien

Beitragvon powerschulzi am 18.03.2006, 13:40

lad dir mal TopStyle runter.
Ist ne große hilfe für CSS :)

http://www.bradsoft.com/topstyle/
Benutzeravatar
powerschulzi
Mitglied
 
Beiträge: 1259
Registriert: 18.09.2005
Wohnort: Kösen

Beitragvon Manuel am 18.03.2006, 14:50

das steht doch in meinem Tutorial lieber Syres! ;)

Der Unterschied hat nichts damit zu tun, ob etwas geschachtelt ist, sondern ob du eine Klasse zuweisen willst oder eine ID. ID ist einmalig usw.
Aber siehe dazu das Tutorial.
Benutzeravatar
Manuel
Site Admin
 
Beiträge: 8912
Registriert: 10.12.2004
Wohnort: Asbach


Zurück zu HTML/CSS

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast