Ergebnis 1 bis 7 von 7

Thema: Mehrere Linkstyles in einem Style-Sheet

  1. #1
    Youngster
    Registriert seit
    09.09.2007
    Ort
    Deutschland
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Mehrere Linkstyles in einem Style-Sheet

    Hallo,

    ich gestalte grade meine Fanpage neu und möchte gerne 2 verschiedene Link-Styles einbauen. Über meinem Header habe ich sogenannte Quick-Links (kleine Buttons) eingebaut und die sollen folgenden Code zugewiesen bekommen:

    link="#3A3A3A" vlink="#3A3A3A" alink="#3A3A3A"

    den momentan haben sie einen häßlichen, weißen rand, welchen ich weghaben möchte. die kleinen buttons haben die gleiche farbe wie mein hintergrund (siehe link-angabe)

    für die normalen links habe ich diese farben gewählt:

    a {
    color: #D278FF;
    text-decoration: none;
    }

    a:hover {
    color:#D278FF;
    text-decoration: none;
    }

    wie kann ich das umsetzen?
    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: Mehrere Linkstyles in einem Style-Sheet

    kleine Buttons... Sprich <a><img /></a> ? Oder <input ... /> ?
    Egal, mach mal border: none; dazu... Ansonsten zeig doch mal den htmlcode für dein quicklink.

    HTML-Code:
    a {
    color: #D278FF;
    text-decoration: none;
    }
    
    a:hover {
    color:#D278FF;
    text-decoration: none;
    }
    Solltest du nicht nehmen, dadurch werden zwangsweise allen <a> Tags diese Attribute zugewiesen, diese Angaben werden höher bewertet als ID & Class, die einzige Möglichkeit diese zu umschreiben ist über eine style="" Angabe im Element-Tag selbst. Außer du bist dir sicher, dass du immer die selben Farben für deine Links benutzen wirst...

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    09.09.2007
    Ort
    Deutschland
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Mehrere Linkstyles in einem Style-Sheet

    ja, sind mit <a><img /></a> eingebunden.

    hier ein code:

    .quick-gallery {
    background-color:transparent;
    position:absolute;
    z-index:2;
    top:25px;
    left: 128px;
    text-align:justify;
    visibility:visible;
    width:50px;
    a.quicklink: #3A3A3A
    a.quicklink:visited: #3A3A3A
    a.quicklink:hover: #3A3A3A
    }

    <div class="quick-gallery">
    <a target="_blank" href="http://..........">
    <img border="0" src="http://i49.tinypic.com/2m2e45e.jpg" width="51" height="51"></a></div>

  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: Mehrere Linkstyles in einem Style-Sheet

    Siehste, sag doch. dein

    HTML-Code:
    a {
    ...
    }
    stört

    Aber den border kriegst da auch weg - nur die Farbe kriegst nicht anders ;P aber da des beim <img> eh egal ist...
    So z.B.
    HTML-Code:
    .quick-gallery { 
    background-color:transparent; 
    position:absolute; 
    z-index:2; 
    top:25px; 
    left: 128px;
    text-align:justify; 
    visibility:visible;
    width:50px;
    border: none;
    }
    Das hier ist falsch:
    HTML-Code:
    a.quicklink: #3A3A3A
    a.quicklink:visited: #3A3A3A
    a.quicklink:hover: #3A3A3A
    Wenn schon dann müsstest du es so machen:

    HTML-Code:
    .quick-gallery, .quick-gallery a, .quick-gallery a:visited, , .quick-gallery a:hover { 
    background-color:transparent; 
    position:absolute; 
    z-index:2; 
    top:25px; 
    left: 128px;
    text-align:justify; 
    visibility:visible;
    width:50px;
    color: #3A3A3A;
    }

  5. #5
    Youngster
    Themenstarter

    Registriert seit
    09.09.2007
    Ort
    Deutschland
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Mehrere Linkstyles in einem Style-Sheet

    Zitat Zitat von Grevas Beitrag anzeigen
    Siehste, sag doch. dein

    HTML-Code:
    a {
    ...
    }
    stört

    Aber den border kriegst da auch weg - nur die Farbe kriegst nicht anders ;P aber da des beim <img> eh egal ist...
    So z.B.
    HTML-Code:
    .quick-gallery { 
    background-color:transparent; 
    position:absolute; 
    z-index:2; 
    top:25px; 
    left: 128px;
    text-align:justify; 
    visibility:visible;
    width:50px;
    border: none;
    }
    Das hier ist falsch:
    HTML-Code:
    a.quicklink: #3A3A3A
    a.quicklink:visited: #3A3A3A
    a.quicklink:hover: #3A3A3A
    Wenn schon dann müsstest du es so machen:

    HTML-Code:
    .quick-gallery, .quick-gallery a, .quick-gallery a:visited, , .quick-gallery a:hover { 
    background-color:transparent; 
    position:absolute; 
    z-index:2; 
    top:25px; 
    left: 128px;
    text-align:justify; 
    visibility:visible;
    width:50px;
    color: #3A3A3A;
    }
    also mit der version verschwindert der button völlig

  6. #6
    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: Mehrere Linkstyles in einem Style-Sheet

    ah sry, stimmt, position absolute... usw. ...

    HTML-Code:
    .quick-gallery { 
    background-color:transparent; 
    position:absolute; 
    z-index:2; 
    top:25px; 
    left: 128px;
    text-align:justify; 
    visibility:visible;
    width:50px;
    }
     .quick-gallery a, .quick-gallery a:visited, , .quick-gallery a:hover {
    color: #3A3A3A;
    }
     .quick-gallery img {
    border: none;
    }

  7. #7
    Youngster
    Themenstarter

    Registriert seit
    09.09.2007
    Ort
    Deutschland
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Mehrere Linkstyles in einem Style-Sheet

    hab es jetzt so gelöst, dass ich einfach neue buttons gebastelt habe und nun ist die umrandung weg. aber trotzdme danke für deine hilfe. kann ich sicher an anderer stelle auch gut gebrauchen

Ähnliche Themen

  1. Ein Problem mit einem Wordpress-Style
    Von STL im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 17.02.2009, 11:51
  2. Sortieren von Einträgen in einem CSS sheet
    Von Rasi im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 01.04.2008, 12:51
  3. mehrere <td> in einem <td> ?!
    Von Gast im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 02.11.2006, 16:37
  4. Mehrere Bildtexte in einem Bild?
    Von streaky-shooter im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 12
    Letzter Beitrag: 22.09.2005, 17:00
  5. CSS Style Sheet
    Von howielee im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 31.01.2004, 16:58

Stichworte

Berechtigungen

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