Autor |
Nachricht |
Ilustratorius
Threadersteller
Dabei seit: 16.06.2009
Ort: Garlstedt
Alter: 31
Geschlecht:
|
Verfasst Do 22.07.2010 14:21
Titel Problem mit div's und hyperlink's |
|
|
Hallo Leute,
bin grade dabei meine Homepage zu basteln und habe im Moment ein paar Probleme mit DIV's und Hyperlink's.
Problem 1
HTML
Code: |
<div id="A_4">
<!-- Ausgelagerte Style-Eigenschaften -->
<a href="http://www.outdoorphotography.de/r_t.html"><img src="images/A_5C.jpg">
</div>
<div id="A_5">
<!-- Ausgelagerte Style-Eigenschaften -->
</div>
<div id="A_6">
<!-- Ausgelagerte Style-Eigenschaften -->
The photographer Florian Smit talks about, on what things you must consider when planning a
longer tour. You can find a lot of tips for choosing the backpack, tent and some other things
in the trekking area. Planning is everything, in this report you can take a look at his
packing-list and a few other things of his equipment.
</div>
<div id="A_7">
<!-- Ausgelagerte Style-Eigenschaften -->
<a href="http://www.outdoorphotography.de/p_p.html"><img src="images/A_7C.jpg">
</div>
|
CSS
Code: |
#A_4{
background-image:url(images/A_5C.jpg);
border: 1px solid #000;
width:214px;
height:103px;
margin:-105px 0 0 560px;
}
#A_5{
background-image:url(images/A_4C.jpg);
width:550px;
height:15px;
margin:15px 0 0 226px;
}
#A_6{
width:550px;
height:auto;
margin:10px 0 0 226px;
font-family:Arial;
font-size:12pt;
font-weight:500;
text-decoration:none;
color:black;
text-align:justify;
}
#A_7{
border: 1px solid #000;
width:214px;
height:85px;
margin:-87px 0 0 0;
}
|
Mein Problem ist jetzt, das DIV A_5 und A_6 den Hyperlink von A_4 übernommen haben. Wie kann man das verhindern?
Problem 2
HTML
Code: |
<div id="picture1">
<!-- Ausgelagerte Style-Eigenschaften - Mouseover Home -->
</div>
<div id="picture2">
<!-- Ausgelagerte Style-Eigenschaften - Mouseover Photographer -->
</div>
<div id="picture3">
<!-- Ausgelagerte Style-Eigenschaften - Mouseover Gallery -->
</div>
<div id="picture4">
<!-- Ausgelagerte Style-Eigenschaften - Mouseover Travel Reports -->
</div>
<div id="picture5">
<!-- Ausgelagerte Style-Eigenschaften - Mouseover Publications -->
</div>
<div id="picture6">
<!-- Ausgelagerte Style-Eigenschaften - Mouseover Imprint -->
</div>
|
CSS
Code: |
#picture1{
background-image:url(images/home_navi/Home_normal.jpg);
width:129px;
height:223px;
margin:1px 0 0 0;
}
#picture1:hover{
background-image:url(images/home_navi/Home.jpg);
width:129px;
height:223px;
margin:1px 0 0 0;
}
#picture2{
background-image:url(images/home_navi/Photographer_normal.jpg);
width:129px;
height:223px;
margin:-223px 0 0 129px;
}
#picture2:hover{
background-image:url(images/home_navi/Photographer.jpg);
width:129px;
height:223px;
margin:-223px 0 0 129px;
}
#picture3{
background-image:url(images/home_navi/Gallery_normal.jpg);
width:130px;
height:223px;
margin:-223px 0 0 258px;
}
#picture3:hover{
background-image:url(images/home_navi/Gallery.jpg);
width:130px;
height:223px;
margin:-223px 0 0 258px;
}
#picture4{
background-image:url(images/home_navi/Travel_reports_normal.jpg);
width:129px;
height:223px;
margin:-223px 0 0 388px;
}
#picture4:hover{
background-image:url(images/home_navi/Travel_reports.jpg);
width:129px;
height:223px;
margin:-223px 0 0 388px;
}
#picture5{
background-image:url(images/home_navi/Publications_normal.jpg);
width:129px;
height:223px;
margin:-223px 0 0 517px;
}
#picture5:hover{
background-image:url(images/home_navi/Publications.jpg);
width:129px;
height:223px;
margin:-223px 0 0 517px;
}
#picture6{
background-image:url(images/home_navi/Imprint_normal.jpg);
width:130px;
height:223px;
margin:-223px 0 0 646px;
}
#picture6:hover{
background-image:url(images/home_navi/Imprint.jpg);
width:130px;
height:223px;
margin:-223px 0 0 646px;
}
|
Hier ist mein Problem das ich nicht weiß wie ich den Mouseover-Bildern einen Hyperlink verpassen soll. Wenn ich das mit <a href="http://www.......de"> mache, dann haben wieder alle folgenden DIV's den Hyperlink den ich für das Mouseover-Bild eingestellt habe.
Ich hoffe ihr versteht was ich meine.
LG
Flo
Zuletzt bearbeitet von Ilustratorius am Do 22.07.2010 14:21, insgesamt 1-mal bearbeitet
|
|
|
|
|
emorikaner
Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 22.07.2010 14:29
Titel
|
|
|
Du solltest vlt. einen Validator benützen...
Du schließt deine <a> Tags nicht - deswegen werden die <div>s anklickbar
Hoffe ich konnte helfen
Zuletzt bearbeitet von emorikaner am Do 22.07.2010 14:30, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
Ilustratorius
Threadersteller
Dabei seit: 16.06.2009
Ort: Garlstedt
Alter: 31
Geschlecht:
|
Verfasst Do 22.07.2010 14:58
Titel
|
|
|
Also bei Problem eins hilft das. Das Problem gelöst, aber bei Problem zwei komme ich immer noch nicht weiter
|
|
|
|
|
bacon
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
|
|
|
|
Ilustratorius
Threadersteller
Dabei seit: 16.06.2009
Ort: Garlstedt
Alter: 31
Geschlecht:
|
Verfasst Do 22.07.2010 15:08
Titel
|
|
|
Ich werde mich noch einmal anders ausdrücken .
Ich weis nich wie ich den Hyperlink in die einzelnden <DIV>'s einsetzen soll, denn ich habe die Mouseover-Bilder ja als Hintergrundbilder eingefügt. Ich möchte, das der komplette <DIV> zu einer Schaltfläche wird. Mit dem Selfhtml Link habe ich mich schon vorher beschäftigt, komme damit aber nicht weiter. Wahrscheinlich ist es nur eine Kleinigkeit die ich machen muss, aber da ich absoluter HTML Neuling bin finde ich diese Kleinigkeit nicht.
LG
|
|
|
|
|
emorikaner
Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 22.07.2010 15:09
Titel
|
|
|
bacon hat geschrieben: | http://de.wikipedia.org/wiki/Apostrophitis |
---
Naja, eig dürfte sich Problem 2 automatisch lösen wenn du brav alle <a>-Tags schließt.
Edit: gib doch deinen Links das Hintergrundbild
Zuletzt bearbeitet von emorikaner am Do 22.07.2010 15:10, insgesamt 1-mal bearbeitet
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 22.07.2010 15:10
Titel
|
|
|
Ilustratorius hat geschrieben: | ... bin finde ich diese Kleinigkeit nicht. |
Kleinigkeit ist das Ende-Tag </a> wie Dir schon gesagt wurde.
|
|
|
|
|
Ilustratorius
Threadersteller
Dabei seit: 16.06.2009
Ort: Garlstedt
Alter: 31
Geschlecht:
|
Verfasst Do 22.07.2010 15:14
Titel
|
|
|
Code: |
<div id="picture1">
<!-- Ausgelagerte Style-Eigenschaften - Mouseover Home -->
<a><a href="http://"></a>
</div>
|
Funktioniert aber immer noch nicht. Jetzt kann man den DIV nicht klicken. Und wenn ich das Bild nicht als HG nehme funktioniert doch der Hover-Effekt nicht mehr.
Zuletzt bearbeitet von Ilustratorius am Do 22.07.2010 15:16, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Problem mit Hyperlinks in Indesign
Problem mit Hyperlinks in Dreamweaver CS3
Problem mit DIVS
CSS Problem mit Divs
Problem mit DIVS
problem mit IE und divs
|
|