Ankündigung

Einklappen
Keine Ankündigung bisher.

bilder als link per css

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • bilder als link per css

    Irgendwie bekomm ich es nicht gebacken.
    ich habe ein hintergrundbild 1024x768.
    in diesem bild soll sich ein button befinden.
    auf diesem liegt ein link.
    ich habe 4 button bilder für link,visited,active und hover.
    leider bekomme ich es nicht hin das die bilder angezeigt werden.
    per hintergrundfarbe mit text funzt es wunderbar.
    aber wenn ich statt background-color background-image benutze funzt nix mehr.
    wie also mach ich es mit den bildern?
    Danke im vorraus.

    hier ist die seite:
    PHP-Code:
    <?php
       
    include 'config.php'
       
    ?>
       <link rel="stylesheet" type="text/css" href="<?PHP echo $mysql_style?>" >

       <center><div id="index"><img src="images/logoerde.jpg" height="768px" width="1024px" border="0"></div>
       <div id="index2"><a href="imp.php">Weiter zur Seite</a></div>
    und hier die css
    Code:
    body {
      background-color:#cccccc;
      margin:0px;
      font-family:Verdana,Arial;
      font-size:12px;
      }
    #index {
      border:1px solid black;
      width:1024px;
      height:768px;
      }
    #index2 {
      border:0px solid black;
      font-family:verdana,arial;
      margin-top:-100px;
      margin-left:0px;
      color:black;
      }
    #index2 a, #index2 a:link, #index2 a:visited {
      text-decoration:none;
      border:4px double black;
      border-color:white;
      background-color:#0000DF;
      color:#eeeeee;
      font-size:18px;
      font-weight:bold;
      padding-left:10px;
      padding-right:10px;
      }
    #index2 a:active, #index2 a:hover {
      color:0000df;
      background-color:#4145F1;
      border:4px double black;
      }
    www.sv-muegeln-ablass.de
    www.marder-speisesenf.de

  • #2
    AW: bilder als link per css

    HTML-Code:
    background-image: url(deinbild.jpg);
    Achte darauf, dass die Dateischreibweise exakt übereinstimmt, der Dateinname keine Sonderzeichen/Leerzeichen hat und der Pfad stimmt.

    sigpic

    sejumas CSS-Einsteigerkurs

    Kommentar


    • #3
      AW: bilder als link per css

      Du musst außerdem den Link zu einem Blockelement machen:

      Code:
      display: block;

      Kommentar


      • #4
        AW: bilder als link per css

        Hallo,

        Als ergänzung zu sejuma:
        Als Hauptverzeichniss wird nicht das Verzeichniss der Starterseite genommen sondern das Verzeichniss der CSS-Datei. Dass könnte evtl. noch ein fehler sein. Ausserdem würde ich den Dateinamen in Anführungszeichen schreiben(mach ich immer so, und es funzt).

        Ich hoffe ich konnte dir helfen.

        MFG
        [ASTERIX]

        Kommentar


        • #5
          AW: bilder als link per css

          nach langem probieren bin ich nun drauf gekommen.
          display.block ist schon richtig.
          aber ich hatte immer background-image: url () statt background-image: url()
          geschrieben. die klammern müssen direkt hinter url stehen.
          und ohne "" geht es trotzdem.
          nun geht es danke.
          www.sv-muegeln-ablass.de
          www.marder-speisesenf.de

          Kommentar

          homepage-forum.de - Hilfe für Webmaster! Statistiken

          Einklappen

          Themen: 56.735   Beiträge: 429.427   Mitglieder: 28.490   Aktive Mitglieder: 41
          Willkommen an unser neuestes Mitglied, KoaLa13bfp.

          Online-Benutzer

          Einklappen

          160 Benutzer sind jetzt online. Registrierte Benutzer: 2, Gäste: 158.

          Mit 3.502 Benutzern waren am 23.01.2020 um 18:20 die meisten Benutzer gleichzeitig online.

          Die neuesten Themen

          Einklappen

          Die neuesten Beiträge

          Einklappen

          Lädt...
          X