Ergebnis 1 bis 4 von 4

Thema: Unterschiedliche Linkarten

  1. #1
    TP-Junior Avatar von SWISSPILOT
    Registriert seit
    Apr 2010
    Ort
    Schweiz
    Beiträge
    25

    Unterschiedliche Linkarten

    Hallo zusammen

    Damit die Hyperlinks auf einer Webseite einheitlich sind, kann man sie unter "Eigenschaftsinspektor > Seiteneigenschaften" gestalten. Sobald man also einen Link erstellt, übernimmt er automatisch die Farben, die Schriftgrösse, etc.

    Besteht nun aber die Möglichkeit, eine gewisse Linkgruppe anders zu gestalten? Dies wäre in den folgenden beiden (ähnlichen) Fällen notwendig.

    Fall 1
    - alle Links innerhalb der Homepage sind blau, klickt man sie an oder fährt mit der Maus darüber, so werden sie orange.
    - verweist aber ein Link zu einer externen Webseite, so ist er grau, und färbt sich hellgrau, wenn man mit der Maus darüber geht.

    >> Ist dies möglich? Wenn ja, wie gehe ich da vor? Denn immer, wenn ich ein Wort als Link ausgebe, so wird er immer gleich formatiert (wie jeder Link), obwohl ich eine andere Linkformatierung (siehe Beispiel) haben möchte.



    Fall 2
    Neu ist auch das Logo (Bild) im Header-Bereich verlinkt. Klickt man also auf das Logo, so wird man automatisch zur Startseite geleitet. Da nun aber Links blau sind, so wird dieses Bild auch automatisch blau umrahmt.

    >> Wie kann ich also allgemein bei Bildern ausschalten, dass sie - sofern sie einen Link sind - umrahmt werden?


    Herzlichen Dank für eure Hilfe und freundliche Grüsse
    Tobias

  2. #2
    TP-Senior
    Registriert seit
    Oct 2003
    Ort
    NRW
    Beiträge
    174
    Beispiel mit den Links

    HTML-Code:
    a[href^="http:"] {
        color: ...;
    }
    a[href^="http://deinedomain.de"],
    a[href^="http://www.deinedomain.de"] {
        color: ...;
    }
    So kannst du mit CSS zumindest externe / interne Links unterscheiden. Mfg

  3. #3
    TP-Junior Avatar von SWISSPILOT
    Registriert seit
    Apr 2010
    Ort
    Schweiz
    Beiträge
    25
    Hallo,

    Herzlichen Dank für deine schnelle Antwort. Weisst du gerade auch noch, wie ich das mit den Bildern anders machen kann/könnte?

    Gruss Tobias

  4. #4
    TP-Greis Avatar von Rinaldo
    Registriert seit
    Oct 2003
    Ort
    Niederbayern
    Beiträge
    6.057
    Erweitere Deine CSS-Datei:

    a img {border:none}
    </andy>
    m-ra

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. unterschiedliche Schriftgröße
    Von ruddel im Forum GoLive
    Antworten: 14
    Letzter Beitrag: 01.04.2008, 11:51
  2. [CSS] CSS - Unterschiedliche <td> verwenden.
    Von fz2k im Forum HTML & CSS
    Antworten: 16
    Letzter Beitrag: 27.02.2008, 12:36
  3. unterschiedliche gif-Ansichten
    Von bofried im Forum Fireworks
    Antworten: 4
    Letzter Beitrag: 26.12.2005, 13:55
  4. Antworten: 0
    Letzter Beitrag: 28.01.2004, 15:25
  5. CSS und zwei verschiedene linkarten
    Von toerag im Forum Dreamweaver & andere Webeditoren
    Antworten: 1
    Letzter Beitrag: 09.08.2002, 21:06

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

Berechtigungen

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51