Ergebnis 1 bis 4 von 4

Thema: CSS Grafik als Link

  1. #1
    HTML Newbie
    Registriert seit
    27.04.2006
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard CSS Grafik als Link

    Hallo ^^

    Habe mal wieder eine echte n00b Frage:

    Sagen wir zum beispiel ich habe eine Grafik mit einem Button mit Mouse Over Effekt definiert so wie hier:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    	<head>
    		<title>Mouse Over Test</title>
    		<link rel="stylesheet" type="text/css" href="test.css"></link>
    	</head>
    	<body bgcolor="#000000" text="#ff0000">
    		<div id="test">
    		
    
    </p>
    		</div>
    	</body>
    </html>
    und die CSS File:
    Code:
    #test 
    &#123;
    	display&#58;block;
    	background-image&#58;url&#40;out.gif&#41;;
        width&#58;100px; height&#58;100px 
        &#125;
    #test&#58;hover 
    &#123; 
    	background-image&#58;url&#40;over.gif&#41;;
        &#125;
    Ich weiss wie ich einen Link in den Button setze, aber wie bekomme ich es hin das der button selbst der link ist den ich anklicke, also dass die grafik als link definiert ist?

    mfg warchild
    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
    Kaiserliche Hoheit Avatar von No0ob
    Registriert seit
    02.01.2006
    Ort
    Nähe Frankfurt
    Beiträge
    1.500
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ich selbst realisier das eigentlich mit <td>.
    Siehe, http://rageclan.org/duelcomp

  3. #3
    Youngster
    Registriert seit
    19.06.2006
    Ort
    oberhausen
    Beiträge
    16
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Variante in Javascript oder CSS

    Code:
    [img]meinBilderButton.jpg[/img]
    andere Möglichkeit per CSS:

    Code:
    &#91;b&#93;Die Stylesheet-Anweisung&#58;&#91;/b&#93;
    .meinLink
    &#123;
    height&#58; 25px;
    width&#58; 200px;
    background-iamge&#58; url&#40;'meinButtonBild.jpg'&#41;;
    background-repeat&#58; no-repeat;
    border&#58; 0px;
    &#125;
    
    &#91;b&#93;Der eigentliche HTML-Link&#58;&#91;/b&#93;
    
    &#160;
    hoffe das hilft dir.

  4. #4
    Azubi(ne)
    Registriert seit
    18.07.2004
    Ort
    Oer-Erkkenschwick
    Beiträge
    63
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Re: Variante in Javascript oder CSS

    Hi,


    Code:
    <div id="blabla">
    [img]button.gif[/img]
    </div>
    Das wäre die Variante mit nem Button ohne hover.
    Willst du das ganze mit nem hover realisierst du das in deiner CSS Datei.
    Code:
    #blabla a &#123;background url&#40;blabla.gif&#41; no-repead center;&#125;
    #blabla a&#58;hover &#123;background url&#40;blabla2.gif&#41; no-repead center;&#125;
    Die Verlinkung dazu wäre dann.
    Code:
    <div>

    Gruss Didi

Ähnliche Themen

  1. Link zu Dokument oder beschrifteter Grafik
    Von Mütze im Forum HTML & CSS Forum
    Antworten: 13
    Letzter Beitrag: 25.08.2008, 18:47
  2. Grafik mit Link
    Von im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 6
    Letzter Beitrag: 12.03.2007, 19:03
  3. bestimmte link grafik einfügen
    Von Weisch im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 22.04.2005, 15:03
  4. dynamische Grafik als Link
    Von Bastian im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 22.02.2005, 10:32
  5. HELP! bei klick auf link laden von html-dokument und grafik
    Von -TS-design im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 30.01.2005, 22:30

Stichworte

Berechtigungen

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