Jetzt kostenlos anmelden!
das allgemeine Forum mit dem X      
JETZT kostenlos registrieren!
Antwort LinkBack Themen-Optionen
Alt 24.03.2009, 21:06   #1
Benutzerbild von Matt
Matt
X-Liebhaber

Link in CSS einbetten?


Hallöchen.

CSS Datei:

HTML-Code:
#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
 
Alt 24.03.2009, 21:31   #2
Benutzerbild von Ravenheart
Ravenheart
Discordianer

AW: Link in CSS einbetten?


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

Geändert von Excalibur1976 (25.03.2009 um 16:45 Uhr) Grund: falsch geklickt :(
 
Alt 25.03.2009, 16:25   #3
Benutzerbild von Matt
Matt
X-Liebhaber
Themenstarter

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?

Geändert von Excalibur1976 (25.03.2009 um 16:45 Uhr)
 
Alt 25.03.2009, 16:45   #4
Benutzerbild von Excalibur1976
Excalibur1976
Top-Spammer

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-Code:
<span id="navigation">HEADER</span>
<div id="content">Dies ist ein Test</div>
Dort kannst Du nun einfach z. B. folgendes machen:
HTML-Code:
<a href="http://www.xtopic.de" target="_blank" id="navigation></a>
<div id="content">Dies ist ein Test</div>
 
Alt 25.03.2009, 22:52   #5
Benutzerbild von Matt
Matt
X-Liebhaber
Themenstarter

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-Code:
<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

Geändert von Matt (25.03.2009 um 22:55 Uhr)
 
Alt 25.03.2009, 22:55   #6
Benutzerbild von Excalibur1976
Excalibur1976
Top-Spammer

AW: Link in CSS einbetten?


Quick & Dirty

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

Geändert von Excalibur1976 (25.03.2009 um 23:00 Uhr)
 
Folgender Benutzer sagt Danke zu Excalibur1976 für den nützlichen Beitrag:
Matt (25.03.2009)
Alt 25.03.2009, 23:35   #7
Benutzerbild von Matt
Matt
X-Liebhaber
Themenstarter

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
 
Alt 06.02.2011, 16:54   #8
Benutzerbild von rk00
rk00
X-User

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?

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

rk00
 

Antwort

Themen-Optionen


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Beim Klick auf einen Link soll der Firefox im Hintergrund bleiben Schrotty Software 2 01.08.2008 09:00

Partner: Hunderassen | Katzenforum | Forum zu Phimose | abendkleider

forenlist.de Deine Forenliste Ranking-Hits computer
Sedo - Domains kaufen und verkaufen etracker® Web-Controlling statt Logfile-Analyse