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.881   Beiträge: 430.752   Mitglieder: 28.629   Aktive Mitglieder: 43
          Willkommen an unser neuestes Mitglied, Christin.

          Online-Benutzer

          Einklappen

          201 Benutzer sind jetzt online. Registrierte Benutzer: 2, Gäste: 199.

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

          Die neuesten Themen

          Einklappen

          • daniel5959
            Antwort auf Christin
            Hallo,

            vor einiger Zeit habe ich einen Forenbeitrag und einen Nachtrag mit 3 kostenlosen WYSIWYG-Webeditoren und 2 Anbietern von kostenlosen Designvorlagen für responsive Webseiten zusammengestellt, siehe

            >> https://www.homepage-forum.de/forum/...ge-forum/-1-2-...
            Gestern, 17:33
          • Sempervivum
            Antwort auf Änderung an der CSS macht Probleme
            Die Optik wird nur indirekt durch Javascript beeinflusst, wenn dir das mit einem Javascript passiert ist, liegt es mit aller Wahrscheinlichkeit am HTML und CSS, das dazu gehört. Und es kann dir genau so gut mit einer Slideshow passieren, die nur mit HTML und CSS realisiert ist.
            Den Nachteil hat...
            Gestern, 16:16
          • Nightbird
            Antwort auf Änderung an der CSS macht Probleme
            Hallo Basti1012

            Gerade @keyframes macht die meisten Schwierigkeiten.
            Copy & Paste funktionieren hier nicht.
            Die Zahlen, die in den einzelnen Bild-Abschnitten enthalten sind, müssen scheinbar für jeden Abschnitt extra berechnen werden.
            Aber wie und womit, ist mir...
            Gestern, 12:24
          • Lupus_III
            Antwort auf Christin
            Ich habe mir den Magix Web Designer vor Jahren mal angeschafft und dann schnell wieder zur Seite gelegt. Eine gute Unterstützung habe ich auch nicht gefunden und was man findet ist veralteter Mist. Ich glaube sogar, dass nur wenige diese Software benutzen. Meine Webseiten codiere ich mittlerweile...
            Gestern, 08:39
          • daniel5959
            Antwort auf Christin
            Hallo,

            selber arbeite ich nicht mit dem Magix Web Designer Premium.

            Bei Youtube habe ich ein Video von Magix aus dem Jahr 2014 für den Magix Web Designer Version 10 zu Thema "responsive Webseiten" (Webseiten für verschiedene Geräte, auch für Smartphones) gefunden....
            Gestern, 01:48

          Die neuesten Beiträge

          Einklappen

          • Christin
            Christin
            Hallo,
            ich bin neu hier und hoffe, dass ich einen wertvollen Tipp bekomme:

            - Ich arbeite mit dem Magix Web Designer Premium 17.
            - Gibt es eine gute Video-Anleitung für die Gestaltung der Smartphone-Variante?

            DANKE!

            Liebe Grüße
            Christin
            21.06.2021, 20:54
          • daniel5959
            Antwort auf Christin
            Hallo,

            vor einiger Zeit habe ich einen Forenbeitrag und einen Nachtrag mit 3 kostenlosen WYSIWYG-Webeditoren und 2 Anbietern von kostenlosen Designvorlagen für responsive Webseiten zusammengestellt, siehe

            >> https://www.homepage-forum.de/forum/...ge-forum/-1-2-...
            Gestern, 17:33
          • Nightbird
            Änderung an der CSS macht Probleme
            Als neues Forumsmitglied möchte ich mich gleich mit einer Frage an Euch wenden.
            Bei der Programmierung von HTML geht's so halbwegs aber bei einer CSS habe ich so meine Schwieriegkeiten.
            Dashalb suche ich mir im Web hauprsächlich Templates zusammen, die meinen Vorstellungen entsprechen....
            19.06.2021, 17:01
          • Sempervivum
            Antwort auf Änderung an der CSS macht Probleme
            Die Optik wird nur indirekt durch Javascript beeinflusst, wenn dir das mit einem Javascript passiert ist, liegt es mit aller Wahrscheinlichkeit am HTML und CSS, das dazu gehört. Und es kann dir genau so gut mit einer Slideshow passieren, die nur mit HTML und CSS realisiert ist.
            Den Nachteil hat...
            Gestern, 16:16
          • Nightbird
            Antwort auf Änderung an der CSS macht Probleme
            Hallo Basti1012

            Gerade @keyframes macht die meisten Schwierigkeiten.
            Copy & Paste funktionieren hier nicht.
            Die Zahlen, die in den einzelnen Bild-Abschnitten enthalten sind, müssen scheinbar für jeden Abschnitt extra berechnen werden.
            Aber wie und womit, ist mir...
            Gestern, 12:24
          • Lupus_III
            Antwort auf Christin
            Ich habe mir den Magix Web Designer vor Jahren mal angeschafft und dann schnell wieder zur Seite gelegt. Eine gute Unterstützung habe ich auch nicht gefunden und was man findet ist veralteter Mist. Ich glaube sogar, dass nur wenige diese Software benutzen. Meine Webseiten codiere ich mittlerweile...
            Gestern, 08:39
          • daniel5959
            Antwort auf Christin
            Hallo,

            selber arbeite ich nicht mit dem Magix Web Designer Premium.

            Bei Youtube habe ich ein Video von Magix aus dem Jahr 2014 für den Magix Web Designer Version 10 zu Thema "responsive Webseiten" (Webseiten für verschiedene Geräte, auch für Smartphones) gefunden....
            Gestern, 01:48
          • arnego2
            Wenn was schiefäuft
            Heute ist es wieder mal passiert.

            Viele Websites im Internet waren am heutigen Dienstag vorübergehend nicht verfügbar,
            darunter auch die New York Times, Bloomberg News, Reddit Inc. die britische Regierung, nachdem die Dienste des Content-Delivery-Netzwerks Fastly Inc. ausfielen....
            09.06.2021, 01:13
          • arnego2
            Antwort auf Wenn was schiefäuft
            Gute Strategie, die CDN und Cloudlösungen sind alle so designed das man sich eher in Abhängigkeit begibt....
            21.06.2021, 13:27
          • threadi
            Antwort auf Wenn was schiefäuft
            Jap, war so. Hier eine Quelle dazu:
            https://www.theguardian.com/technolo...ed-mass-outage

            Ich verzichte btw. schon immer auf CDN eben gerade weil ich die Abhängigkeit scheue.
            21.06.2021, 10:02
          Lädt...
          X