ilch Forum » Ilch Clan 1.1 » Allgemein » CSS Hilfe (:

Geschlossen
  1. #1
    User Pic
    DiaMonD Mitglied
    Registriert seit
    12.01.2007
    Beiträge
    196
    Beitragswertungen
    0 Beitragspunkte
    Hallo ich habe mal eine Frage

    Ich arbeite zwar bisschen mit CSS aber so richtig kenn ich mich da nich aus.

    z.b. gibts doch in css

    body
    {
    
    }
    td
    {
    
    }

    etc...

    Das wären jetzt zum beispiel die Grundbefehle, die ja schon vorhanden sind oder? Könnntet ihr mir mal sagen was es noch für welche gibt sone kleine Beispielauflistung?

    Und dann noch:
    was hat das für ne Bedeutung wenn man jetzt selber CSS Tags erstellt mit einer "#" davor sprich:

    #tag1
    {
    
    }


    Und dann noch das selbe mit dem "." sprich:

    .tag2
    {
    
    }


    Danke für Eure Hilfe!

    Mit freundlichen Grüßen

    jeatrexs
    Übrigens umbenannt: JeaTreXs
    jeatrexs Solutions
    Don't ask what jeatrexs means zwinker
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    OloX Hall Of Fame
    Registriert seit
    25.02.2006
    Beiträge
    990
    Beitragswertungen
    23 Beitragspunkte
    Hey DiaMonD,
    1.
    <h1>blub</h1>
    <h3>blub</h3>
    <h6>blub</h6>
    <p>blub</p>
    <li>blub</li>
    <ul>blub</ul>
    usw.....


    2. # (Raute) ist für IDs;
    #main {
      height: 100%;
      position: relative;
    }
    ......
    <div id="main"></div>


    .( Punkt) sind für Classen
    .nentest {
      position: absolute;
      top: 9px;
      display: block;
    }
    <div class="nentest">blub</div>


    MfG OloX
    PHP, JavaScript, CSS
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    DiaMonD Mitglied
    Registriert seit
    12.01.2007
    Beiträge
    196
    Beitragswertungen
    0 Beitragspunkte
    aha und was is der unterschied zwischen class und div?

    und z.b. bei
    td
    {
    color:#283912;
    }


    werden automatisch alle inhalte von td's in das format von dem styletag td geändert?

    kannste mir mal ein beispiel zeigen wann man die Divs benutzt?
    Übrigens umbenannt: JeaTreXs
    jeatrexs Solutions
    Don't ask what jeatrexs means zwinker
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Balthazar3k Mitglied
    Registriert seit
    23.04.2006
    Beiträge
    422
    Beitragswertungen
    7 Beitragspunkte
    externer Link

    div ist HTML und ist ein Container
    class kan ich nicht beschreiben ^^

    bsp.

    <style type="text/css">
    <!--
    .deinStyle {
    font-size:20px;
    width: 150px;
    background-color:#CCCCCC;
    }
    #deinStyleRaute {
    font-size:20px;
    width: 150px;
    background-color:#CCCCCC;
    }
    -->
    </style>

    <div class='deinStyle'>Der Text ist 20px Groß und der container 150px Breit</div>

    oder

    <div id='deinStyleRaute'>Der Text ist 20px Groß und der container 150px Breit</div>

    oder

    <div style='font-size:20px;width: 150px;background-color:#CCCCCC;'>Der Text ist 20px Groß und der container 150px Breit</div>

    oder

    <div class='{ font-size:20px;width: 150px;background-color:#CCCCCC; }'>Der Text ist 20px Groß, und der container 150px Breit</div>


    dein

    td
    {
    color:#283912;
    }

    alles was nun zwischen <td></td> geschrieben steht bekommt die schriftfarbe #283912


    Zuletzt modifiziert von Balthazar3k am 01.07.2008 - 01:35:17
    Kein Support für den Raidplaner über PM.
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    class ist wie der Name schon sagt eine Klasse und einfach dazu da verschiede aber bestimmte Elemente eines oder verschiedenere Typen gleich formatieren zu können.
    Kann aber z.B. auch mit Javascript angesteuert werden, wobei dafür id eigentlicher besser geeignet ist.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    DiaMonD Mitglied
    Registriert seit
    12.01.2007
    Beiträge
    196
    Beitragswertungen
    0 Beitragspunkte
    okay, aber was ich immer noch nicht verstehe, es gibt doch immer diese diskussionen zwischen Tables und divs.

    Wie können divs bitte tables ersetzen o_O ?

    freundliche Grüße jeatrexs
    Übrigens umbenannt: JeaTreXs
    jeatrexs Solutions
    Don't ask what jeatrexs means zwinker
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Warum sollten sie es nicht? Stelle es dir wie Vierecke vor, die du frei positionieren kannst.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    DiaMonD Mitglied
    Registriert seit
    12.01.2007
    Beiträge
    196
    Beitragswertungen
    0 Beitragspunkte
    naja.. Aber gibt es einen schlagenden Unterschied zwischen ID, oder Class? das is irgendwie schwer zu verstehen...

    Sorry, aber das geht etwas schwer in mein kopf (:

    Hoffe ihr seit mir nicht böse mit meiner blöden Fragerei, aber sonst wird man ja auch nich schlauer...

    Mit freundlichen Grüßen

    jeatrexs
    Übrigens umbenannt: JeaTreXs
    jeatrexs Solutions
    Don't ask what jeatrexs means zwinker
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Sicher eine ID ist eindeutig, bzw. sollte eindeutig sein, also nur ein Element hat diese, class kann jedes Element bekommen.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    DiaMonD Mitglied
    Registriert seit
    12.01.2007
    Beiträge
    196
    Beitragswertungen
    0 Beitragspunkte
    Ahh Dankeschön (:

    ah und ich kenne noch einen unterschied, wenn ein Objekt eine bestimmte ID zugewiesen bekommt, dann kann man ganz einfach dorthin springen per #ID an die URL dranhängen oder?

    Freundliche Grüße und danke für deine Hilfe (:

    jeatrexs
    Übrigens umbenannt: JeaTreXs
    jeatrexs Solutions
    Don't ask what jeatrexs means zwinker
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Naja eigentlich verwendet man dazu Anker -> <a name="sprungmarke"></a> und dann kann man mit XXX#sprungmarke dahin springen .
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    DiaMonD Mitglied
    Registriert seit
    12.01.2007
    Beiträge
    196
    Beitragswertungen
    0 Beitragspunkte
    Macht doch eigentlich keinen unterschied oder etwa doch grumml ?
    Übrigens umbenannt: JeaTreXs
    jeatrexs Solutions
    Don't ask what jeatrexs means zwinker
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Ich wüsste nicht dass es mit id geht, kannst ja mal testen, aber ich denke nicht, dass das Funktioniert.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    DiaMonD Mitglied
    Registriert seit
    12.01.2007
    Beiträge
    196
    Beitragswertungen
    0 Beitragspunkte
    Doch doch.. funktioniert..

    teste mal:

    externer Link

    auf der Hauptpage

    häng mal "#Ixtraon" oder "#Ilch" oder "#Kwick" dran. (Kannst ja auch im Sourcecode gucken damit du nicht denkst ich will dich veräppeln).

    Freundliche Grüße

    jeatrexs


    Zuletzt modifiziert von DiaMonD am 02.07.2008 - 00:14:06
    Übrigens umbenannt: JeaTreXs
    jeatrexs Solutions
    Don't ask what jeatrexs means zwinker
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten