Hallo,
mich interessiert, ob der nachfolgende Quelltext koscher ist oder ob ich eine Todsünde begangen habe.
Die Grafik als Link musste ich verwenden, da ich nicht so einfach über Suchmaschinen gefunden werden möchte. Um sie zu positionieren, habe ich sie
500x1000 Pixel groß gemacht - mit
margin und
padding zu arbeiten, funktioniert hier
IMHO wegen
position:absolute; nicht - dieses brauche ich jedoch für
z-index.
max-width:100%; verwende ich, damit diese Grafik skalierbar bleibt und bei extrem schmalen Ansichten kein weißer Bereich entsteht, so wie hier passiert:
Den Link würde ich, falls gewünscht, per PN herausrücken.
Vielen Dank im Voraus
XHTML:
HTML-Code:
<body>
<img src="footage/bg.png" alt="background" style="width:100%; height:400px; z-index:1;"/>
<a href="footage/Portfolio.pdf"><img src="footage/logo.png" alt="logo" style="z-index:2; max-width:100%;"/></a>
</body>
CSS:
HTML-Code:
*
{
margin:0px;
padding:0px;
}
body
{
background:#FFF;
}
img
{
position:absolute;
border:none;
}