Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 12

Thema: Links anders bezeichnen je nach div

  1. #1
    Kämpfer
    Gast

    Standard Links anders bezeichnen je nach div

    ich hab irgendwie das Problem, das ich in einem Div die links anders gestalten will wie in einem anderen div.

    Aber irgendwie schaffe ich es nicht per classe , wie macht man das. immer wenn ich links bezeichne dann verändern sich alle auf der Seite
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Links anders bezeichnen je nach div

    So

    CSS:
    Code:
    .div1 {
        background-color: black;
    }
    .div2 {
        background-color: yellow;
    }
    
    .div1 a{
        color: yellow;
    }
    .div2 a{
        color: black;
    }
    HTML-Code:
    <div class="div1">
        <a>test</a>
    </div>
    <div class="div2">
        <a>test</a>
    </div>

  3. #3
    Kämpfer
    Gast

    Standard AW: Links anders bezeichnen je nach div

    ich glaub ich meinte natürlich so

    HTML-Code:
    #navi_top {
    /* Navigation unter dem Header */
    width: 828px;
    height: 18px;
    padding: 4px 2px 4px 20px;
    background-color: #000000;
    word-spacing: 25px;
    }
    #navi_top a:link, a:visited, a:hover, a:active {
    color: #ffffff;
    text-decoration: none;
    }
    #navi_top a:hover {
    color: #d8ebe9;
    }
    Irgendwie geht der active befehl nach klick auf den link im IE8 nicht mehr

  4. #4
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Links anders bezeichnen je nach div

    Natürlich meintest du das...

    hier
    Code:
    .div2 a:visited {
    
    }
    .div2 a:hover {
    
    }
    usw.

    /P.S. wie soll das bei dir bitte funktionieren? Du hast 2x #navi_top und meinst damit an 2 stellen unterschiedlich darzustellen? o.o

  5. #5
    Kämpfer
    Gast

    Standard AW: Links anders bezeichnen je nach div

    Ja alle Links sollen in der Navi_top weiß sein und bei überfahren grau bzw silber, und wenn man die maus entfernt müsste es wieder weiß werden.
    Und hatte eigentlich auch schon funktioniert,

    wenn ich jetzt aber bei der anderen vertikalen navi auch so verfahre dann verändern sich die links alle. hier mal der ganze quellcode

    HTML-Code:
    <div class="rahmen">
     <div id="header"><h1>Templates for FREE</h1></div>
     <div id="navi_top">
      <a href="?action=start">Übersicht<img src="img/navipfeil.png" alt="" /></a>
      <a href="">Seitenname<img src="img/navipfeil.png" alt="" /></a>
      <a href="">Seitenname<img src="img/navipfeil.png" alt="" /></a>
      <a href="">Seitenname<img src="img/navipfeil.png" alt="" /></a>
      <a href="">Seitenname<img src="img/navipfeil.png" alt="" /></a>
      <a href="">Seitenname<img src="img/navipfeil.png" alt="" /></a>
      <a href="">Seitenname<img src="img/navipfeil.png" alt="" /></a> 
      <a href="">Seitenname<img src="img/navipfeil.png" alt="" /></a>
     </div>
     <div id="leftrahmen">
         <div class="leftbox">
      <form action="" method="post">
      <p>Username:</p>
      <p><input type="text" name="username" /></p>
      <p>Passwort:</p>
      <p><input type="password" name="passwort" /><br /><br /></p>
      <p><input type="submit" class="submit" value="Login" /></p>
      </form>
      </div>
         <div class="leftbox"><a href="">Startseite</a></div>
         <div class="leftbox"></div>
     </div>
     <div id="content">
      <h2>Valide Templates und Codes</h2> <br />
     <h3>Was heisst überhaupt Templates for FREE, genau übersetzt heisst es soviel wie  
    "Kostenlos frei verfügbare Schablonen".</h3>
      <br /><br /><br /><br /><br /><br />
     </div>
     <div id="adbox_right">
     <a href="http://clix.superclix.de/cgi-bin/clix.cgi?id=azax&amp;pp=13124&amp;linknr=41546">
    <img src="http://www.imagesup.de/banner/Banner120x600.gif" alt="" /></a>
     </div>
     <div id="footer">
         <a href="http://validator.w3.org/check?uri=referer">XHTML</a> 
         <a href="http://jigsaw.w3.org/css-validator/check/referer">Css</a>
     </div><br /><br /><br />
    </div>
    HTML-Code:
    * {margin: 0; padding: 0;}
    body {
    font-size: 13px;
    background-image: url(img/hintergrund.png);
    background-attachment: fixed;
    }
    .rahmen {
    /* Zentriertes RahmenDIV */
    width: 850px;
    height: auto;
    margin: auto;
    }
    #header {
    /* Kopf der Seite */
    width: 100%;
    height: 80px;
    background-image: url(img/header2.gif);
    }
    #navi_top {
    /* Navigation unter dem Header */
    width: 828px;
    height: 18px;
    padding: 4px 2px 4px 20px;
    background-color: #000000;
    word-spacing: 25px;
    }
    #navi_top a:link, a:visited, a:hover, a:active {
    color: #ffffff;
    text-decoration: none;
    }
    #navi_top a:hover {
    color: #d8ebe9;
    }
    #leftrahmen {
    width: 170px;
    height: 1000px;
    float: left;
    background-color: #ebf5f4;
    }
    .leftbox {
    width: 130px;
    height: 170px;
    padding: 10px;
    margin: 12px auto;
    color: #000000;
    }
    .leftbox input {
    width: 100px;
    border: 1px outset #000000;
    }
    input.submit {
    width: 60px;
    }
    .leftbox a:link, a:visited, a:hover, a:active {
    color: #000000;
    text-decoration: none;
    }
    .leftbox a:hover {
    color: #000000;
    text-decoration: underline;
    }
    #content {
    width: 510px;
    height: auto;
    padding: 10px;
    float: left;
    background-color: #d8ebe9;
    }
    #adbox_right {
    width: 125px;
    height: 976px;
    float: left;
    background-color: #bce0dd;
    padding: 12px;
    }
    #footer {
    width: 844px;
    height: 17px;
    clear: both;
    background-color: #000000;
    padding: 2px;
    text-align: center;
    word-spacing: 15px;
    }
    /* Andere Auszeichnungen */
    #header h1 {
    padding: 20px 0 0 100px;
    color: #ffffff;
    }

  6. #6
    Kämpfer
    Gast

    Standard AW: Links anders bezeichnen je nach div

    Zitat Zitat von Grevas Beitrag anzeigen
    Natürlich meintest du das...

    hier
    Code:
    .div2 a:visited {
     
    }
    .div2 a:hover {
     
    }
    usw.

    /P.S. wie soll das bei dir bitte funktionieren? Du hast 2x #navi_top und meinst damit an 2 stellen unterschiedlich darzustellen? o.o
    Siehe meinen Code über diesem Post. da ist es so wie du sagtest. Ist eigentlich auch kein Ding, ich wusste es ja schon vor deinem Post.

  7. #7
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Links anders bezeichnen je nach div

    Nein eben nicht, du sollst diese "," da weglassen und die Zustände einzeln zuweisen, sollte eigentlich auch einen weg geben mehrere gleichzeitig einzustellen -> aber so geht das nicht und ich bin jetzt zu faul google auszuquetschen.

    Hab mir dein Code gerade mal in ne html reingehauen, mit firebug kurzerhand alle zustände bis auf a:hover entfernt (bei .leftbox) - tada, jetzt passt die zugehörigkeit wieder und die top_navi wird richtig dargestellt.

    /p.s. doch was ausprobiert
    HTML-Code:
    .leftbox a:link, .leftbox a:visited, .leftbox a:hover, .leftbox a:active {
    Funktioniert auch, sprich ich hab sogar richtig gedacht *wohoo* - du schreibst .irgendEinDiv a:yx soll das bekommen und jetzt soll a:yx das bekommen... Das ist das, was da steht ;P
    Geändert von Grevas (21.10.2009 um 00:25 Uhr)

  8. #8
    Kämpfer
    Gast

    Standard AW: Links anders bezeichnen je nach div

    aber die css datei wird ja dadurch unendlich lang. Na gut wenn es anders nicht geht, dankeschön Grevas


    Im Firefox klappts eigentlich auch wie obiger Code. Firefox lebe hoch.

    So klappts überall:

    HTML-Code:
    /**************** Links ***************/
    #navi_top a:link {color: #000000; text-decoration: none;}
    #navi_top a:visited {color: #000000; text-decoration: none;}
    #navi_top a:hover {color: #bce0dd; text-decoration: underline;}
    #navi_top a:active {color: #000000; text-decoration: none;}
     
    .leftbox1 a:link {color: #000000; text-decoration: none;}
    .leftbox1 a:visited {color: #000000; text-decoration: none;}
    .leftbox1 a:hover {color: #000000; text-decoration: underline;}
    .leftbox1 a:active {color: #000000; text-decoration: none;} 
     
    #footer a:link {color: #000000; text-decoration: underline;}
    #footer a:visited {color: #000000; text-decoration: underline;}
    #footer a:hover {color: #000000; text-decoration: none;}
    #footer a:active {color: #000000; text-decoration: underline;}
    Geändert von Kämpfer (21.10.2009 um 04:56 Uhr)

  9. #9
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Links anders bezeichnen je nach div

    Nicht getestet, aber so müsste es auch gehen und vor allem kürzer:

    Code:
    a {color: #000; textdecoration: none;}
    a:hover {text-decoration: underline;}
    
    #navi_top a:hover {color: #bce0dd;}
    
    #footer a:link {text-decoration: underline;}
    #footer a:visited {text-decoration: underline;}
    #footer a:hover {text-decoration: none;}
    #footer a:active {text-decoration: underline;}
    Alles, was einheitlich ist, kann man zusammenfassen; nur die Abweichungen dann gesondert definieren.

  10. #10
    Kämpfer
    Gast

    Standard AW: Links anders bezeichnen je nach div

    War meins dann nicht schon richtig.

    HTML-Code:
    #navi_top a:link, a:visited, a:hover, a:active {
    color: #ffffff;
    text-decoration: none;
    }
    #navi_top a:hover {
    color: #d8ebe9;
    }
    Grevas, der meiner Meinung nach auch Ahnung hat meinte "Nein"

Ähnliche Themen

  1. Gallerie von links nach rechts.
    Von Darkromeo im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 16.04.2007, 22:43
  2. Anfangsbuchstabe eines Links anders farbend?
    Von ad3nau im Forum HTML & CSS Forum
    Antworten: 18
    Letzter Beitrag: 16.07.2006, 15:58
  3. Variable nach klick auf links weg
    Von Icke im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 7
    Letzter Beitrag: 20.12.2005, 20:44
  4. Hintergrund von rechts nach links?
    Von hhspre im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 04.08.2005, 13:00
  5. box nach links
    Von sYco im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 14.07.2004, 15:28

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •