ilch Forum » Allgemein » HTML, PHP, SQL,... » CSS Vererbung...

Geschlossen
  1. #1
    User Pic
    thbreidenbach Mitglied
    Registriert seit
    05.05.2006
    Beiträge
    348
    Beitragswertungen
    0 Beitragspunkte
    Hi Ihr,

    Ich arbeite an einem neuen Newsdesign auf div Basis statt Tabellen

    Habe in der style.css die Bereiche definiert

    .newsheader {...}
    .kate {...}
    .text1 {...}
    text2 {...}
    .tet {...}


    <div class="newsheader">
    <div class="text1">{title}</div>
    <div class="kate"></div>
    </div>
    
    <div class="tet">
    <div class=text2></div>
    </div>


    ...

    Da text1 ein <a> Element ist, wird's vom Script fett und unterstrichen dargestellt. Das ist ja i.o. aber der Textbereich text2
    wird im IE auch immer fett angezeigt... in Firefox hab ich einfach Arial anstatt Verdana...sehr komisch und irgendwie nicht konsistent...

    liegt das daran dass ich .newsheader, anstatt #newsheader in der style.css gemacht hab??? Hab mich naiv an einem Buch orientiert...

    Gruss Breiti


    Das klappt auch soweit sehr gut, aber die
    -->leider kein "ilcher" mehr...
    externer Link
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    sCoRpIoN Mitglied
    Registriert seit
    03.03.2005
    Beiträge
    1.883
    Beitragswertungen
    0 Beitragspunkte
    1. was hat der thread-titel mit deiner frage zu tun?
    2. ich sehe keineswegs, dass text1 sich auf ein a-element bezieht, is jawohl eher n div;

    n a-element würde nämlich so aussehen:
    <a href"...." class="text1">blabla</a>


    3. nun ja bei text2 scheint in der css kein . als klassenindentifikator davor zu stehen;
    . = Klasse (darf mehrere male vergeben werden)
    # = ID (darf nur einmal vergeben werden)

    deshalb im news-bereich nicht mit id's arbeiten, denn das wäre syntax-unkonform;

    4. falls der title in deiner ansicht ein link sein sollte, also ein a tag, so kannst du diesen mit css folgendermaßen ansprechen:

    .text1 a {
      color: #000000;
      font-decoration: none;
      ....
    }



    mfg
    scorp
    free-design: externer Link

    --## externer Link ##--
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten