• 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:
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
 
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!
 
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:
So wie auf dem Screenshot, den ich hier gerade entfernt habe siehts bei mir auch aus.
Da fehlt ja ganz eindeutig was.
 
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.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben