Antworten auf deine Fragen:
Neues Thema erstellen

Wie kann ich DIV´s per Css verlinken?

Raubmaus

Noch nicht viel geschrieben

Ich habe in meiner Homepage div`s eingabauet (Container), Diese steuere ich durch eine seperate Cssdatei an. Die Bilder sind in per CSS mit der jeweiligen ID als Hintergundbild in der CSS-datei eingefügt. Wie kann ich diese v?erlinken

Codeausschnitt: Quelldateiauszug:html
HTML:
<div id="kind1"></div>

CSS-Auszug:CSS
Code:
#kind1{
    position: relative;
    background-repeat: no-repeat;
    height: 154px;
    width: 151px;
    left:-210px;
    top: 300px;
    z-index: 1;
    background-image: url(../Images/sonstiges/malte.gif);
    float: left;
    
}
 
Zuletzt bearbeitet von einem Moderator:

sokie

Mod | Web

AW: Wie kann ich DIV´s per Css verlinken?

css ist nur für das 'Stylen' von Elementen zuständig. Verlinkungen werden im html gemacht.
 

cebito

undefined

AW: Wie kann ich DIV´s per Css verlinken?

Wie? Du willst ein Hintergrundbild verlinken? Erklär mal genauer, was du willst!
Ach ja, und benutze bitte die Funktionen zur Codeauszeichnung - auch bei kleineren Auszügen, so werden die Beiträge deutlich besser lesbar.
 

Raubmaus

Noch nicht viel geschrieben

AW: Wie kann ich DIV´s per Css verlinken?

Wie müsste denn eine Codezeile im Quellcode denn aussehen, so dass nur diese ID angesprochen wird?
 

Raubmaus

Noch nicht viel geschrieben

Ich möchte nur dieses Bild aus meiner CSS-Datei
background-image: url(../Images/sonstiges/malte.gif);
verlinken.

Hast du eine Idee Cebito??
 
Zuletzt bearbeitet von einem Moderator:

cebito

undefined

AW: Wie kann ich DIV´s per Css verlinken?

Du kannst kein Hintergrundbild verlinken, entweder du bringst es als img in die HTML-Datei, oder du musst deinen div per js verlinken...

jQuery Beispiel:
PHP:
   $('#kind1').click(function() {
      // tu was
   });
 

Tattoomaus78

nemesis-artgroup.de

AW: Wie kann ich DIV´s per Css verlinken?

geht über einen kleinen Umweg auch ganz ohne javascript ;)


HTML:
<div class="links">
  <ul>
    <li> <a href="http://www.psd-tutorials.de" target="_self"> <em>Lustiger Text bla bla.......</em> </a></li>
  </ul>
</div>
Code:
.links {
	width:240px;
	margin:0;
	padding:0;
}
.links ul {
	list-style-type: none;
}
.links li {
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	width: 240px;
	height: 240px;
}
.links li a {
	display: block;
	text-decoration: none;
	height:240px; /*WICHTIG - Höhe der Grafik angeben*/
}

.links li a:hover {
	background-image:url(images/bghover.jpg);
	background-repeat:repeat-x;
	width: 240px;
	height: 240px;
}

.links a em {
	color: #333;
	display: block;
	padding: 10px;

}

geht auch prima wenn man für nen ganzen div-container nen rollover-effekt braucht
 
Zuletzt bearbeitet:

anoX

Nicht mehr ganz neu hier

AW: Wie kann ich DIV´s per Css verlinken?

Warum einfach, wenns auch kompliziert geht .. ;)

Code:
div#header .wasauchimmer a {
  background:url("../images/bild.jpg") no-repeat;
  height:50px;
  text-indent:-9999px;
  width:250px;
}

HTML:
<div class="wasauchimmer">
  <a href="wohinauchimmer.html"  title="Irgendwas">
    Text Bla Bla
  </a>
</div>
 

nostra87

Nicht mehr ganz neu hier

AW: Wie kann ich DIV´s per Css verlinken?

PHP:
<div id="deine ID" style="cursor:pointer;" onclick="javascript:window.location.href='start.html';">

Beste Grüße
 
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

Statistik des Forums

Themen
118.638
Beiträge
1.538.498
Mitglieder
67.559
Neuestes Mitglied
hanuta
Oben