• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

danielfrank.bplaced.net

Status
Für weitere Antworten geschlossen.
F

Franky55555

Neues Mitglied
Hi!

Ich mache grad eine Elektronik/Technik/Modellbauseite.
DanielFrank-Home

Hier der Quellcode:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>DanielFrank-Home</title>
<style type="text/css">


body {
background-image: url(http://danielfrank.bplaced.net/design/bg.png);
font-family:;
} 


#navi {
position:absolute;
top:50px;
bottom:50px;
left:50px;
width:150px;
padding:px;
border:1px solid #000000;
}


#content {
position:absolute;
left:201px;
right:50px;
top:50px;
bottom:50px;
padding:2px;
border:1px solid #000000;
background-color: #cccccc;
overflow:auto;
}



#unten {
position:absolute;
left:50px;
right:50px;
bottom:0px;
height:49px;
padding:0px;
border:0px solid #000000;
font-color:#ffffff;
}


</style>
</head>
<body>


<div id="navi">
</div>


<div id="content">



Lorem ipsum dolor........






</div>


<div id="unten">
<center><font color="#ffffff">letzte Aktualisierung: 30.7.2008<br>(c) by Daniel Frank</font></center>
</div>


</body>
</html>
In den Bereich "navi" kommt ganz oben ein Logo (100*100px groß) und darunter eine Navi mit Buttons und Hovereffekt.

Falls ihr Anregungen, Tipps, Kritik, usw. habt, dann bitte hier reinschreiben.


LG
 
Zuletzt bearbeitet:
Werbung:
Werbung:
den CSS-Code würde ich in eine extra .css-Datei auslagern.

Ansonsten wäre es schön, das ganze fertig zu sehen - mit Navigation und Header.
 
hi

ich habe ein problem:
mein code besteht nur aus html und css. der validator zeigt aber viele fehler in einem javaskript an. auf meiner hp gibts aber keins.
wieso ist das so?

lg
 
Werbung:
Ehm was soll ich da großartigen bewerten?

Ist nen grauer Textkasten und links daneben ein Copyright, was sich in den HauptText reinschiebt -.- :p

Sieht irgendwie alles unfertig aus!
 
Werbung:
ich hab die hp noch mal vom validator prüfen lassen, und auf einmal is kein javaskript mehr im quellcode. ich hab aber nix geändert. ich verstehe das nicht.

lg

edit: hier der screenshot (der hintergrund ist schlecht zu erkennen):
 
Zuletzt bearbeitet von einem Moderator:
Werbung:
So wie auf dem Screenshot, den ich hier gerade entfernt habe siehts bei mir auch aus.
Da fehlt ja ganz eindeutig was.
 
Werbung:
so, die navi is fertig, jetzt fehlt nur noch das logo (habt ihr irgendwelche anregungen?).

hier der code (ich mache erst wenn ich ganz fertig bin eine externe css-datei.):

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>DanielFrank-Home</title>
<style type="text/css">


body {
background-image: url(http://danielfrank.bplaced.net/design/bg.png);
font-family:;
} 


a:link { text-decoration:none; color: #000000;}
a:visited { text-decoration:none; color: #000000;}
a:hover { text-decoration:none; color: #000000;}
a:active { text-decoration:none; color:#000000;}


#navi {
position:absolute;
top:50px;
bottom:50px;
left:50px;
width:150px;
padding:px;
border:0px solid #000000;
line-height:1.4em;
}


#content {
position:absolute;
left:200px;
right:50px;
top:50px;
bottom:50px;
padding:2px;
border:1px solid #000000;
background-color: #cccccc;
overflow:auto;
}



#unten {
position:absolute;
left:50px;
right:50px;
bottom:0px;
height:50px;
padding:0px;
border:0px solid #000000;
color: #ffffff;
}


.button {
position:absolute;
padding:2px;
border:0px solid #000000;
background-image: url(/design/button.png);
width: 95px;
}


.button:hover {
position:absolute;
padding:2px;
border:0px solid #000000;
background-image: url(/design/button_hover.png);
}


</style>
</head>
<body>


<div id="navi">
<img src="/design/logo.png" height="100px" width="100px" alt="Logo">
<br>
<br>
<br>
<a href="index.html" class="button">&nbsp;&nbsp;<b>Home</b></a><br>
<a href="uebermich.html" class="button">&nbsp;&nbsp;<b>Über Mich</b></a><br>
<a href="projekte.html" class="button">&nbsp;&nbsp;<b>Projekte</b></a><br>
<a href="bilder.html" class="button">&nbsp;&nbsp;<b>Bilder</b></a><br>
<a href="links.html" class="button">&nbsp;&nbsp;<b>Links</b></a><br>
<a href="impressum.html" class="button">&nbsp;&nbsp;<b>Impressum</b></a><br>
</div>


<div id="content">

Lorem ipsum dolor sit amet......


</div>


<div id="unten">
letzte Aktualisierung: 30.7.2008<br>(c) by Daniel Frank
</div>


</body>
</html>
 
Also die Navi ist mir etwas zu eng lass der Beschriftung doch etwas mehr Platz! Der Inhalt ist auch schwer leserlich, mach die ganze Seite doch etwas weniger breit (max-width) und zentrier die dann.
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben