News - Features - Downloads - Forum - Team - Support - Switch View: Screen
Login - Registrierung - Passwort vergessen

Antworten: 29
Seite < 1 [2]
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 21 - 22.03.2010 um 15:48 Uhr
1. Lob an dich, dafür das du lernen willst und auch direkt alles aufgreifst

dann geht es mal los ^^

also Farbcodes die aus 3 gleichen paaren bestehen kannste immer abkürzen,
z.B. FF0000 = F00.

padding & margin musste wie du schon sagst nicht immer wieder angeben.
würde mir aber auch bei sowas "padding: 0px 0px 11px 0px;" überlegen,
ob du nicht lieber "padding-bottom: 11px;" schreibst.

und bei solchen sachen "padding: 0px 10px 0px 10px;",
kannst du einfach "padding: 0px 10px;" schreiben,
er übernimmt die werte dann automatisch für die anderen seiten.

genau wie hier "padding: 12px 20px 23px 20px;",
einfach "padding: 12px 20px 23px;".

So habs nur mal kurz überflogen,
ich guck später nochmal, erstmal ruft die arbeit ^^


Zuletzt editiert von equaL ClanSphere Team am 22.03.2010 um 15:50 Uhr (1x Editiert)
Inaktiv
|
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
# Antwort: 22 - 22.03.2010 um 16:01 Uhr
22.03.2010 um 14:48 Uhr - equaL:

padding & margin musste wie du schon sagst nicht immer wieder angeben.
würde mir aber auch bei sowas "padding: 0px 0px 11px 0px;" überlegen,
ob du nicht lieber "padding-bottom: 11px;" schreibst.
ist geschmackssache. prinzipiell sollte man aber noch dazu sagen, das eine 0 keine eiheit braucht "padding:0 0 11px 0;"


genau wie hier "padding: 12px 20px 23px 20px;",
einfach "padding: 12px 20px 23px;".
sowas kann aber schnell verwirren



------------------



Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 23 - 22.03.2010 um 16:06 Uhr
Oh stimmt das die 0 ne Einheit bei ihm hat ist mir grade gar nicht aufgefallen,
das es Geschmackssache ist, ist mir klar deswegen ja auch nur der Vorschlag ^^

Warum sollte das verwirren? Wenn man weiß wie padding & margin funktionieren sollte da doch alles klar sein.


Inaktiv
|
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
# Antwort: 24 - 22.03.2010 um 16:11 Uhr
22.03.2010 um 15:06 Uhr - equaL:
Wenn man weiß wie padding & margin funktionieren sollte da doch alles klar sein.


du verlangst viel von unsern jüngsten^^


------------------



Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 25 - 22.03.2010 um 16:19 Uhr
Na besser es direkt richtig lernen,
als falsche Angewohnheiten erst später mühsam abzulegen


Inaktiv
|
Tress13
Thread-Ersteller


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
# Antwort: 26 - 22.03.2010 um 22:41 Uhr
genau wie hier "padding: 12px 20px 23px 20px;",
einfach "padding: 12px 20px 23px;".
sowas kann aber schnell verwirren


Habe alles bis auf das oben genannte umgesetzt.
Denke auch, dass es dann zu verwirrend ist.
Habe es lieber ordentlich und übersichtlich.

Ansonsten super Tipps !

THX


Edit1:
Habe das ganze nochmals mit Free CSS Toolbox.ink n bisl komprimiert.

Edit2: Ich habe jetzt mal versucht, die Navigation ohne das JavaScript zu machen.
Doch irgendwie klappt es nicht so richtig.

Testpage

Wie ihr seht, verschiebt sich die SubNavigation mit nach rechts,
bzw. bleibt unter den Buttons,
obwohl sie eigentlich immer links anfangen soll.

Kann ich die Position nicht festlegen ?
Oder was kann ich tun ?


Edit3: Ich habe jetzt jedem ul eine eigene Klasse gegeben.
Mit diesen geht es.
Diese Klassen sehen dann so aus:

mehr... +-
.nav1 {
Position: absolute;
left: 0;
float: left;
text-align: left;
list-style: none;
width: 1000px;
height: 32px;
}

.nav2 {
Position: absolute;
left: -196px;
float: left;
text-align: left;
list-style: none;
width: 1000px;
height: 32px;
}

.nav3 {
Position: absolute;
left: -394px;
float: left;
text-align: left;
list-style: none;
width: 1000px;
height: 32px;
}

.nav4 {
Position: absolute;
left: -590px;
float: left;
text-align: left;
list-style: none;
width: 1000px;
height: 32px;
}

.nav5 {
Position: absolute;
left: -786px;
float: left;
text-align: left;
list-style: none;
width: 1000px;
height: 32px;
}


Gibt es da keine andere Lösung für ?


------------------


www.iv-gaming.de | www.iv-artwork.de

Zuletzt editiert von HEM!Z-4 am 24.03.2010 um 19:56 Uhr (6x Editiert)
Inaktiv
|
Tress13
Thread-Ersteller


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
# Antwort: 27 - 25.03.2010 um 22:55 Uhr
Kann da vlt nochmal jemand wegen der Navigationsleiste gucken.
Ich habe die jetzt mal ohne JavaScript am laufen,
also alles nur per CSS geregelt.

Nur habe ich diesmal mit left - arbeiten müssen (siehe oben).

Gibt es da keine elegantere Lösung ?

Achso, hier nochmal der Link:

Zur Page


------------------


www.iv-gaming.de | www.iv-artwork.de

Zuletzt editiert von HEM!Z-4 am 25.03.2010 um 23:00 Uhr (1x Editiert)
Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 28 - 26.03.2010 um 06:56 Uhr
Was ist so schlimm daran mit floats arbeiten zumüssen?

Du könntest das ganze noch kürzen indem du mehrfach vorkommende befehle nur einmal definierst.

ul {
position: absolute;
float: left;
text-align: left;
list-style: none;
width: 1000px;
height: 32px;
}

und die classes dann nur:

.nav1 {
left: 0;
}

.nav2 {
left: -196px;
}
.
.
.


Inaktiv
|
Tress13
Thread-Ersteller


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
# Antwort: 29 - 26.03.2010 um 23:29 Uhr
Habe ich nun gemacht.

THX

Jetzt wenn du das so sagst,
habe ich ein ruhiges Gewissen.



------------------


www.iv-gaming.de | www.iv-artwork.de

Inaktiv
|
Antworten: 29
Seite < 1 [2]


Sie müssen sich registrieren, um zu antworten.


ClanSphere Project - Mailus - Imprint - Disclaimer - Scriptinfo