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: 57.077   Beiträge: 432.005   Mitglieder: 29.246   Aktive Mitglieder: 47
          Willkommen an unser neuestes Mitglied, payais.

          Online-Benutzer

          Einklappen

          200 Benutzer sind jetzt online. Registrierte Benutzer: 4, Gäste: 196.

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

          Die neuesten Themen

          Einklappen

          • matze244
            Homepage umziehen
            Hallo liebes Forum,

            ich möchte eine Vorhandene Webseite von T-Online (wurde nicht von mir erstellt, aber ich übernehme den Großteil der Homepage vom Bekannten) zu einen anderen Anbieter umziehen.
            Dabei habe ich bei T-Online den ganzen Ordner kopiert wo die ganzen Unterordner drin...
            20.05.2022, 20:21
          • zfry123
            instagram: Wie kann ich sehen, wer meine Highlights angeschaut hat?
            Liebe Community,

            wie kann man sehen, wer sich die Highlights auf einem Instagram-Profil angeschaut hat? Im Netz finde ich zu diesem Thema zwei Artikel. Im ersten Artikel steht folgendes:
            1. Navigieren Sie zu Ihrem Profil auf Instagram.
            2. Tippen Sie auf das Symbol des Highlight, zu dem Sie
            ...
            20.05.2022, 16:36
          • croxxx69
            Seite nicht von Google indexiert?
            Hallo, wenn ich site:meineseite in google eintippe, ist leider immer noch kein Resultat in Google, also nicht indexiert. Die Seite ist schon paar Monate online, auch in Search Console angemeldet... Kann mir bitte einer helfen? Was kann ich tun? Wenn ich darf, kann ich auch meine Seite hier posten
            18.05.2022, 21:21
          • daniel5959
            Überdachte Pedelecs
            Hallo,

            nachdem ich gut 40 Jahre lang Auto gefahren bin, habe ich seit einigen Jahren kein Auto mehr.

            Für die kurzen Strecken alle 2 Wochen zum Supermarkt oder auch mal in die nächste Stadt (ca. 3,5 km bis zum Stadtrand mit Bau- und Garten- sowie Supermärkten oder ca. 5 km...
            15.05.2022, 21:12
          • Gast-Avatar
            html und css homepage ohne Javascript
            Hallo,
            ich möchte nur in html und css ohne Javascript eine Website erstellen , die laut Anhang ungefähr so aussehen soll. Content diverse Themenbereiche als Blog. Ich habe auch schon angefangen, hochgeladen, das würde eigentlich schon reichen. Aber ich bin haltrnicht zufrieden. Als Hilfe hatte...
            14.05.2022, 09:22

          Die neuesten Beiträge

          Einklappen

          Lädt...
          X