Link in CSS einbetten?

Dieses Thema im Forum "Programmierung" wurde erstellt von Matt, 24 März 2009.

  1. Matt

    Matt Member

    Hallöchen.

    CSS Datei:

    HTML:
    #navigation
    {
    	clear: both;
    	float: left;
    	width: 930px;
    	background-image: url(images/header.gif);
    	height: 169px;
    	padding-right: 20px;
    }
    
    Ich möchte gerne dieses "backgound-image" mit einem Link auf die Startseite der Website versehen. Das ganze ist ein Wordpress Theme. Ist das irgendwie mölglich?

    Danke!

    gruß mätt
  2. Ravenheart

    Ravenheart Discordianer

    AW: Link in CSS einbetten?

    Jo, wenn du die ID im Link angibst. Also <a href="" id="navigation">Link>/a>
  3. Matt

    Matt Member

    AW: Link in CSS einbetten?

    Soll ich das in die CSS Datei reinschreiben? Denn in der Header Datei findet sich seltsamerweise keinen Hinweis auf "header.gif". Wo genau soll das dann hin?
  4. Excalibur1976

    Excalibur1976 New Member

    AW: Link in CSS einbetten?

    Hi Mätt,

    nein, in der CSS-Datei schreibt man sowas nicht rein. In einer CSS werden nur die Formatierungen - Styles - definiert.
    In Deiner Header-Datei wirst Du irgendwo ein HTML-Element finden, welches die id="navigation" hat.

    Beispiel
    HTML:
    <span id="navigation">HEADER</span>
    <div id="content">Dies ist ein Test</div>
    
    Dort kannst Du nun einfach z. B. folgendes machen:
    HTML:
    <a href="http://www.xtopic.de" target="_blank" id="navigation></a>
    <div id="content">Dies ist ein Test</div>
    
  5. Matt

    Matt Member

    AW: Link in CSS einbetten?

    Hi

    danke für die Antworten. ;)

    Ja schon klar, aber das Problem ist, dass sich dann der Link nicht auf das Logo bezieht, wenn man das Tag in der Header Datei einfügt. Das Logo ist als Background Image im div "navigation" eingebunden.

    Hier ist "navigation"

    HTML:
    <div id="navigation">
    
       <ul>
    
          <li class="page_item"><a href="<?php bloginfo('url'); ?>">Home</a></li>
    
                 <!-- <?php wp_list_pages('depth=1&title_li='); ?> -->
    
        </ul>
    
    
    </div>
    Das Hintergrundbild "header.gif" aus der CSS Datei (oben) taucht (logischerweise) nicht auf. Deshalb die Frage, ob man eben dieses Hintergrundbild mit einem Link zur Startseite versehen kann.

    Der Kommentar besteht absichtlich, der Homebutton möchte weghaben.

    danke, gruß, mätt
  6. Excalibur1976

    Excalibur1976 New Member

    AW: Link in CSS einbetten?

    Quick & Dirty

    HTML:
    <a href="<?php bloginfo('url'); ?>">
    <div id="navigation">
    <ul>
    <li class="page_item"><a href="<?php bloginfo('url'); ?>">Home</a></li>
    <!-- <?php wp_list_pages('depth=1&title_li='); ?> -->
    </ul>
    </div>
    </a>
    
    Alternativ: Was spricht dagegen es als IMG einzubinden? (aus dem CSS muss dann nur noch background-image raus).

    HTML:
    <div id="navigation">
    <a href="<?php bloginfo('url'); ?>"><img src="images/header.gif" border="0"></a>
    </div>
    
  7. Matt

    Matt Member

    AW: Link in CSS einbetten?

    Äääh...eigentlich spricht nichts dagegen! ;) Ich versuchs mal, und wenns nicht geklappt hat, schreie ich hier wieder! ;)

    Vielen dank für die Hilfe.

    gruß, mätt
  8. rk00

    rk00 New Member

    AW: Link in CSS einbetten?

    Hey Leute ich fress nen Wolf,

    was Matt schreibt ist genau mein Problem und ich bete das jemand unsere einfache Dummi-Anfrage beantworten will, da es das Web wohl generell für eine zu doofe Frage hält um sie zu "kennen" geschweige denn zu beantworten. Das Thema ist einfach und braucht denke ich auch keinen großen Codeauszug...

    Wie Matt schreibt existiert eine Homepage aus mehreren mit CSS definierten Blöcken => #header, #menu, #main, ... wunderschön. Die html Datei füllt den #menu Block mit Links ala:

    <div id="test"><a href="test.html">Test</a></div>

    Unser Problem: Klickt man auf den Link wird die test.html geöffnet, jedoch in einem neuen Browserfenster! Wir hätten es jedoch in dem unter CSS als #main deklarierten Block. Oder anders gesagt: Es muss doch möglich sein verschiedene html Dateien wahlweise in #main darstellen zu können oder bin ich völlig verspult? :mad:

    Ich hoffe ihr versteht nun das Problem. Ein Link zu einem Tutorial wäre schon gold wert! thx :)

    rk00

Diese Seite empfehlen