[HTML] Hyperlink im DIV Tag funktioniert nicht

Dieses Thema im Forum "Webdesign" wurde erstellt von Kaptain27, 30. Dezember 2009 .

  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 30. Dezember 2009
    Hyperlink im DIV Tag funktioniert nicht

    Hallo

    komme gerade nicht weiter. Und zwar möchte ich eine rafik, welche ich mittels CSS eingebunden habe mit einen Hyperlink versehen. In meinem Beispiel Google Aber irgendwie funzt das nicht.

    Hier die CSS:
    Code:
    #header {
    
     height: 79px;
     background: url(../images/navigation.png) top center no-repeat;
     margin: 0 auto;
     width: 1023px;
    }
    #header_over {
     margin: 0 700;
    
     height: 79px;
     background: url(../images/home.png) no-repeat;
     width: 63px;
    }
    
    und die index.php
    Code:
    <html>
    <head>
    <title>Startseite</title>
    <link href="images/style.css" rel="stylesheet" type="text/css">
    </head>
    <body>
    <div id="header"> 
     <div id= "header_over"><a href="http://www.google.de"></a>
     </div>
    </div>
    </body>
    </html>
    
    
    So sieht das ganze im Browser aus.
    {bild-down: http://www.bilderload.com/bild/22357/screen8EBI9.jpg}


    Das gelbe Rechteck ist die Grafik die als Button mit dem link dienen soll.

    Danke schonmal im vorraus.

    Aso mein späteres Ziel wird sein die einzelnen Button "Home" "kalender" zu coden.
    Also wer paar tipps hat....

    Mfg
    Kaptain27
     

  2. Anzeige
    Heute: Deals & Sale mit stark reduzierten Angeboten finden.
  3. #2 30. Dezember 2009
    AW: Hyperlink im DIV Tag funktioniert nicht

    1. das wird auch nicht gehen da dein link leer ist <a href="http://www.google.de">hier muss was rein</a>
    2. verstehe nicht ganz was du machen willst. mache eine skizze mit paint und poste hier rein wenns geht ^^
     
  4. #3 30. Dezember 2009
    Zuletzt von einem Moderator bearbeitet: 15. April 2017
    AW: Hyperlink im DIV Tag funktioniert nicht

    Also ich bin CSS Neuling und möchte folgene Navigationsleiste coden. Slices mit Photoshophab ich feststellen müssen sinf nicht wirklich gut. Vielleicht hat ja jeman ein gutes ebok etc.

    Hier die Naviagtionsleiste:

    unbenannt4y.jpg
    {img-src: //imageshack.us/a/img683/7339/unbenannt4y.jpg}


    Gruß Kaptain27
     
  5. #4 30. Dezember 2009
    AW: Hyperlink im DIV Tag funktioniert nicht

    HTML:
    HTML:
    <html>
     <head>
     <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
     
     <style type="text/css">
     #menu { list-style: none; padding: 0; margin: 0; }
     #menu li { float: left; }
     #menu li a {
     display: block;
     height: 75px;
     padding: 0 8px;
     font: normal bold 10px/130px verdana, arial, tahoma;
     text-align: center;
     background-color: #555; color: #fff;
     }
     #menu li a { text-decoration: none; }
     </style>
     
    
     <title>RRB - T:673922</title>
     </head>
    
     <body>
     <ul id="menu">
     <li><a href="#test">Home</a></li>
     <li><a href="#test">Kalender</a></li>
     <li><a href="#test">Profil</a></li>
     <li><a href="#test">Impressum</a></li>
     </ul>
     </body>
    
    </html>
     
  6. #5 30. Dezember 2009
    AW: Hyperlink im DIV Tag funktioniert nicht

    Hehe das sieht ja schon sehr professionell aus. Jetzt muss ich es nur noch verstehen. Aber schonmal besten dank. BW haste.

    Greetz Kaptain27
     
  7. #6 3. Januar 2010
    AW: Hyperlink im DIV Tag funktioniert nicht

    Wenn du noch wenig Ahnung von CSS hast, wirst du das nicht so leicht verstehen.

    Fang doch mal hier an: http://www.css4you.de/ (unter "Workshops").
     
  8. #7 3. Januar 2010
    AW: Hyperlink im DIV Tag funktioniert nicht

    Anstatt hier:
    Code:
    <div id= "header_over"><a href="http://www.google.de"></a>
    
    Ein Background-Image zu verwenden, mach es doch einfach so:

    HTML:
    #header_over {
     margin: 0 700;
    
     height: 79px;
     width: 63px;
    }
    
    HTML:
    <div id= "header_over"><a href="http://www.google.de"><img src="pfad/bildname.png" /></a>
    
     

  9. Videos zum Thema
Die Seite wird geladen...
Similar Threads - HTML Hyperlink DIV
  1. Antworten:
    6
    Aufrufe:
    2.516
  2. Antworten:
    7
    Aufrufe:
    4.898
  3. Antworten:
    7
    Aufrufe:
    2.331
  4. Antworten:
    2
    Aufrufe:
    735
  5. Antworten:
    3
    Aufrufe:
    714