Frage zum Layout.
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
background
beispiel
bereich
bild
datei
drumherum
foto
fragen
funktion
gen
hintergrund
hintergrundfarbe
image
inhalt
navigation
normale tabelle
quadrat
rechteck
schauen
tutorial
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Wie kann man das mit HTML machen?
Da es sich um HTML handelt, verschoben nach HTML & Javascript. -
Das ist gar nicht so schwierig.
Ersmal denken wir uns, dass die schr?gen
Bilder einfach nur Quadrate sind, mit ein
wenig schwarz drumrum und einem schiefen
Bild als Inhalt.
Zun?chst machen wir also ein solches
Quadrat, d.h. wir machen ein neues Bild,
setzen da etwas kleiner ein Foto rein,
einen Rahmeneffekt drumherum,
schreiben den Text dar?ber und verdrehen
das ganze ein wenig nach links, aber so
dass noch alles sichtbar ist. Dann f?llen
wir den Bereich drumrum - also das was ausserhalb
des Rahmens ist - mt der Hintergrundfarbe der
Seite.
Im Html kannst du dann eine normale Tabelle
f?r die Navigation erstellen:
<table>
<tr>
<td class="home">
<a href="home.html>
<img src="transparentesbild.gif">
</a>
</td>
</tr>
<tr>
<td class="seite1">
<a href="seite1.html>
<img src="transparentesbild.gif">
</a>
</td>
</tr>
</table>
Als n?chstes muss ein transparentes Gif
erstellt werden, das einfach nur dar?ber
liegt, aber keine Funktion hat, es soll
jedoch genauso gro? sein wie die Quadrate.
Dieses Bild sorgt dann daf?r, dass der
Link auch funktioniert.
Die einzelnen Bilder kannst du dann
?ber die CSS Datei als Hintergrund einbinden
.home
{
background-image: url('home.jpg');
}
.seite1
{
background-image: url('seite1.jpg');
}
usw...
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage