Problem bei Verlinkung einer Graphikdatei im Header

Hallo,

ich möchte meine beiden Graphikdateien, die unter "skyscrapertop" und "skyscraperright" hinterlegt sind, mit einem link auf eine externe URL versehen. Wenn ich den entsprechenden 'href-Befehl' vor oder nach '<img src...' positioniere, dann erstellt das Programm über der eigentlichen Webseite eine weiße Box, die ich nicht haben will. Wie muss ich denn richtig codieren?


In der Datei HEADER.PHP steht:
<div id="content_wrapper">
<div id="skyscrapertop">
<img src="###.jpg">
</div>
<div id="skyscraperright">
<img src="###.gif">
</div>
</div>

und in der STYLE.CSS steht<br>
#content wrapper {
width: 900px;
margin: 0 auto;
position: relative;
}
#skyscrapertop {
height: 0px;
width: 20px;
position: relative;
left: 1280px;
top: 0px;
border: hidden;
}
#skyscraperright {
height: 100px;
width: 500px;
position: relative;
left: 295px;
top: 0px;
border: hidden;
}

Zitat von alchymyth

es gibt die 'code-buttons' in der zweiten zeile rechts hier oben am editor; damit belict der code besser lesbar.

html-links sind eigentlich kein grosses problem:

Code

<div id="content_wrapper">
<div id="skyscrapertop">
<a href="http://linkurl"><img src="###[URL="http://www.dfs-franchise.de/wp-content/uploads/Werbung-100x900.jpg"][COLOR=#0066cc].jpg[/COLOR][/URL]"></a>
</div>
<div id="skyscraperright">
<a href="http://link2url"><img src="###[URL="http://www.dfs-franchise.de/wp-content/uploads/Werbung_500x100.gif"][COLOR=#0066cc].gif[/COLOR][/URL]"></a>
</div>
</div>

http://www.w3schools.com/HTML/html_links.asp

wenn damit was unerwartetes in der webseite passiert, waere ein link zu der seite evtl hilfreich.

Alles anzeigen

Vielen Dank, diesen Code hatte ich seinerzeit auch bereits probiert; anscheinend war aber noch jede Menge Restinformation im Cache, so dass die Boxen auf einmal auftauchten. Jetzt sind die Boxen weg und die Verlinkung funktioniert.
Jetzt hätte ich aber noch eine Frage zum STYLE.CSS:

Die Befehlszeile "border: hidden" erfüllt leider nicht ihre Funktion. Was muss ich tun, damit der Rahmen wirklich verschwindet?

Zitat von alchymyth

versuch es mit:

Code

border: none;

leider auch nicht. Weder mit IE8.0 noch mit Firefox5.0 .
Und leider auch nicht, wenn ich statt 'id' => 'class' verwende und voher im Stykesheet statt '#' einen Punkt '.' gesetzt habe.

Zitat von ocean90

Eventuell ist das der Rahmen von den Links.

Kannst es mal mit

Code

a img {
border: none;
}

versuchen.

So hab ich's in der style.css codiert:

#skyscrapertop {
height: 90px;
width: 600px;
position: relative;
left: 295px;
top: 0px;
a img {
border: none;
}
}

leider ist der Rahmen immer noch da. hab' ich Dich mit der o.g. Änderung richtig verstanden??

Hey Danke, das war die Lösung (hundert smilies )