sKiNDX
Lt. Junior Grade
- Registriert
- Dez. 2008
- Beiträge
- 472
hi
ich habe folgedes problem.
ich habe mir eine homepagevorlage aus dem internet heruntergeladn und diese nach meinen wünschen gestaltet. wenn ich diese jetzt aber auf den server hochladen will gehen die ganze texte wieder zurück so wie sie am anfang waren als ich die homepage gedownloaded habe.
ich bräuche wirklich sehr dringend hilfe da ich die homepage bis motag fertig bekommen muss.
hier die css bzw html befehle
css:
@charset "utf-8";
body {
margin:0px;
padding:0px;
text-align:center;
background-color:#710004;
background-image:url('img/bg-body.jpg');
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
line-height:18px;
}
h1 {
height:30px;
font-size:11px;
font-weight:bold;
color:#000;
background-image:url('img/bg-h1.jpg');
background-repeat:no-repeat;
line-height:30px;
padding:0px 0px 0px 10px;
margin:0px 0px 10px 0px;
}
h2 {
height:30px;
font-size:11px;
font-weight:bold;
color:#000;
background-image:url('img/bg-h2.jpg');
background-repeat:no-repeat;
line-height:30px;
padding:0px 0px 0px 10px;
margin:0px 0px 10px 0px;
}
ul.list {
list-style-type:disc;
color:#900;
margin:0px;
padding:0px 0px 10px 20px;
}
ul.list li span {
color:#666;
}
#wrapper {
width:920px;
margin:9px auto;
text-align:left;
}
#head {
float:left;
height:108px;
width:920px;
background-image:url('img/bg-head.jpg');
background-repeat:no-repeat;
}
#head h1 {
background:0;
font-size:24px;
font-weight:bold;
color:#740609;
margin:34px 0px 0px 30px;
float:left;
}
#head p {
float:right;
display:inline;
margin:40px 30px 0px 0px;
}
#head p a {
margin:0px 20px 0px 0px;
color:#8d141b;
font-size:10px;
text-decoration:none;
}
#head p a:hover {
margin:0px 20px 0px 0px;
color:#8d141b;
font-size:10px;
text-decoration:underline;
}
#flash {
float:left;
width:920px;
height:181px;
background-image:url('img/pano.jpg');
background-repeat:no-repeat;
}
#main {
float:left;
width:920px;
background-image:url('img/bg-main.jpg');
background-repeat:repeat-y;
}
#navi {
float:left;
width:200px;
display:inline;
margin:0px 0px 0px 10px;
}
#navi ul {
list-style-type:none;
margin:4px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
#navi ul li {
width:200px;
height:37px;
background-image:url('img/button-norm.jpg');
background-repeat:no-repeat;
line-height:37px;
}
#navi ul li:hover {
width:200px;
height:37px;
background-image:url('img/button-active.jpg');
background-repeat:no-repeat;
line-height:37px;
}
#navi ul li a {
padding-left:40px;
color:#8d141b;
font-weight:bold;
text-decoration:none;
display:block;
}
#navi ul li a:hover {
padding-left:40px;
color:#000;
font-weight:bold;
text-decoration:none;
display:block;
}
#navi ul li.active {
width:200px;
height:37px;
background-image:url('img/button-active.jpg');
background-repeat:no-repeat;
line-height:37px;
}
#navi ul li.active a, #navi ul li.active a:hover {
padding-left:40px;
color:#000;
font-weight:bold;
text-decoration:none;
display:block;
}
#content {
float:left;
width:441px;
margin:10px 20px 10px 20px;
display:inline;
}
#content img {
float:left;
margin:0px 10px 4px 0px;
}
#right {
float:left;
width:183px;
padding:10px;
display:inline;
}
#footer {
float:left;
width:920px;
height:100px;
background-image:url('img/bg-footer.jpg');
background-repeat: no-repeat;
}
#footer p {
text-align:center;
margin-top:50px;
color:#fff;
}
#footer a {
text-decoration:none;
color:#fff;
}
#footer a:hover {
text-decoration:underline;
color:#fff;
}
<div
id="right"> <h2>News</h2><br /><h2>Aktuelle
Angebote</h2>fffff<br /><br /><br /><br /></div>
html von startseite
<!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="de"><head>
<meta http-equiv="content-type"
content="text/html; charset=utf-8" /> <meta name="author"
content="Redneck" /> <meta name="keywords"
content="Redneck" /> <meta name="description"
content="Redneck" /> <meta name="robots"
content="all" /> <title>Redneck</title><style
type="text/css" media="screen">
@import "global.css";
</style></head>
<body><div id="wrapper"> <div id="head">
<h1>Pizzaria Pizza Pasta</h1></div> <div
id="flash"> <br /> </div> <div id="main">
<div id="navi"> <ul> <li class="active"><a
href="startseite.html">Home</a></li> <li><a
href="Speisekarte.html">Speisekarte</a></li> <li><a
href="Galerie.html">Galerie</a></li> <li><a
href="Anfahrt.html">Anfahrt</a></li> <li><a
href="Besonderheiten.html">Besonderheiten</a></li>
<li><a href="Impressum.html">Impressum</a></li>
<li><a href="Gastebuch.html">Gästebuch</a></li>
</ul> </div> <div id="content"> <h1>Home</h1>
<br /><big>Wir begrüßen Sie ganz herzlich auf
unsere Homepage der Pizzeria Pizza Pasta.</big>
<p style="margin-bottom: 0cm;"><big>Hier können Sie
sich Informationen
über unsere Pizzeria und unseren Speisen holen. </big></p>
<p style="margin-bottom: 0cm;"><big>Wir besitzen
eine große Terrasse für
den Sommer und einen Wintergarten für 40 Personen, außerdem
befindet sich ein Kinderspielplatz in unsere Nähe. </big></p>
<p style="margin-bottom: 0cm;"><big>Des weiteren
bieten wir Ihnen die
Möglichkeit, auch größere Anlässe in unserem Saal zu feiern,
jedoch erfahren sie darüber mehr bei den Besonderheiten.</big></p>
</div> <div id="right"> <h2>News</h2><br /><h2>Aktuelle
Angebote</h2></div> </div> <div id="footer">
<p>© Copyright 2010 Pizzaria Pizza Pasta</p> </div>
</div></body></html>
vielen dank für eure hilfe schonmal im vorraus.
ich habe folgedes problem.
ich habe mir eine homepagevorlage aus dem internet heruntergeladn und diese nach meinen wünschen gestaltet. wenn ich diese jetzt aber auf den server hochladen will gehen die ganze texte wieder zurück so wie sie am anfang waren als ich die homepage gedownloaded habe.
ich bräuche wirklich sehr dringend hilfe da ich die homepage bis motag fertig bekommen muss.
hier die css bzw html befehle
css:
@charset "utf-8";
body {
margin:0px;
padding:0px;
text-align:center;
background-color:#710004;
background-image:url('img/bg-body.jpg');
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
line-height:18px;
}
h1 {
height:30px;
font-size:11px;
font-weight:bold;
color:#000;
background-image:url('img/bg-h1.jpg');
background-repeat:no-repeat;
line-height:30px;
padding:0px 0px 0px 10px;
margin:0px 0px 10px 0px;
}
h2 {
height:30px;
font-size:11px;
font-weight:bold;
color:#000;
background-image:url('img/bg-h2.jpg');
background-repeat:no-repeat;
line-height:30px;
padding:0px 0px 0px 10px;
margin:0px 0px 10px 0px;
}
ul.list {
list-style-type:disc;
color:#900;
margin:0px;
padding:0px 0px 10px 20px;
}
ul.list li span {
color:#666;
}
#wrapper {
width:920px;
margin:9px auto;
text-align:left;
}
#head {
float:left;
height:108px;
width:920px;
background-image:url('img/bg-head.jpg');
background-repeat:no-repeat;
}
#head h1 {
background:0;
font-size:24px;
font-weight:bold;
color:#740609;
margin:34px 0px 0px 30px;
float:left;
}
#head p {
float:right;
display:inline;
margin:40px 30px 0px 0px;
}
#head p a {
margin:0px 20px 0px 0px;
color:#8d141b;
font-size:10px;
text-decoration:none;
}
#head p a:hover {
margin:0px 20px 0px 0px;
color:#8d141b;
font-size:10px;
text-decoration:underline;
}
#flash {
float:left;
width:920px;
height:181px;
background-image:url('img/pano.jpg');
background-repeat:no-repeat;
}
#main {
float:left;
width:920px;
background-image:url('img/bg-main.jpg');
background-repeat:repeat-y;
}
#navi {
float:left;
width:200px;
display:inline;
margin:0px 0px 0px 10px;
}
#navi ul {
list-style-type:none;
margin:4px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
#navi ul li {
width:200px;
height:37px;
background-image:url('img/button-norm.jpg');
background-repeat:no-repeat;
line-height:37px;
}
#navi ul li:hover {
width:200px;
height:37px;
background-image:url('img/button-active.jpg');
background-repeat:no-repeat;
line-height:37px;
}
#navi ul li a {
padding-left:40px;
color:#8d141b;
font-weight:bold;
text-decoration:none;
display:block;
}
#navi ul li a:hover {
padding-left:40px;
color:#000;
font-weight:bold;
text-decoration:none;
display:block;
}
#navi ul li.active {
width:200px;
height:37px;
background-image:url('img/button-active.jpg');
background-repeat:no-repeat;
line-height:37px;
}
#navi ul li.active a, #navi ul li.active a:hover {
padding-left:40px;
color:#000;
font-weight:bold;
text-decoration:none;
display:block;
}
#content {
float:left;
width:441px;
margin:10px 20px 10px 20px;
display:inline;
}
#content img {
float:left;
margin:0px 10px 4px 0px;
}
#right {
float:left;
width:183px;
padding:10px;
display:inline;
}
#footer {
float:left;
width:920px;
height:100px;
background-image:url('img/bg-footer.jpg');
background-repeat: no-repeat;
}
#footer p {
text-align:center;
margin-top:50px;
color:#fff;
}
#footer a {
text-decoration:none;
color:#fff;
}
#footer a:hover {
text-decoration:underline;
color:#fff;
}
<div
id="right"> <h2>News</h2><br /><h2>Aktuelle
Angebote</h2>fffff<br /><br /><br /><br /></div>
html von startseite
<!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="de"><head>
<meta http-equiv="content-type"
content="text/html; charset=utf-8" /> <meta name="author"
content="Redneck" /> <meta name="keywords"
content="Redneck" /> <meta name="description"
content="Redneck" /> <meta name="robots"
content="all" /> <title>Redneck</title><style
type="text/css" media="screen">
@import "global.css";
</style></head>
<body><div id="wrapper"> <div id="head">
<h1>Pizzaria Pizza Pasta</h1></div> <div
id="flash"> <br /> </div> <div id="main">
<div id="navi"> <ul> <li class="active"><a
href="startseite.html">Home</a></li> <li><a
href="Speisekarte.html">Speisekarte</a></li> <li><a
href="Galerie.html">Galerie</a></li> <li><a
href="Anfahrt.html">Anfahrt</a></li> <li><a
href="Besonderheiten.html">Besonderheiten</a></li>
<li><a href="Impressum.html">Impressum</a></li>
<li><a href="Gastebuch.html">Gästebuch</a></li>
</ul> </div> <div id="content"> <h1>Home</h1>
<br /><big>Wir begrüßen Sie ganz herzlich auf
unsere Homepage der Pizzeria Pizza Pasta.</big>
<p style="margin-bottom: 0cm;"><big>Hier können Sie
sich Informationen
über unsere Pizzeria und unseren Speisen holen. </big></p>
<p style="margin-bottom: 0cm;"><big>Wir besitzen
eine große Terrasse für
den Sommer und einen Wintergarten für 40 Personen, außerdem
befindet sich ein Kinderspielplatz in unsere Nähe. </big></p>
<p style="margin-bottom: 0cm;"><big>Des weiteren
bieten wir Ihnen die
Möglichkeit, auch größere Anlässe in unserem Saal zu feiern,
jedoch erfahren sie darüber mehr bei den Besonderheiten.</big></p>
</div> <div id="right"> <h2>News</h2><br /><h2>Aktuelle
Angebote</h2></div> </div> <div id="footer">
<p>© Copyright 2010 Pizzaria Pizza Pasta</p> </div>
</div></body></html>
vielen dank für eure hilfe schonmal im vorraus.