Hallo Leutz !
..habe als Aufgabe eine Site zu erstellen - in begrenztem Zeitraum für eine Prüfung -jetzt wollte ich die ganze Seite mit CSS aufbauen - bin aber nach kurzem, wenn ich zB über ein fixes Bild ein paar vertikale Links legen wollte, an die Grenzen meiner CSS Programmierkunst gestoßen , die zugegebener Maßen nicht von weit her sind - habe es versucht mit ineinander geschachtelten DIV Tags zu realisieren gesteuert über eine externe CSS - ist nix bei rausgekommen einmal waren die Links net zu sehen oder das ganze is unterschiedlich gefloated . Habe ich mir zuviel vorgenommen oder muss ich einfach noch etwas Muße in das Projekt investieren ? Kann man sich CSS für ein nicht allzu aufwändiges Projekt selbst beibringen - oder bedarf es doch des längeren Studiums ? Nicht allzu aufwändig - was meint er damit werdet ihr fragen - is doch ziemlich relativ - naja also über ein in Photoshop erstelltes Layout sollen über Links eine Bildergallerie, etwas Text, ev. ein paar Movies erreichbar sein und das ganze vor einem ansprechenden Hintergrund. . Es sollte also zuerst Mal ein Grundkonzept her das ich dann je Nach Seite verändere - ne Vorlage sozusagen !
Hier mein code:
..und hier noch der CSS :
Frage hab ich's überhaupt falsch angepackt oder bin ich am richtigen Weg
und muss nur noch ein wenig herumfeilen *verzweifel*?
greez wazzup
..habe als Aufgabe eine Site zu erstellen - in begrenztem Zeitraum für eine Prüfung -jetzt wollte ich die ganze Seite mit CSS aufbauen - bin aber nach kurzem, wenn ich zB über ein fixes Bild ein paar vertikale Links legen wollte, an die Grenzen meiner CSS Programmierkunst gestoßen , die zugegebener Maßen nicht von weit her sind - habe es versucht mit ineinander geschachtelten DIV Tags zu realisieren gesteuert über eine externe CSS - ist nix bei rausgekommen einmal waren die Links net zu sehen oder das ganze is unterschiedlich gefloated . Habe ich mir zuviel vorgenommen oder muss ich einfach noch etwas Muße in das Projekt investieren ? Kann man sich CSS für ein nicht allzu aufwändiges Projekt selbst beibringen - oder bedarf es doch des längeren Studiums ? Nicht allzu aufwändig - was meint er damit werdet ihr fragen - is doch ziemlich relativ - naja also über ein in Photoshop erstelltes Layout sollen über Links eine Bildergallerie, etwas Text, ev. ein paar Movies erreichbar sein und das ganze vor einem ansprechenden Hintergrund. . Es sollte also zuerst Mal ein Grundkonzept her das ich dann je Nach Seite verändere - ne Vorlage sozusagen !
Hier mein code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Töpferworkshop - Smartworks</title>
<link href="eigene.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Stil1 {color: #CCCCCC}
body {
background-image: url(images/HG%202.jpg);
}
.Stil2 {color: #000033}
-->
</style>
</head>
<body>
<div id="table">
<img src="images/VG neu br.jpg" alt="Smartworks" width="624" height="768" border ="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="24,39,604,126" href=" #home.html" />
</map>
</div>
<div id="navigation2">
<a href="#" class="Stil2">Platzhalter</a></div>
<div id="navigation1">
<table width="500">
<tr>
<td width="69"><a href="#" class="Stil1">Objekte</a></td>
<td width="89"><a href="#" class="Stil1">Workshops</a></td>
<td width="76"><a href="#" class="Stil1">Kontakt</a></td>
<td width="76"><a href="#" class="Stil1">Affiliates</a></td>
<td width="76"><a href="#" class="Stil1">BIOS</a></td>
</tr>
</table>
</div>
<div id="navigation3">
<a href="#" class="Stil2">Impressum</a>
<a href="#" class="Stil2">AGB's</a></div>
</body>
</html>
..und hier noch der CSS :
HTML:
/* CSS Document */
body{
padding: 0;
margin: 0;
}
#table{
position: absolute;
top: 10px;
left: 25%;
}
#navigation1{
font-family: "Trebuchet MS", Georgia, Times, serif;
font-size: 80%;
font-weight: normal;
color: #FFFFFF;
background-color: transparent;
position: absolute;
top: 141px;
left: 30%;
width: 500px;
}
#navigation2{
font-family: "Trebuchet MS", Georgia, Times, serif;
font-size: 80%;
font-weight: normal;
color:#FFFFFF;
background-color: transparent;
position: absolute;
top: 25px;
left: 77%;
}
#navigation3{
font-family: "Trebuchet MS", Georgia, Times, serif;
font-size: 80%;
font-weight: normal;
color:#FFFFFF;
background-color: transparent;
position: absolute;
top: 738px;
left: 30%;
width: 59px;
}
#navigation4{
font-family: "Trebuchet MS", Georgia, Times, serif;
font-size: 80%;
font-weight: normal;
color:#FFFFFF;
background-color: transparent;
position: absolute;
top: 146px;
left: 622px;
}
Frage hab ich's überhaupt falsch angepackt oder bin ich am richtigen Weg
und muss nur noch ein wenig herumfeilen *verzweifel*?
greez wazzup