Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 28.07.2010, 15:14
Empy Empy ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.05.2008
Beiträge: 94
Empy befindet sich auf einem aufstrebenden Ast
Frage Winzige Web-Visitenkarte - so alles richtig?

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;
}
Mit Zitat antworten
Sponsored Links