Hyperlink/Firefox
Besucher
- html
Hallo !
Folgendes Problem. Probiere gerade eine Homepage mit eigenem Design zu gestalten. Hab mich bei oyla.de angemeldet udn dort meinen Code eingefügt. Jetzt wollte ich auf meiner "About Me" Seite eine Verlinkung zu einer "Wünsche" Seite machen. Doch der Link ist nicht anklickbar.
Gehe ich mit dem IE auf meine Seite ist alles normal, und ich kann ihn anklicken.
Für jeden Tipp wäre ich dankbar!
LG
Mahlzeit,
Für jeden Tipp wäre ich dankbar!
Für jeden Quellcode wären wir dankbar ...
MfG,
EKKi
Mahlzeit,
Für jeden Tipp wäre ich dankbar!
Für jeden Quellcode wären wir dankbar ...
MfG,
EKKi
ups sry.. wollte ich noch anfügen
das ist er
<P align=center><A target=_self href=http://www.oyla24.de/cgi-bin/hpm_show.cgi?userid=04467221&page=text&id=604863631193569871><FONT face=Arial color=lightgrey size=1><EM>Wishlist</EM></FONT></A></P>
Mahlzeit,
<P align=center><A target=_self href=http://www.oyla24.de/cgi-bin/hpm_show.cgi?userid=04467221&page=text&id=604863631193569871><FONT face=Arial color=lightgrey size=1><EM>Wishlist</EM></FONT></A></P>
Siehe Posting von Gunnar: befreie deinen Code von sämtlichen Syntaxfehlern (ein Validator wirkt dabei oft Wunder) und mache ihn lesbarer und übersichtlicher ... voraussichtlich wird sich dein Problem damit erledigt haben - wenn nicht, melde dich nochmal. :-)
MfG,
EKKi
Mal eine kleine Ergänzung
Wenn ich diesen kompletten Code in eine Textseite einfüge, dann ist mit dem Hyperlink alles in Ordnung
<html>
<head>
<title>My homepage</title>
<style type=text/css>
<!--
body {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
}
a:hover {
font-size: 9px;
text-transform: uppercase;
color: #000000;
text-decoration:none;
color: #000000;border: 1px;border-style:solid; padding:5px;
cursor: crosshair;}
A.navi:link, A.navi:active, A.navi:visited {
background-color: #727272;
color: #000000;
text-align: left;
display: vertikal;
text-decoration: none;
text-transform: none;
color: #000000;border: 1px;border-style:solid; padding:5px;
line-height: 15px;
color: #000000;border: 1px;border-style:solid; padding:5px;
font-size: 11px;
}
A.navi:hover {
background-color: #727272;
color: #ffffff;
text-align: right;
display: vertikal;
text-decoration: none;
text-transform: none;
border-bottom: 1px; border-style: solid; border-color: #ffffff;
line-height: 15px;
border: 1px solid #ffffff;
font-size: 11px;
}
-->
</style>
</head>
<body background=http://www.oyla24.de/userdaten/04467221/bilder/layout_endteil.jpg bgcolor=#ffffff topmargin=0 leftmargin=0>
<!-- Start Design -->
<img border=0 src=http://www.oyla24.de/userdaten/04467221/bilder/Layout0.jpg scroll=no bgproperties=fixed
ALIGN=left STYLE=position: absolute; top: 0; left: 0 width=1024 height=768>
<!-- End Design -->
<!-- Start Content -->
<div style=overflow: visible; position: absolute; width: 630px; height: 220px; left: 200px; top: 260px>
<P align=center><A target=_self href=http://www.oyla24.de/cgi-bin/hpm_show.cgi?userid=04467221&page=text&id=604863631193569871><FONT face=Arial color=lightgrey size=1><EM>Wishlist</EM></FONT></A></P>
<a href=http://www.oyla24.de/cgi-bin/hpm_show.cgi?userid=04467221&page=text&id=604863631193569871> Wishlist </a> </font>
</div>
<!-- End Content -->
<!-- Start Navigation -->
<div style=overflow: visible; position: absolute; width: 800px; height: 400px; left: 85px; top: 130px>
<font face=Arial size=2 color=#000000><a class=navi target=_self href=eigenes.cgi?page=text&id=48330472&userid=04467221>Willkommen</a>
<a class=navi target=_self href=eigenes.cgi?page=text&id=775203271193513073&userid=04467221>About me</a>
<a class=navi target=_self href=eigenes.cgi?page=text&id=670516421193570969&userid=04467221>Women</a>
<a class=navi target=_self href=eigenes.cgi?page=text&id=993833571193570989&userid=04467221>Men</a>
<a class=navi target=_self href=eigenes.cgi?page=kontakt&userid=04467221>Kontakt</a>
<a class=navi target=_blank href=http://610578.guestbook.onetwomax.de>Guestbook</a>
<a class=navi target=_self href=eigenes.cgi?page=text&id=425157881193674606&userid=04467221>Blog</a>
</font>
</div>
<!-- End Navigation -->
</body>
</html>
-----
So sieht der Code aus wenn ich nur die Textseite nehme, wie sie jetzt ist, also da, wo der Link nicht funktioniert.
<html>
<head>
<title>My homepage</title>
<style type="text/css">
<!--
body {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
}
a:hover {
font-size: 9px;
text-transform: uppercase;
color: #000000;
text-decoration:none;
color: #000000;border: 1px;border-style:solid; padding:5px;
cursor: crosshair;}
A.navi:link, A.navi:active, A.navi:visited {
background-color: #727272;
color: #000000;
text-align: left;
display: vertikal;
text-decoration: none;
text-transform: none;
color: #000000;border: 1px;border-style:solid; padding:5px;
line-height: 15px;
color: #000000;border: 1px;border-style:solid; padding:5px;
font-size: 11px;
}
A.navi:hover {
background-color: #727272;
color: #ffffff;
text-align: right;
display: vertikal;
text-decoration: none;
text-transform: none;
border-bottom: 1px; border-style: solid; border-color: #ffffff;
line-height: 15px;
border: 1px solid #ffffff;
font-size: 11px;
}
-->
</style>
</head>
<body background="http://www.oyla24.de/userdaten/04467221/bilder/layout_endteil.jpg" bgcolor="#ffffff" topmargin="0" leftmargin="0">
<!-- Start Design -->
<img border="0" src="http://www.oyla24.de/userdaten/04467221/bilder/Layout0.jpg" scroll="no" bgproperties="fixed"
ALIGN="left" STYLE="position: absolute; top: 0; left: 0" width="1024" height="768">
<!-- End Design -->
<!-- Start Content -->
<div style="overflow: visible; position: absolute; width: 630px; height: 220px; left: 200px; top: 260px">
<P align=center><A target=_self href=http://www.oyla24.de/cgi-bin/hpm_show.cgi?userid=04467221&page=text&id=604863631193569871><FONT face=Arial color=lightgrey size=1><EM>Wishlist</EM></FONT></A></P>
<a href=http://www.oyla24.de/cgi-bin/hpm_show.cgi?userid=04467221&page=text&id=604863631193569871> Wishlist </a> </font>
</div>
<!-- End Content -->
<!-- Start Navigation -->
<div style="overflow: visible; position: absolute; width: 800px; height: 400px; left: 85px; top: 130px">
<font face="Arial" size="2" color="#000000"><a class=navi target="_self" href="eigenes.cgi?page=text&id=48330472&userid=04467221">Willkommen</a>
<a class=navi target="_self" href="eigenes.cgi?page=text&id=775203271193513073&userid=04467221">About me</a>
<a class=navi target="_self" href="eigenes.cgi?page=text&id=670516421193570969&userid=04467221">Women</a>
<a class=navi target="_self" href="eigenes.cgi?page=text&id=993833571193570989&userid=04467221">Men</a>
<a class=navi target="_self" href="eigenes.cgi?page=kontakt&userid=04467221">Kontakt</a>
<a class=navi target="_blank" href="http://610578.guestbook.onetwomax.de">Guestbook</a>
<a class=navi target="_self" href="eigenes.cgi?page=text&id=425157881193674606&userid=04467221">Blog</a>
</font>
</div>
<!-- End Navigation -->
</body>
</html>
Hello out there!
Wenn ich diesen kompletten Code in eine Textseite einfüge, dann ist mit dem Hyperlink alles in Ordnung
Was nicht heißt, dass mit dem Code alles in Ordnung wäre:
<style type=text/css>
Fehler: Der Attributwert muss in Anführungszeichen stehen. (*) [HTML401 §3.2.2]
Du solltest deinen HTML-Code überprüfen: [http://validator.w3.org/, http://www.validome.org/]
<!--
Die Auskommentierung ist überflüssig.
scrollbar-face-color: #ffffff;
[…]
scrollbar-track-color: #ffffff;
Was immer das ist, CSS ist es nicht: solche Eigenschaften gibt es nicht.
display: vertikal;
Was immer das ist, CSS ist es nicht: solchen Wert für die 'display'-Eigenschaft gibt es nicht. Auch nicht die englische Schreibweise "vertical". [CSS2 §9.2.5]
Du solltest deinen CSS-Code überprüfen: [http://jigsaw.w3.org/css-validator/]
<body background=http://www.oyla24.de/userdaten/04467221/bilder/layout_endteil.jpg
Wieder o.g. Fehler (*)
Du solltest keine missbilligten HTML-Attribute für Darstellungsangaben nutzen; schreibe ALLE Darstellungsangaben ins Stylesheet! Das macht den Quelltext übersichtlicher.
<img border=0 src=http://www.oyla24.de/userdaten/04467221/bilder/Layout0.jpg scroll=no bgproperties=fixed ALIGN=left STYLE=position: absolute; top: 0; left: 0 width=1024 height=768>
Jetzt wird o.g. Fehler (*) besonders fatal: Die Leerzeichen trennen Attribute voneinander; 'absolute;', 'top:', '0;', 'left:', '0' hängen in der Luft.
Du solltest nicht das 'style'-Attribute für Darstellungsangaben nutzen; schreibe ALLE Darstellungsangaben ins Stylesheet! Das macht den Quelltext übersichtlicher.
<A target=_self href=http://www.oyla24.de/cgi-bin/hpm_show.cgi?userid=04467221&page=text&id=604863631193569871>
Zu o.g. Fehler (*) kommt ein weiterer hinzu: '&' leitet eine Referenz ein, eine Entität 'page' gibt es nicht. [HTML401 §B.2.2]
<FONT face=Arial color=lightgrey size=1>
Du solltest keine missbilligten HTML-Elemente für Darstellungsangaben nutzen; schreibe ALLE Darstellungsangaben ins Stylesheet! Das macht den Quelltext übersichtlicher.
So sieht der Code aus wenn ich nur die Textseite nehme, wie sie jetzt ist, also da, wo der Link nicht funktioniert.
Äh – um welchen Link ging es?
See ya up the road,
Gunnar
Seid gegrüßt!
Ein Link oder ein Auszuig des Betreffenden Codes wäre sehr hilfreich. Sonst kann man nur raten. Ich rate jetz mal: Es handelt sich nicht um einen Link sondern, um ein "JavaScript-Auslöser". Kann aber auch ganz anders sein ;)