Antworten auf deine Fragen:
Neues Thema erstellen

Bild verlinken

NiAlMa

Nicht mehr ganz neu hier

Hallo zusammen,

ich habe folgendes "Problem":

ich habe in der php folgenden Code:

PHP:
...
<header role="banner">
	<div class="wrapper">
		<div class="wbox">
        
      		<hgroup>
				<h1><span></span></h1>
         <!--
				<h2>Hot Nights Club</h2>
                
      -->
			</hgroup>         
			<p>TEXT</p>
		</div>
	</div>
</header>
...

in der entsprechenden css ist bei header h1 span ein Bild als Background definiert.

Nun möchte ich das Bild/Logo verlinken. Wie kann ich dies bewerkstelligen?

Grüße
 

Myhar

Hat es drauf

AW: Bild verlinken

Du hast keinen Text in deinem h1 Tag? Sofort ändern.
Auch ist ein span Tag in dem jetzigen Konstrukt unsinnig. Wenn diese Unstimmigkeiten beseitigt sind, kannst du dein Bild folgendermaßen verlinken:
HTML:
<a href="http://www.psd-tutorials.de/forum/46_x-html-css/..."><img src="http://www.psd-tutorials.de/forum/46_x-html-css/..." alt="Alternativtext des Bildes" /> </a>
 

Zenist

Aktives Mitglied

AW: Bild verlinken

Das ist doch noch reiner html/Css- Code, da einfach mit "normalen" Anweisungen verlinken.
Sonst zeige doch noch mal den genauen (PHP) Code oder was Du genau vorhast.
 

Zenist

Aktives Mitglied

AW: Bild verlinken

Du hast keinen Text in deinem h1 Tag? Sofort ändern.
Auch ist ein span Tag in dem jetzigen Konstrukt unsinnig. Wenn diese Unstimmigkeiten beseitigt sind, kannst du dein Bild folgendermaßen verlinken:
HTML:
<a href="http://www.psd-tutorials.de/forum/46_x-html-css/..."><img src="http://www.psd-tutorials.de/forum/46_x-html-css/..." alt="Alternativtext des Bildes" /> </a>

Das war schneller, besser und konkreter ;-)
 

NiAlMa

Nicht mehr ganz neu hier

AW: Bild verlinken

h1 span hat den Sinn, dass in der Css
Code:
header h1 span{
		display:inline-block;
		overflow:hidden;
		height:100px;
		width:630px;
		padding-top:78px;
		margin-bottom:-2px;
		background:url(../images/logoneu.png) no-repeat top left
	}

deklariert ist. Sobald ich in der php einen Text bei h1 angebe wird das Bild überschrieben
 

Myhar

Hat es drauf

AW: Bild verlinken

Dann brauchst du wohl eine image replacement technique. Das rate ich dir deshalb, da ich annehme, dass deine Seite auch bei Google und sonstigen Suchmaschinen gefunden werden soll. Und das geht nur, wenn auch Inhalt auf der Seite ist. Per CSS eingebundene Hintergrundgrafiken und leere Tags zählen hier nicht dazu ;)
Falls dir das nicht wichtig ist, dann bleibe bei deiner jetzigen Lösung. Nur verlinken kannst du das Bild mit reinem CSS nicht.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.611
Beiträge
1.538.341
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben