SonicBe@m
Erfahrenes Mitglied
Hy leute ![Smile :) :)](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
eines tages hockte ich vorm rechner und hab mich mal wieder über css aufgeregt und hab ohne scheiss dann wirklich ohne ende rum probiert ob man nicht evt doch classen verknüpfen kann und das ergebnis hatt mich erstens aus allen wolken gehauen und 2tens SUPER HAPPY gemacht![Smile :) :)](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
ok ich warte nun schon gut lange damit es zu erzählen aber wir wollen ja irrgend wann mal im html/css weiterkommen oder?![Smile :) :)](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
kennt ihr das problem mit euren style classen?
ihr habt zig styles definiert die sich in 1000 sachen unterscheiden
aber 'jetzt kommts' nur der font und die grösse ist immer gleich!
oder aber ihr wollt verschiedene grössen definieren
also ganz einfach Classen verknüpfen
so und nun ein beispiel:
<style type="text/css">
.links-abstand-10{
padding-left:10px
}
.links-abstand-15{
padding-left:15px
}
.font-groesse-12{
font-family:12px
}
.font-groesse-14{
font-family:14px
}
</style>
<!-- alles klar soweit? nun fragt euch net was ich hier machen will
den nun kommt das problem...
ihr habt ne table in ihr sind 3 zeilen ihr wollt aber das die erste zeile font-groesse-14 hatt und nen abstand von 10px hatt tia was macht man nun am besten? etwa sowas ?
.links-abstand-und-font-tr1{
padding-left:10px
font-family:14px
}
und im html dann <td class="links-abstand-und-font-tr1">
sieht das ungefähr so aus wie ihr es gemacht habt? wenn ja dann kann ich euch sagen
es ist zwar schön aber nach und nach werden die style classen richtig gross! wer mir zustimmt finger heben ;D
aber nun sagt ihr sicherlich ich werde es auch net anders machen
und ich werde sagen
ohhh doch und wie ichs anders mache![Smile :) :)](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
probiert mal folgendes aus![Smile :) :)](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
<td class="links-abstand-10 font-groesse-14"></td>
ich glaube ich muss nichts mehr dazu sagen
wer es schon kannte und es nicht gesagt hatt da kann ich nur noch sagen
SCHEISS EGO!
und für alle andern
viel spass mit der neuen definition von css![Wink ;) ;)](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
achso
mir wäre es lieb wenn ihr es auch überall postet
nur zur info die warscheinlichkeit das es viele leute kennen schätz ich mal auf unter 10%
wenn überhaupt soviele
man bedenke das es schon lange exestiert aber nierrgend wo auch nur anstatz weise mal angesprochen durchgesprochen oder sonst was damit gemacht wurde
man hatt sich immer nur beschwert![Smile :) :)](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
wäre auch sinvoll es evt in den news zu verbreiten
das geheimnis wurde schon zu lange geheim gehalten![Smile :) :)](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
eines tages hockte ich vorm rechner und hab mich mal wieder über css aufgeregt und hab ohne scheiss dann wirklich ohne ende rum probiert ob man nicht evt doch classen verknüpfen kann und das ergebnis hatt mich erstens aus allen wolken gehauen und 2tens SUPER HAPPY gemacht
ok ich warte nun schon gut lange damit es zu erzählen aber wir wollen ja irrgend wann mal im html/css weiterkommen oder?
kennt ihr das problem mit euren style classen?
ihr habt zig styles definiert die sich in 1000 sachen unterscheiden
aber 'jetzt kommts' nur der font und die grösse ist immer gleich!
oder aber ihr wollt verschiedene grössen definieren
also ganz einfach Classen verknüpfen
so und nun ein beispiel:
<style type="text/css">
.links-abstand-10{
padding-left:10px
}
.links-abstand-15{
padding-left:15px
}
.font-groesse-12{
font-family:12px
}
.font-groesse-14{
font-family:14px
}
</style>
<!-- alles klar soweit? nun fragt euch net was ich hier machen will
ihr habt ne table in ihr sind 3 zeilen ihr wollt aber das die erste zeile font-groesse-14 hatt und nen abstand von 10px hatt tia was macht man nun am besten? etwa sowas ?
.links-abstand-und-font-tr1{
padding-left:10px
font-family:14px
}
und im html dann <td class="links-abstand-und-font-tr1">
sieht das ungefähr so aus wie ihr es gemacht habt? wenn ja dann kann ich euch sagen
es ist zwar schön aber nach und nach werden die style classen richtig gross! wer mir zustimmt finger heben ;D
aber nun sagt ihr sicherlich ich werde es auch net anders machen
und ich werde sagen
ohhh doch und wie ichs anders mache
probiert mal folgendes aus
<td class="links-abstand-10 font-groesse-14"></td>
ich glaube ich muss nichts mehr dazu sagen
wer es schon kannte und es nicht gesagt hatt da kann ich nur noch sagen
SCHEISS EGO!
und für alle andern
viel spass mit der neuen definition von css
achso
mir wäre es lieb wenn ihr es auch überall postet
nur zur info die warscheinlichkeit das es viele leute kennen schätz ich mal auf unter 10%
man bedenke das es schon lange exestiert aber nierrgend wo auch nur anstatz weise mal angesprochen durchgesprochen oder sonst was damit gemacht wurde
man hatt sich immer nur beschwert
wäre auch sinvoll es evt in den news zu verbreiten
das geheimnis wurde schon zu lange geheim gehalten
Zuletzt bearbeitet: