Big-Havanna
Neues Mitglied
Hallo.
Ich möchte für die Bäckerei meines Vaters gern eine Homepage erstellen.
Sie soll optisch ansprechend sein aber in den Grundzügen reicht ein recht simpler Aufbau.
Ich habe nun eine Probeseite fertig und wollte diese gern von euch unter die Lupe nehmen lassen. Da ich nicht genau weiß, ob ich diesen Boxmodellbug richtig eleminiert habe.... Aber da stoße ich an ein Problem.
Habe mir kostenlosen Webspace bei ,,MultiMania'' geholt und habe versucht meine Dateien via dem integrierten Webupload, hochzuladen. Hat auch super geklappt aber nun wird die Page nicht mehr von Firefox angezeigt, obwohl sie im Offlinemodus wunderbar funzte.
Kommt MultiMania nicht mit css zurecht oder hab ich da irgendwo nen Fehler drin?
Da ich ja leider euch die Page nicht im Web präsentieren kann, schreib ich hier mal den code:
Homepage:
Css:
Wäre euch für Ratschläge sehr dankbar.
Danke, dass ihr euch die Zeit genommen habt, diesen Beitrag zu lesen!
Ich möchte für die Bäckerei meines Vaters gern eine Homepage erstellen.
Sie soll optisch ansprechend sein aber in den Grundzügen reicht ein recht simpler Aufbau.
Ich habe nun eine Probeseite fertig und wollte diese gern von euch unter die Lupe nehmen lassen. Da ich nicht genau weiß, ob ich diesen Boxmodellbug richtig eleminiert habe.... Aber da stoße ich an ein Problem.
Habe mir kostenlosen Webspace bei ,,MultiMania'' geholt und habe versucht meine Dateien via dem integrierten Webupload, hochzuladen. Hat auch super geklappt aber nun wird die Page nicht mehr von Firefox angezeigt, obwohl sie im Offlinemodus wunderbar funzte.
Kommt MultiMania nicht mit css zurecht oder hab ich da irgendwo nen Fehler drin?
Da ich ja leider euch die Page nicht im Web präsentieren kann, schreib ich hier mal den code:
Homepage:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Them's Backstube</title>
<link type="text/css" rel="stylesheet" href="style1.css" />
</head>
<body>
<!-- Beginn Page -->
<div id="box">
<!-- Beginn Logo -->
<div id="logo">
</div>
<!-- Beginn Banner -->
<div id="banner">
</div>
<!-- Beginn Navigation Oben -->
<div id="navoben">
<a href="them_backstube.html"><strong>Startseite</strong></a> /
<a href="them_ueberuns.html"><strong>Über Uns</strong></a> /
<a href="them_historie.html"><strong>Historie</strong></a> /
<a href="them_galerie.html"><strong>Galerie</strong></a> /
<a href="them_auszeichnungen.html"><strong>Auszeichnungen</strong></a> /
<a href="them_produkte.html"><strong>Produkte</strong></a> /
</div>
<!-- Beginn inke Box -->
<div id="linkebox">
<ul>
<li> <a href="them_hochzeitstorten.html"><em>Hochzeitstorten</em></a></li>
<li> <a href="them_geburtstagstorten.html"><em>Geburtstagstorten</em></a></li>
<li> <a href="them_fototorten.html"><em>Fototorten</em></a></li>
<li> <a href="them_besonderes.html"><em>Sonderanfertigungen</em></a></li>
<li> <a href="them_klassisch.html"><em>klassische Torten</em></a></li>
</ul>
<!-- Beginn Infobox -->
<div id="infobox">
<center>
Öffnungszeiten:
<hr>
</center>
Neustädter Damm
<center>x-x</center>
Steinstraße
<center>x-x</center>
</div>
</div>
<!-- Beginn Textfeld -->
<div id="text">
<p>
Herrzlich wilkommen auf der Internetseite ihres Prenzlauer Stadtbäckers.
</p>
</div>
</div>
</body>
</html>
Code:
body {
background-color:#B31515;
}
#box {
width: 830px;
min-height: 500px;
background-color:#B31515;
border-width:8px;
border-style:solid;
border-color:#F6BD4C;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
color:black;
background-image:url(balken.gif);
}
#logo {
width: 170px;
min-height: 120px;
background-color:#B31515;
float: left;
border-top-width:0px;
border-left-width:0px;
border-right-width:8px;
border-bottom-width:8px;
border-style:solid;
border-color:#F6BD4C;
color:black;
background-image:url(logo9.gif);
}
#banner {
width: 652px;
min-height: 85px;
background-color:#B31515;
float: left;
margin-left: auto;
margin-right: auto;
color:black;
background-image:url(banner1.gif);
}
#navoben {
width: 652px;
min-height: 27px;
background-color:#F6BD4C;
float: left;
padding-top:8px;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:8px;
border-style:solid;
border-color:#F6BD4C;
margin-left: auto;
margin-right: auto;
color:#B31515;
}
#linkebox {
width: 170px;
min-height: 50px;
background-color:#B31515;
float: left;
margin-left: auto;
margin-right: auto;
color:black;
}
#infobox {
width: 170px;
min-height: 120px;
background-color:#F6BD4C;
border-top-width:8px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:0px;
border-style:solid;
border-color:#F6BD4C;
margin-left: auto;
margin-right: auto;
color:#B31515;
background-image:url(back2.jpg);
}
#navlinks {
width: 170px;
background-color:#962057;
margin-left: auto;
margin-right: auto;
color:black;
background-image:url(back2.jpg);
}
#text {
width: 652px;
min-height: 300px;
background-color:#FFFFFF;
float: left;
border-top-width:0px;
border-left-width:8px;
border-right-width:0px;
border-bottom-width:0px;
border-style:solid;
border-color:#F6BD4C;
margin-left: auto;
margin-right: auto;
color:black;
background-image:url(back2.jpg);
}
#infobox hr {
width:140px;
height:2px;
color:#F6BD4C;
}
#navoben a:link {
color: #B31515;
text-decoration:none;
}
#navoben a:visited {
color: #B31515;
text-decoration:none;
}
#navoben a:hover {
text-decoration:none;
background-color:#FFFFFF;
}
#linkebox a:link {
color: #F6BD4C;
text-decoration:none;
}
#linkebox a:visited {
color: #F6BD4C;
text-decoration:none;
}
#linkebox a:hover {
text-decoration:none;
background-color:#FFFFFF;
}
#linkebox li {
border-bottom:1px solid #F6BD4C;
line-height: 2em;
}
#linkebox ul {
padding-left:20px;
}
Wäre euch für Ratschläge sehr dankbar.
Danke, dass ihr euch die Zeit genommen habt, diesen Beitrag zu lesen!