css: verschiedene link-beschreibungen?

  • hi

    ich möchte gern wissen, ob es möglich ist, in der css datei unterschiedliche link-formatierungen anzugeben. so dass ich zum beispiel für verschiedene angelegte ID's unterschiedliche farben für links hab und auch andere hover-effekte und dergleichen.

    es gibt tage da verliert man. und es gibt tage da gewinnen die anderen ...

  • erstmal danke für die fixe antwort.

    aber so ganz ohne weitere hilfestellung komm ich da nicht aus ^^'

    wie defnier ich das genau? kannst du mir ein kleines beispiel geben?
    vor allem wie ich die links dann im quellcode bezeichnen muss damit sie auf eine bestimmte klasse anspringen

    es gibt tage da verliert man. und es gibt tage da gewinnen die anderen ...

  • machst ne .css Datei, verlinks die Seite mit dieser:

    Code
    <head>
    <title></title>
    <meta http-equiv="expires" content="1">
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <link href="stylesheet.css" rel="stylesheet" type="text/css">
    </head>

    dann dürfte es bei Links automatisch funktioniern.

    wenn du eigene Klassen machen willst, dann schreibst du in die .css datei z.B.

    Code
    .tabmitter {
    
    
        background-image : url(bilder/navi/navbg.gif);
        background-position : left;
        background-repeat : no-repeat;
    
    
    }

    und dann musst du die Texte/tabellen mit der jeweiligen Klasse versehn:

    Code
    <td class="tabmitter">...</td>


    so is es bei Tabellen, wie es bei den Textn aussieht weiß ich net, ich verwende es nur bei tabellen. Dann werden die eigenschaften die du in der CSS datei auf diese Klasse gegeben hast auf die tabelle übertragen.

    hoffe ich konnte n bissl helfen

  • leider weniger ^^'

    wie ich klassen erstelle weis ich selbst und bin an sonsten über die einbindung von css und id's sowie klassen im bilde. aber möcht gern wissen, ob ich verschiedene klassen im bezug auf links angeben kann.

    zum beispiel:


    Zitat von MyFavour

    hallo,

    ja ist möglich

    Code
    a:hover {
    }
    a:hoover.class {
    }

    das klingt ja an sich schon einleuchtend, aber wo geb ich im html-text die id für die links an? muss ich jeden link dann entsprechend folgendermaßen bezeichnen?

    Code
    [url='bla/blupp.htm']text[/url]

    aber wie sieht dann die zueghörige css-klasse aus?
    `
    so z.b.?

    Code
    a:hover.blupp
    {
    color:#ffffff;
    font-family:arial;
    }

    oder eher so?

    Code
    a:hover.class="blupp"
    {
    color:#ffffff;
    font-family:arial;
    }

    es gibt tage da verliert man. und es gibt tage da gewinnen die anderen ...

  • hallo,

    so

    Code
    a:hover.blupp 
    { 
    color:#ffffff; 
    font-family:arial; 
    }

    im html-teil dann entsprechend

    Code
    [url='#']...[/url]

    eigentlich wie bei jeder anderen class-definition auch
    das gilt natürlich nicht nur für hoover sondern auch für alle anderen pseudo-klassen

    gruß daniel

  • super danke.
    ich glaub ich hab die begriffe ID und klasse etwas gewürfelt, denn mit ID's arbeite ich schon eine weile, aber mit classes noch nicht ;)

    es gibt tage da verliert man. und es gibt tage da gewinnen die anderen ...

  • hallo,

    zum Verständnis:
    prinzipiell ist die class definition vorzuziehen, da sie pro seite mehrmals verwendet werden kann- eine id ist eindeutig und darf daher nur einmal pro seite vorkommen...

    d.h. das es im browser nicht unbedingt falsch dargestellt wird, es ist lediglich schlampig gescriptet und ein validator wird (oder vielmehr sollte) das auch bemängeln

    id's werden zumeist verwendet um Abschnitte zu definieren

    Code
    ...<body><div id="header">...</div><ul id="navi">...[/list]<div id="content">...</div>...


    innerhalb der einzelnen Abschnitte wird dann in der Regel mit classes oder eben nur mit tags und deren Definition im css gearbeitet

    gruß daniel