bild ueber bildlink
- Ersteller Iquul
- Erstellt am
Sorge zunächst einmal dafür, dass die Grundstruktur deiner Seite stimmt.
Gilles
Blogger
Kann mir die Seite zwar garde nicht angucken, aber du kannst den Link ja mal mit z-index hervorheben auf eine höhere Ebene, wenn er von dem Bild bedeckt wird.
z-index: Überlappung: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
z-index: Überlappung: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Gilles
Blogger
Sicher Java? Nicht Javascript?
Wenns ein Element ist, das mit Javascript erstellt wurde, kannst du auch dort einen z-index setzen.
Man kann den z-index ja nicht nur auf div anwenden, sondern auch auf ein a element (und noch weiteren)
Kannst du den Part vielleicht mal posten, wo sich das Bild und der Link befinden?
das ist der pop up link
<script language="javascript" type="text/javascript">
<!--
var win=null;
onerror = stopError;
function stopError(){
return true;
}
function a1254236794(){
myleft=20;
mytop=20;
settings="width=1280,height=850,top=" + mytop + ",left=" + myleft + ",toolbar=no,location=no,directories=no,status =no,menubar=no,scrollbars=no,resizable=no,copyhistory=no";
win=window.open("frames.html","LostScenes",settings);
win.focus();
}
// -->
</script>
<a href="javascript:a1254236794();"><img src="bilder/enter.png" border=0>
</a></center>
</html>
<script language="javascript" type="text/javascript">
<!--
var win=null;
onerror = stopError;
function stopError(){
return true;
}
function a1254236794(){
myleft=20;
mytop=20;
settings="width=1280,height=850,top=" + mytop + ",left=" + myleft + ",toolbar=no,location=no,directories=no,status =no,menubar=no,scrollbars=no,resizable=no,copyhistory=no";
win=window.open("frames.html","LostScenes",settings);
win.focus();
}
// -->
</script>
<a href="javascript:a1254236794();"><img src="bilder/enter.png" border=0>
</a></center>
</html>
Gilles
Blogger
Die css option z-index. hab ich doch geschrieben ^^ Les dir den Link mal durch den ich gepostet habe. Es ist simpel und dauert vielleicht 2 min das abzuändern. Wenn du den Teil postest, wo das Bild und der Link vorkommen, zeige ich dir wie es aussehen sollte.
der code der anzen seite
<html>
<head>
<title>Lost Scenes</title>
<body background="bilder/indexhintergrund.jpg" style="color: white;">
</head>
</body><br>
<div style="position:absolute top:15px; left:35px;"><img src="indextv.png">
</div>
<div style="position:absolute; top:30px; left:182px;">
<img src="bilder/Lostscenes/Unbenannt-1.png">
</div>
<br><br><br><br><br><br><br><br><br><br>
<center>
<h2>Warnung</h2><br>
Die hier zur Verfügung gestellten Videoaufnahmen zeigen dokumentarisch wertvolle Ereignisse,
sowie Interviews bekannter Prominenter aus Radio und Fernsehen dar.<br>
Gedreht aus deren unter Drogen stehenden Alltags, ohne jeglichen Bezug zur Realität,
resultiert aus deren Taten ein Abbild des Grauens, welches Maßlos ist. Gewöhnliche <br>
Situationen eskallieren zur geistigen Impotenz, sowie Mord und Totschlag im Delirium.
Eingeschickt von Paparazzi, Stalkern und beängstigten Mitbürgern die ihr halbes Leben <br>
gaffend vor dem Fenster verbringen, offenbaren diese Filmausschnitte vorbildlose Situationen,
die niemals an die Öffentlichkeit gelangen sollten.<br><br>
Die Vervielfälltigung dieser Archive könnte zur strafrechtlichen Verfolgung führen.
<br>
<script language="javascript" type="text/javascript">
<!--
var win=null;
onerror = stopError;
function stopError(){
return true;
}
function a1254236794(){
myleft=20;
mytop=20;
settings="width=1280,height=850,top=" + mytop + ",left=" + myleft + ",toolbar=no,location=no,directories=no,status =no,menubar=no,scrollbars=no,resizable=no,copyhistory=no";
win=window.open("frames.html","LostScenes",settings);
win.focus();
}
// -->
</script>
<a href="javascript:a1254236794();"><img src="bilder/enter.png" border=0>
</a></center>
</html>
das bild indextv.png ist ueber dem javascript
<html>
<head>
<title>Lost Scenes</title>
<body background="bilder/indexhintergrund.jpg" style="color: white;">
</head>
</body><br>
<div style="position:absolute top:15px; left:35px;"><img src="indextv.png">
</div>
<div style="position:absolute; top:30px; left:182px;">
<img src="bilder/Lostscenes/Unbenannt-1.png">
</div>
<br><br><br><br><br><br><br><br><br><br>
<center>
<h2>Warnung</h2><br>
Die hier zur Verfügung gestellten Videoaufnahmen zeigen dokumentarisch wertvolle Ereignisse,
sowie Interviews bekannter Prominenter aus Radio und Fernsehen dar.<br>
Gedreht aus deren unter Drogen stehenden Alltags, ohne jeglichen Bezug zur Realität,
resultiert aus deren Taten ein Abbild des Grauens, welches Maßlos ist. Gewöhnliche <br>
Situationen eskallieren zur geistigen Impotenz, sowie Mord und Totschlag im Delirium.
Eingeschickt von Paparazzi, Stalkern und beängstigten Mitbürgern die ihr halbes Leben <br>
gaffend vor dem Fenster verbringen, offenbaren diese Filmausschnitte vorbildlose Situationen,
die niemals an die Öffentlichkeit gelangen sollten.<br><br>
Die Vervielfälltigung dieser Archive könnte zur strafrechtlichen Verfolgung führen.
<br>
<script language="javascript" type="text/javascript">
<!--
var win=null;
onerror = stopError;
function stopError(){
return true;
}
function a1254236794(){
myleft=20;
mytop=20;
settings="width=1280,height=850,top=" + mytop + ",left=" + myleft + ",toolbar=no,location=no,directories=no,status =no,menubar=no,scrollbars=no,resizable=no,copyhistory=no";
win=window.open("frames.html","LostScenes",settings);
win.focus();
}
// -->
</script>
<a href="javascript:a1254236794();"><img src="bilder/enter.png" border=0>
</a></center>
</html>
das bild indextv.png ist ueber dem javascript
Gilles
Blogger
Demnächst bitte innerhalb eines HTML-Forum Tag :)
[*HTML] und [*/HTML] (* entfernen damit das funktioniert)
ich mach es jetzt mal bei meinem Post und editiere den in ca 5 min
EDIT:
Ujujuj. Also erstmal um deine Frage zu beantworten:
Dein Enter Bild ist der Link. Hier mal eine vermurkste Lösung was du ändern müsstest:
Nun mal allgemein.
Die Seite ist recht vermurkst. Kann sein, dass du dort mal einige probleme mit kriegen wirst.
Von der Usability her als auch von der HTML Auszeichnung. Ebenso die Bezeichnung der Javascript-Funktionen ^^
Denn Leute, die kein Javascript aktiviert haben, haben keine Chance deine Seite zu betreten :(
Der Validator meckert auch ordentlich über die Seite
http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0
Würde dir wohl echt dazu raten die Seite unter richtigen Bedingungen nochmal zu schreiben. br werden nicht für das Design benutzt. Dazu benutzt man CSS.
[*HTML] und [*/HTML] (* entfernen damit das funktioniert)
ich mach es jetzt mal bei meinem Post und editiere den in ca 5 min
HTML:
<html>
<head>
<title>Lost Scenes</title>
<body background="bilder/indexhintergrund.jpg" style="color: white;">
</head>
</body><br>
<div style="position:absolute top:15px; left:35px;"><img src="indextv.png">
</div>
<div style="position:absolute; top:30px; left:182px;">
<img src="bilder/Lostscenes/Unbenannt-1.png">
</div>
<br><br><br><br><br><br><br><br><br><br>
<center>
<h2>Warnung</h2><br>
Die hier zur Verfügung gestellten Videoaufnahmen zeigen dokumentarisch wertvolle Ereignisse,
sowie Interviews bekannter Prominenter aus Radio und Fernsehen dar.<br>
Gedreht aus deren unter Drogen stehenden Alltags, ohne jeglichen Bezug zur Realität,
resultiert aus deren Taten ein Abbild des Grauens, welches Maßlos ist. Gewöhnliche <br>
Situationen eskallieren zur geistigen Impotenz, sowie Mord und Totschlag im Delirium.
Eingeschickt von Paparazzi, Stalkern und beängstigten Mitbürgern die ihr halbes Leben <br>
gaffend vor dem Fenster verbringen, offenbaren diese Filmausschnitte vorbildlose Situationen,
die niemals an die Öffentlichkeit gelangen sollten.<br><br>
Die Vervielfälltigung dieser Archive könnte zur strafrechtlichen Verfolgung führen.
<br>
<script language="javascript" type="text/javascript">
<!--
var win=null;
onerror = stopError;
function stopError(){
return true;
}
function a1254236794(){
myleft=20;
mytop=20;
settings="width=1280,height=850,top=" + mytop + ",left=" + myleft + ",toolbar=no,location=no,directories=no,status =no,menubar=no,scrollbars=no,resizable=no,copyhist ory=no";
win=window.open("frames.html","LostScenes",setting s);
win.focus();
}
// -->
</script>
<a href="javascript:a1254236794();"><img src="bilder/enter.png" border=0>
</a></center>
</html>EDIT:
Ujujuj. Also erstmal um deine Frage zu beantworten:
Dein Enter Bild ist der Link. Hier mal eine vermurkste Lösung was du ändern müsstest:
HTML:
<img src="bilder/enter.png" border="0" style="z-index: 10;">Nun mal allgemein.
Die Seite ist recht vermurkst. Kann sein, dass du dort mal einige probleme mit kriegen wirst.
Von der Usability her als auch von der HTML Auszeichnung. Ebenso die Bezeichnung der Javascript-Funktionen ^^
Denn Leute, die kein Javascript aktiviert haben, haben keine Chance deine Seite zu betreten :(
Der Validator meckert auch ordentlich über die Seite
http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0
Würde dir wohl echt dazu raten die Seite unter richtigen Bedingungen nochmal zu schreiben. br werden nicht für das Design benutzt. Dazu benutzt man CSS.
Zuletzt bearbeitet:
Gilles
Blogger
Hab meinen vorigen Beitrag editiert. Durch steht eine mögliche Lösung. Ob es wirklich funktioniert kann ich nicht garantieren. Wie schon vorher erwähnt. Deine Seite ist recht kaputt. Das ist als hättest du dir ein haus aus Stöckern gebaut 
Einfach so zusammen gezimmert, dass es grade passt.
Eine Website zu erstellen ist wie ein Haus bauen. Du errichtest erst das solide Grundgerüst. Baust dann dort die benötigten Elemente ein (Zimmer beim haus)uUnd Tapezieren und Streichen kommt erst ganz am Ende.
Also. Erst das HTML (Inhalt) und dann das Design :)
Einfach so zusammen gezimmert, dass es grade passt. Eine Website zu erstellen ist wie ein Haus bauen. Du errichtest erst das solide Grundgerüst. Baust dann dort die benötigten Elemente ein (Zimmer beim haus)uUnd Tapezieren und Streichen kommt erst ganz am Ende.
Also. Erst das HTML (Inhalt) und dann das Design :)
