Wie füge ich einen Link im Style einer Seite ein?

Question

Hallo...
ich würde gern eine Link in den Style einer Webseite einfügen.

Bsp.

<style type="text/css">
<!--
body {
background-image: url(images/style/community/main_bg.gif);
background-repeat: repeat-x;
background-color: #343434;
margin: 0px;
font-family: Arial;
color: #000000;
font-size: 12px;
scrollbar-base-color: #000000;
}

/* ### Main Page */
table.mainpage {
border-top: 5px solid #FFFFFF;
border-left: 5px solid #FFFFFF;
border-right: 5px solid #FFFFFF;
}

/* ### Header */
div#header {
width: 670px;
height: 136px;
background-image: url(images/style/community/kopf.jpg);
background-repeat: no-repeat;
float: left;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;

das Bild soll verlinkt werden


div#title {
float: right;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #ffffff;
padding-right: 10px;
padding-top: 10px;
}


vllt kann mir da ja jemand helfen.
Danke schonmal

Answer 1

wie welchen Link?

In das CSS kannst du keinen Link einfügen
Aber ich verstehe auch nicht genau, was du eigentlich vor hast

Answer 2

/* ### Header */
div#header {
width: 670px;
height: 136px;
background-image: url(images/style/community/kopf.jpg);
background-repeat: no-repeat;
float: left;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;


da wird ja ein Bild in die seite eingebunden

ich würde gerne einen Link hinter das Bild legen, das man von dort aus auf die Startseite wieder zurück kommt

Answer 3

Nein.

Mit CSS / Style definierst du ausschließlich die Erscheinung. Die Funktion definierst du per HTML. Du bindest eben nicht ein Bild ein, sondern änderst das Aussehen mithilfe eines Bilds.

Kurzum: mach in HTML halt aus deinem DIV ein A. In deine Style-Angaben nimmst du zusätzlich die Eigenschaft display: block; mit auf - dann verhält sich das A wie ein DIV vom Textfluss her.

Answer 4

/* ### Header */
div#header {
width: 670px;
height: 136px;
background-image: url(images/style/community/kopf.jpg);
background-repeat: no-repeat;
float: left;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
display: block;

</tr>
</table></td></tr>
<tr>
<td class="design" style="padding-top: 1px;">
<a id="header">
<div id="title" align="right">$config[site_name]</div></a>
</td>
</tr>
</table>


dann ist das bild verschwunden[/b]

Answer 5

Setz einfach den Urzustand wieder her und mach aus dem inneren DIV ein A - denn sorum macht das überhaupt erstmal Sinn.

Achja: ein A hat üblicherweise das Attribut LINK zu der zu wechselnden Adresse.

Answer 6

Sorry ich steh grad am Schlauch
es wäre echt eine erleichterung wenn jemand den Code mal rein schreibt

Answer 7

Hi,

also ich hab nicht so viel Ahnung von css, aber ich glaube ihr redet aneinander vorbei.

Hier wird im body Tag der ein Hintergrundbild angegeben und das will Haggard glaube ich als Link darstellen. Wo auch immer das angezeigt wird, aber Hintergrundbilder haben es an sich, nicht verlinkbar zu sein, da sie ja im Extremfall über die ganze Seite gehen.

Haggard, gibts von dieser Seite auch eine Onlineversion, die man sich mal anschauen kann, dann sieht man besser was es eigentlich werden soll und wie man das dann realisieren kann.

Gruß Fabian

Answer 8

</tr>
</table></td></tr>
<tr>
<td class="design" style="padding-top: 1px;">
<div id="header">
<a id="title" align="right" style="display:block;" href="http://wo.will.ich/hin">$config[site_name]</a></div>
</td>
</tr>
</table>

Answer 9

Es geht *froi*

hab meinen Fehler gefunden. Sorry.

@ Fabian:
da es jetzt funktioniert wie erhofft haben wir anscheinend nicht aneinander vorbeigesprochen.
Bei diesen Ausschnitt wird kein Hintergrund angegeben sondern ein Bild auf einer bestimmten stelle der Webseite und ich wollte es s haben das man auf das Bild klickt und dann wieder zurück zur startseite kommt, im normalfall weiß ich ja wie das geht, nur im PHPKit mit dem blöden aber gut aussehenden Style war ich dar grad bissl überfragt.
Aber es ist mir geholfen worden. Danke