Gruppen
- Top Gruppen
- Betriebsysteme
- Windows classik
- Linux
- BS-Sonstige
- Software
- Datenbanken
- Bildbearbeitung
- Audio/mp3/Video
- Security/Viren
- SW-Sonstige
- Hardware
- Mainboard/CPU
- Grafikkarten
- Peripherie
- Laptop/Notebook
- HW-Sonstiges
- Netzwerk
- Telefon,ISDN,Modem
- W-Lan
- NW-Sonstiges
- Programmierung
- PHP,ASP,Perl...
- Java,C++...
- Webseiten/HTML
- Sonstiges
- PC-Sonstiges
- Plauderecke
- SN Intern
- Test
/ Forum / Webseiten/HTML
Webseiten/HTML
Fragevon Haggard vom 18.03.2021, 14:43 Options
Wie füge ich einen Link im Style einer Seite ein?
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
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
Antwort 1 von DeluxeStyle vom 18.03.2021, 14:46 Options
wie welchen Link?
In das CSS kannst du keinen Link einfügen
Aber ich verstehe auch nicht genau, was du eigentlich vor hast
In das CSS kannst du keinen Link einfügen
Aber ich verstehe auch nicht genau, was du eigentlich vor hast
Antwort 2 von Haggard vom 18.03.2021, 15:11 Options
/* ### 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
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
Antwort 3 von son_quatsch vom 18.03.2021, 15:20 Options
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.
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.
Antwort 4 von Haggard vom 18.03.2021, 15:35 Options
/* ### 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]
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]
Antwort 5 von son_quatsch vom 18.03.2021, 16:05 OptionsLösung
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.
Achja: ein A hat üblicherweise das Attribut LINK zu der zu wechselnden Adresse.
Antwort 6 von Haggard vom 18.03.2021, 16:16 Options
Sorry ich steh grad am Schlauch
es wäre echt eine erleichterung wenn jemand den Code mal rein schreibt
es wäre echt eine erleichterung wenn jemand den Code mal rein schreibt
Antwort 7 von son_quatsch vom 18.03.2021, 16:27 Options
</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>Antwort 8 von Haggard vom 18.03.2021, 16:32 Options
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
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
Ähnliche Themen
link erstellen
rinco 18.01.2008 - 105 Hits - 5 Antworten
link in frameset
alexwebnet 20.02.2008 - 45 Hits - 2 Antworten
Frage zum CSS Style
MfG 29.01.2009 - 104 Hits - 3 Antworten
Hinweis
Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..
Neue Einträge
