Templatefrage

Beitrag von **Patrick** » Mi 30. Mär 2011, 15:54

huhu peter,

das verstehe ich nicht......
es ist eine npage-seite wo die css dateien hochgeladen werden. Habe sie mit den entsprechenden grafiken
abgeändert und hochgeladen. In der Index-datei habe ich die entsprechenden css-dateien zugeordnet. das
design ist ja scheinbar nicht das problem, da es ja funktioniert. Nur ich will ja jetzt dass die Textseiteninhalte
in dem großen bereich sichtbar sind und nicht unter dem design.

Hier mal die ganzen dateien. vielleicht findet ja jemand den Fehler. Danke im voraus!
format.css

Code: Alles auswählen



/* ====== allgemein ======  */


/* breite der gesamtkonstruktion  */
#breite {width:75%}

/* breite der linken spalte in pixel */
.breite_hauptspalte_li {width:200px;margin:0px;padding:0px}

body
{margin-top: 18px; margin-left: 0px; margin-right: 0px;margin-bottom: 30px;        background-color: #f0f0f0;
}

/* überschriften */
h2{ color:#466B8E;
margin-bottom:25px;letter-spacing:2px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
font-size: 21px;
font-variant:normal;font-weight:normal
}


/* rahmen um die seite */

.haupt {background-color:#fff;border-left:solid 1px #045944;border-right:solid 1px #045944;
border-top:solid 1px #045944;border-bottom:solid 1px #045944;
border:solid 1px #fff;
}

/* homepagename */
#name {
letter-spacing:2px;
color:#fff;
padding-left:0px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
font-size:16px;
font-variant:normal;
font-weight:normal;
}

.ecke_ob_re{
background-color:#6783b2;
color:#fff;
height:41px;
background-image:url(http://file1.npage.de/009531/67/bilder/ecke_ob_re.jpg);
background-repeat:no-repeat;
background-position:100% 0%;
border-bottom: solid 0px #fff;
}

.ecke_ob_li{
background-color:#374b6c;
color:#fff;
height:41px;
background-image:url( http://file1.npage.de/009531/67/bilder/ecke_ob_li.jpg);
background-repeat:no-repeat;
background-position:0% 0%;
border-bottom: solid 0px #fff;
}

.ecke_un_li{
background-color:#374b6c;
color:#fff;
height:41px;
background-image:url(http://file1.npage.de/009531/67/bilder/ecke_un_li.jpg);
background-repeat:no-repeat;
background-position:0% 100%;
}

.ecke_un_re{
background-color:#6783b2;
height:41px;
background-image:url(http://file1.npage.de/009531/67/bilder/ecke_un_re.jpg);
background-repeat:no-repeat;
background-position:100% 100%;
}


/* ====== menü oben und hpname ======  */



#top1a {height:41px;
background-color:#374b6c;
text-align:center;
vertical-align:middle;
padding-bottom:0px;
border-bottom: solid 1px #fff;
}

#top1b {height:41px;
background-color:#374B6C;
background-image:url(http://file1.npage.de/009531/67/bilder/fv2.jpg);
background-repeat:repeat-y;
background-position:  100% 0%;
text-align:center;
vertical-align:middle;
padding-bottom:0px;
border-bottom: solid 1px #fff;
border-left: solid 1px #fff;
}




/* ====== kopf und mittelteil ====== */


#logo {
background-color:#374b6c;
background-image:url(http://file1.npage.de/009531/67/bilder/logo2.jpg);
background-repeat:no-repeat;
background-position:50% 65%;
height:289px;
border-bottom: solid 1px #fff;
border-left: solid 1px #fff;
}



#seitentitel {
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
font-size:13px;
height:35px;
background-color:#374b6c;
color:#fff;
text-align:left;
vertical-align:middle;
padding-left:10px;
background-image:url(http://file1.npage.de/009531/67/bilder/fv2.jpg);
background-repeat:repeat-y;
background-position:  100% 0%;
border-left: solid 1px #fff;
}

.leiste {background-color:#fff;
background-image:url(http://file1.npage.de/009531/67/bilder/fv6.jpg);
background-repeat:repeat-y;
background-position:  100% 50%;
color:#7f7f7f;
text-align:center;
vertical-align:top;
text-align:center;
}


#menubox {
height:100px;
background-color:#fff;
color:#fff;
text-align:left;
vertical-align:middle;
padding-bottom:0px;
border-bottom: solid 1px #fff;
background-image:url(http://file1.npage.de/009531/67/bilder/fv4.jpg);
background-repeat:no-repeat;
background-position:  100% 100%;
}

#menubox2 {
height:200px;
background-color:#5170a2;
background-image:url(http://file1.npage.de/009531/67/bilder/fv3.jpg);
background-repeat:no-repeat;
background-position:  100% 0%;
text-align:left;
vertical-align:top;
border-bottom: solid 1px #fff;}


/* ====== boxen ======  */

h3.boxheader {color:#fff;background-color:#;
font-size: 14px;line-height: 18px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
padding-left:0px;
margin-bottom:20px;
margin-top:0px;
}


.box1{
padding-left:20px;
padding-right:20px;
padding-top:15px;
padding-bottom:15px;
font-size: 13px;line-height: 16px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
background-color:#374b6c;
color:#fff;
text-align:center;
height:150px;
border-bottom:solid 1px #fff;
background-image:url(http://file1.npage.de/009531/67/bilder/logo2.jpg);
background-repeat:repeat-x;
background-position:0% 0%;
}

.box2{
padding-left:20px;
padding-right:20px;
padding-top:15px;
padding-bottom:15px;
font-size: 16px;line-height: 30px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
background-color:#fff;
text-align:center;
color:#46698e;
background-image:url(http://file1.npage.de/009531/67/bilder/fv6.jpg);
background-repeat:repeat-y;
background-position:  100% 50%;
height:240px;
border-bottom:solid 1px #fff;
}



.boxtrenner{
padding-left:20px;
padding-right:20px;
padding-top:15px;
padding-bottom:15px;
font-size: 13px;line-height: 16px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
background-color:#374b6c;
background-image:url(http://file1.npage.de/009531/67/bilder/fv2.jpg);
background-repeat:repeat;
background-position:  50% 0%;
color:#fff;
vertical-align:top;
text-align:left;
height:10px;
border-bottom:solid 1px #fff;
}


/* ====== inhaltsbereich ====== */

#inhalt {
/* ====== 6FBFBE Hintergrundgrafik vom Inhaltsbereich
height:600px;background-image:url(http://file1.npage.de/009531/67/bilder/fv5.jpg);====== */
background-repeat:repeat-y;
background-position:  0% 0%;
background-color:#fff;
text-align:left;
vertical-align:top;
padding-top: 50px; padding-bottom: 30px;
padding-left: 30px;padding-right:30px;
letter-spacing:0px;
width:100%;
color:#466B8E;
font-size: 15px;line-height: 22px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
border-left: solid 1px #fff;
}



/* ====== fussbereich ======  */


#fuss {font-size: 15px;line-height: 20px;
color:#fff;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
text-align:center;
vertical-align:middle;
width:100%;
}


#fuss1a {font-size: 12px;height:10px;
color:#fff;
background-color:#fff;
letter-spacing:0px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
text-align:center;
vertical-align:middle;
background-image:url(http://file1.npage.de/009531/67/bilder/fv6.jpg);
background-repeat:repeat-y;
background-position:  100% 0%;

}

#fuss1b {font-size: 12px;height:0px;
color:#fff;
background-color:#fff;
letter-spacing:0px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
text-align:center;
vertical-align:middle;
background-image:url(http://file1.npage.de/009531/67/bilder/fv5.jpg);
background-repeat:repeat-y;
background-position:  0% 0%;
}


#fuss2a {height:30px;font-size: 12px;line-height: 20px;
color:#466b8e;
letter-spacing:0px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
text-align:center;
vertical-align:middle;

background-color:#fff;
border-top:solid 0px #fff;
background-color:fff;
background-image:url(http://file1.npage.de/009531/67/bilder/fv6.jpg);
background-repeat:repeat-y;
background-position:  100% 0%;
}

#fuss2b {font-size: 15px;line-height: 20px;
font-family: verdana,arial,helvetica, tahoma, sans-serif;
color:#fff;
width:100%;
background-color:#fff;

letter-spacing:-1px;
background-image:url(http://file1.npage.de/009531/67/bilder/fv5.jpg);
background-repeat:repeat-y;
background-position:  0% 0%;
}




#fuss3 {font-size: 13px;line-height: 20px;
color:#fff;
width:100%;
background-color:#374b6c;
height:40px;
background-image:url(http://file1.npage.de/009531/67/bilder/fv2.jpg);
background-repeat:repeat-y;
background-position:  100% 0%;
}

menue.css

Code: Alles auswählen

/* menue oben */

#menu1 a, #menu1 a:visited , #menu1 a:active {display: block;
color:#fff;
font-size: 13px;
font-family: tahoma,verdana,helvetica, verdana, tahoma, sans-serif;
padding-left: 10px;padding-right: 10px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
height:41px;
line-height:40px;
text-align:center;
vertical-align:middle;
background:transparent;
text-decoration:none ;
letter-spacing:1px;
text-transform:lowercase;
}

#menu1 a:hover {color:#003597; text-decoration:none ;
background:transparent;
text-decoration:none;
background-color:#fff;
background-image:url(http://file1.npage.de/009531/67/bilder/fv1.jpg);
background-repeat:repeat-x;
background-position:  50% 100%;
padding-bottom: 0px;
}

.trenn {background-color:#fff;}

/* =============================================================== */

/* menues linke seite */


#menu2{
padding-top:0px;
background:transparent;
padding-left: 0px;
padding-right: 0px;
width:202px;
height:200px;
float:left;
margin-top:30px;
margin-left:0px;
margin-right:30px;
margin-bottom:30px;
vertical-align:top;
}

#menu2 ul, #menu2 li {
list-style-type: square;
margin-left:20px;
padding: 0px;
color:#466B8E
}
#menu2 li a:link, #menu2 li a:visited, #menu2 li a:active {display:block;
border-bottom: dashed 0px #C2631D;
width:200px;
color:#466B8E;text-decoration:none;
font-size: 13px;font-family:tahoma, verdana, arial, helvetica, sans-serif;
height: 16px;
line-height: 16px;
background:transparent;
text-transform:lowercase
}

#menu2 li a:hover { background:TRANSPARENT;
color:#466B8E;
text-decoration:underline;font-style:normal;
text-transform:lowercase;
}

#menu2b{
border:solid 0px #0048CE;
padding-top:0px;
background:transparent;
padding-left: 0px;
padding-right: 0px;
width:202px;
float:left;
margin-top:30px;
margin-left:0px;
margin-right:30px;
margin-bottom:30px;
vertical-align:top;
}

#menu2b ul, #menu2b li {
list-style-type: square;
margin-left:20px;
padding: 0px;
color:#fff
}
#menu2b li a:link, #menu2b li a:visited, #menu2b li a:active {display:block;
border-bottom: dashed 0px #C2631D;
width:200px;
color:#fff;text-decoration:none;
font-size: 13px;font-family:tahoma, verdana, arial, helvetica, sans-serif;
height: 16px;
line-height: 16px;
background:transparent;
text-transform:lowercase
}

#menu2b li a:hover { background:TRANSPARENT;
color:#fff;
text-decoration:underline;font-style:normal;
text-transform:lowercase;
}








/* =============================================================== */

/* allgemeine links im text */

a:link, a:visited, a:active{
color:#466b8e;
font-size: 15px;line-height: 22px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
text-decoration:underline;}

a:hover{ text-decoration:none;background-color:#6884AC;
color:#fff;text-decoration:none;}

schatten.css

Code: Alles auswählen

/* ========== Schatten um Hauptbereich ========== */


#s1 {
background-image:url(http://file1.npage.de/009531/67/bilder/s1.jpg);
background-repeat:no-repeat;
background-position:  100% 0%;
}

#s2 {
background-image:url(http://file1.npage.de/009531/67/bilder/s2.jpg);
background-repeat:repeat-x;
background-position:  0% 0%;
}

#s3 {
background-image:url(http://file1.npage.de/009531/67/bilder/s3.jpg);
background-repeat:repeat-x;
background-position:  0% 0%;
}

#s4 {
background-image:url(http://file1.npage.de/009531/67/bilder/s4back.jpg);
background-repeat:repeat-y;
background-position:  100% 100%;
height:100%;
}



#s6 {
background-image:url(http://file1.npage.de/009531/67/bilder/s6back.jpg);
background-repeat:repeat-y;
background-position:  0% 0%;
}

#s7 {
background-image:url(http://file1.npage.de/009531/67/bilder/s7.jpg);
background-repeat:no-repeat;
background-position:  100% 0%;
}

#s8 {
background-image:url(http://file1.npage.de/009531/67/bilder/s8.jpg);
background-repeat:repeat-x;
background-position:  0% 0%;
}

#s9 {
background-image:url(http://file1.npage.de/009531/67/bilder/s9.jpg);
background-repeat:no-repeat;
background-position:  0% 0%;
}

index.html

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz" >
<title>homepage, dokument, webpage, page, web, netz, homepage dokument webpage page web netz</title>
<!-- Der nachfolgende einzeilige Copyright-Vermerk (c) ist nicht zu löschen.-->

<!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->

<!--Ein Entfernen dieses Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->


<!-- Der nachfolgende Hinweis-Vermerk darf gelöscht werden-->



<link rel="stylesheet" href="http://file1.npage.de/009531/67/html/format.css" type="text/css">
<link rel="stylesheet" href="http://file1.npage.de/009531/67/html/menue.css" type="text/css">
<link rel="stylesheet" href="http://file1.npage.de/009531/67/html/schatten.css" type="text/css">


</head>
<!--[if gte IE 5]>
 <link href="scrollbar.css" rel="stylesheet" type="text/css"/>
<![endif] -->
<body >


<table  align="center" id="breite" cellspacing="0" cellpadding="0" border="0"  >
<tr>



<td align="center" width="100%"   >



<!--schatten um die seite oben -->
<table width="100%" align="center"      border="0" cellpadding="0" cellspacing="0">
<tr>
 <td valign="top" id="s1" ><img src="http://file1.npage.de/009531/67/bilder/s1.jpg" width="50" height="50" border="0" alt=""></td>
 <td id="s2"><img src="http://file1.npage.de/009531/67/bilder/s2.jpg" width="50" height="50" border="0" alt=""></td>
 <td id="s3" ><img src="http://file1.npage.de/009531/67/bilder/s3.jpg" width="50" height="50" border="0" alt=""></td>
</tr>
<tr>
 <td valign="top" id="s4" ><img src="http://file1.npage.de/009531/67/bilder/s4.jpg" width="50" height="50" border="0" alt=""></td>
 <td  class="haupt"   width="100%">
<!--ende schatten um die seite oben -->


<table width="100%"  border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="top1a">

<table width="100%"  border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="ecke_ob_li"><img src="http://file1.npage.de/009531/67/bilder/pixelspace.gif" width="26" height="20" border="0" alt=""></td><td id="name">Denkmalerei</td>
</tr>
</table>





</td>





<td  id="top1b" ><table  align="right"    id="menu1"  border="0" cellpadding="0" cellspacing="0"    >
<tr>
<td align="center"   ><a href="index.html"  >Startseite</a></td>
  
<td  class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td>
  
<td  align="center"><a href="index.html"  >Kontakt</a></td>
  
<td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td>
  
<td  align="center"><a href="index.html"  >Bestellung</a></td>
  
<td  class="trenn"><img src="http://file1.npage.de/009531/67/bilder/pixelspace.gif" width="1" height="1" border="0" alt=""></td>
  
<td  align="center"><a href="index.html"  >Versandinformation</a></td>
  
<td  class="trenn"><img src="http://file1.npage.de/009531/67/bilder/pixelspace.gif" width="1" height="1" border="0" alt=""></td>
  
<td  align="center"><a href="index.html"  >agb's</a></td>
  
<td  class="trenn"><img src="http://file1.npage.de/009531/67/bilder/pixelspace.gif" width="1" height="1" border="0" alt=""></td>
  
<td  align="center"><a href="index.html"  >Impressum</a></td>
  
<td class="ecke_ob_re"><img src="http://file1.npage.de/009531/67/bilder/pixelspace.gif" width="26" height="20" border="0" alt=""></td>
  
</tr>
</table>
<!-- ende menü oben--></td>
</tr>



<tr>
<td valign="top" class="leiste">


<table  width="100%"     border="0" cellpadding="0" cellspacing="0">
<tr>
<td   id="menubox" >
  
<!-- menü links -->
<div id="menu2">
<ul  >
<u><b>Info</b></u>
<br>
<li><a href="index.html"  >Startseite</a></li>
<li><a href="index.html"  >news</a></li>
<li><a href="index.html"  >die künstlerin</a></li>
<li><a href="index.html"  >Kontakt</a></li>
<li><a href="index.html"  >agb's</a></li>
<li><a href="index.html"  >bestellung</a></li>
<li><a href="index.html"  >Versandinformation</a></li>
<li><a href="index.html"  >Impressum</a></li>
<li><a href="index.html"  >faq</a></li>
<li><a href="index.html"  >links</a></li>
<li><a href="index.html"  >Gästebuch</a></li>
  
</ul>
</div></td>
</tr>
<tr>
<td id="menubox2">
<!-- menü links -->
<div id="menu2b">
<ul  >
<u><b>denkmalerei</b></u>
<br>
<li><a href="index.html"  >Acryl</a></li>
<li><a href="index.html"  >Aquarell</a></li>
<li><a href="index.html"  >Farbstifte</a></li>
<li><a href="index.html"  >Kreide /Kohle</a></li>
<li><a href="index.html"  >Öl</a></li>
<li><a href="index.html"  >Pastellkreide</a></li>
<br>  
<li><a href="index.html"  >Step by Step</a></li>
<li><a href="index.html"  >verkaufte werke</a></li>
<li><a href="index.html"  >Kundenfeedback</a></li>
<!-- weitere Links
<li><a href="index.html"  >Weitere Links</a></li>
<li><a href="index.html"  >Weitere Links</a></li>
<li><a href="index.html"  >Weitere Links</a></li>
  -->
</ul>
</div>
</td>
</tr>
<tr>
<td   class="leiste" >

<!-- box1 - enthält bislang nur ein hintergrundbild -->
<div class="box1">
<h3 class="boxheader">&nbsp;</h3>
</div>
<!-- ende box1 -->

<!-- boxtrenner = kleine box einsetzbar zwischen und/oder am ende der boxen  -->
<div class="boxtrenner">
&nbsp;
</div>
<!-- ende boxtrenner -->

<!-- BOX 2-->
<div class="box2">
<h3 class="boxheader">&nbsp;</h3>
<br>
<b style="color:#8398BA;font-size:32px;font-family:georgia,serif">&#171;</b> <b>Fusce</b> zitat mi pretium ante.
<br>
Morbi<b> vitae</b> nisl at tean<br>
Felis placerat <b style="color:#8398BA;font-size:32px;font-family:georgia,serif">&#187;</b>
</div>
<!--ende BOX 2-->












<!-- =========== hier spaltenbreite für linke navigation
und boxen plus linke hälfte des fussbereich  ========== -->
<div class="breite_hauptspalte_li">&nbsp;</div>
<!-- ========= ende spaltenbreite ============-->



<!-- ende der linken hauptspalte-->
</td>
</tr>
</table>
</td>
<!-- rechte hauptspalte-->
<td  valign="top"   width="100%"   >


<table  width="100%" align="center"      border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="logo">&nbsp;</td>
</tr>
<tr>
<td id="seitentitel">&nbsp;</td>
</tr>
<tr>
 <td id="inhalt" >
 




</td>
</tr>
</table>


</td>
</tr>
</table>








<!-- fuss-->

<table width="100%"  id="fuss"    border="0" cellpadding="0" cellspacing="0" >
<tr>
<td id="fuss1a" ><!-- =========== hier spaltenbreite für linke spalte  navigation
 plus fussbereich-adresse  ========== -->
<div class="breite_hauptspalte_li">&nbsp;</div><!-- ========= ende spaltenbreite für linke spalte  navigation  plus fussbereich-adresse  ============--></td>
<td  id="fuss1b"  >&nbsp;</td>
</tr>
<tr>
<td id="fuss2a">www.denkmalerei.de</td><td  id="fuss2b" >&nbsp;</td>

</tr>
<tr>
<td  colspan="2" align="center">


<table width="100%"    border="0" cellpadding="0" cellspacing="0" >
<tr>
<td class="ecke_un_li"><img src="http://file1.npage.de/009531/67/bilder/pixelspace.gif" width="26" height="20" border="0" alt=""></td><td align="center" id="fuss3" ><b style="color:#D8E7CF">.:&nbsp;</b> Mike Muster GmbH & Co. KG - Spezialstrasse 55 - 47234 Sampletown <b style="color:#D8E7CF">&nbsp;:.</b></td><td class="ecke_un_re"><img src="http://file1.npage.de/009531/67/bilder/pixelspace.gif" width="26" height="20" border="0" alt=""></td>
</tr>
</table>
</td>
</tr>
</table>

</td>

<!-- schatten um die seite mitte und unten -->
 <td valign="top" id="s6" ><img src="http://file1.npage.de/009531/67/bilder/s6.jpg" width="50" height="50" border="0" alt=""></td>
</tr>
<tr>
 <td id="s7" ><img src="http://file1.npage.de/009531/67/bilder/s7.jpg" width="50" height="50" border="0" alt=""></td>
 <td id="s8" ><img src="http://file1.npage.de/009531/67/bilder/s8.jpg" width="50" height="50" border="0" alt=""></td>
 <td id="s9" ><img src="http://file1.npage.de/009531/67/bilder/s9.jpg" width="50" height="50" border="0" alt=""></td>
</tr>
</table>
<!--ende schatten um die seite mitte und unten -->

</td>


</tr>
</table>

Beitrag von **goefi-chiangmai** » Mi 30. Mär 2011, 16:01

Ja aber das hat ja nichts mit deiner Css datei zu tun, sondern die trennung deines Header Teil und footer teil, wie ich oben beschrieben habe.

(Du musst dir das so Vorstellen, wie eine Schachtel.
Dechel= Header
Schachtel unterteil=Footer
Inhalt= Textseiten

Wenn du das am falschen ort teilst, ist der Inhalt neben der Schachtel

Beitrag von **Patrick** » Mi 30. Mär 2011, 16:11

das würde bedeuten, ich muss die index.html trennen?

Ich habe da zwei kästen.
in den oberen habe ich die gesamte index drin und im unteren nur

</body>
</html>

Bedeutet das, dass ich jetzt einen teil vom oberen abtrennen muss und unten einfügen?

Beitrag von **Patrick** » Mi 30. Mär 2011, 16:14

na toll, jetzt stehts drüber.....*lol*

Beitrag von **goefi-chiangmai** » Mi 30. Mär 2011, 16:20

Ja dann ist klar wenn nach dem Deckel gleich die Schachtel kommt und zuletzt der Inhalt, dann liegt es unter der Schachtel

(Sorry für mein Humor, aber mit der Schachtel ist eine einfache erklärung um es zu verstehen:

Ach ich habs schnell getestet, scheinnt zu funktionieren
http://goefistestwebseite.npage.eu/patr ... 12802.html

Der HTML teil musst trennen so:

Zuerst alles im Header und footer löschen, dann das rein (siehst ja ID (Identität INHALT, dann die trennung)

Header

Code: Alles auswählen

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="robots" content="INDEX,FOLLOW">
    <meta name="keywords"
    content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
    <meta name="description"
    content="homepage, dokument, webpage, page, web, netz" >
    <title>homepage, dokument, webpage, page, web, netz, homepage dokument webpage page web netz</title>
    <!-- Der nachfolgende einzeilige Copyright-Vermerk (c) ist nicht zu löschen.-->

    <!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->

    <!--Ein Entfernen dieses Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->


    <!-- Der nachfolgende Hinweis-Vermerk darf gelöscht werden-->



    <link rel="stylesheet" href="http://file1.npage.de/009531/67/html/format.css" type="text/css">
    <link rel="stylesheet" href="http://file1.npage.de/009531/67/html/menue.css" type="text/css">
    <link rel="stylesheet" href="http://file1.npage.de/009531/67/html/schatten.css" type="text/css">


    </head>
    <!--[if gte IE 5]>
    <link href="scrollbar.css" rel="stylesheet" type="text/css"/>
    <![endif] -->
    <body >


    <table  align="center" id="breite" cellspacing="0" cellpadding="0" border="0"  >
    <tr>



    <td align="center" width="100%"   >



    <!--schatten um die seite oben -->
    <table width="100%" align="center"      border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td valign="top" id="s1" ><img src="http://file1.npage.de/009531/67/bilder/s1.jpg" width="50" height="50" border="0" alt=""></td>
    <td id="s2"><img src="http://file1.npage.de/009531/67/bilder/s2.jpg" width="50" height="50" border="0" alt=""></td>
    <td id="s3" ><img src="http://file1.npage.de/009531/67/bilder/s3.jpg" width="50" height="50" border="0" alt=""></td>
    </tr>
    <tr>
    <td valign="top" id="s4" ><img src="http://file1.npage.de/009531/67/bilder/s4.jpg" width="50" height="50" border="0" alt=""></td>
    <td  class="haupt"   width="100%">
    <!--ende schatten um die seite oben -->


    <table width="100%"  border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td id="top1a">

    <table width="100%"  border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td class="ecke_ob_li"><img src="http://file1.npage.de/009531/67/bilder/pixelspace.gif" width="26" height="20" border="0" alt=""></td><td id="name">Denkmalerei</td>
    </tr>
    </table>





    </td>





    <td  id="top1b" ><table  align="right"    id="menu1"  border="0" cellpadding="0" cellspacing="0"    >
    <tr>
    <td align="center"   ><a href="index.html"  >Startseite</a></td>
     
    <td  class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td>
     
    <td  align="center"><a href="index.html"  >Kontakt</a></td>
     
    <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td>
     
    <td  align="center"><a href="index.html"  >Bestellung</a></td>
     
    <td  class="trenn"><img src="http://file1.npage.de/009531/67/bilder/pixelspace.gif" width="1" height="1" border="0" alt=""></td>
     
    <td  align="center"><a href="index.html"  >Versandinformation</a></td>
     
    <td  class="trenn"><img src="http://file1.npage.de/009531/67/bilder/pixelspace.gif" width="1" height="1" border="0" alt=""></td>
     
    <td  align="center"><a href="index.html"  >agb's</a></td>
     
    <td  class="trenn"><img src="http://file1.npage.de/009531/67/bilder/pixelspace.gif" width="1" height="1" border="0" alt=""></td>
     
    <td  align="center"><a href="index.html"  >Impressum</a></td>
     
    <td class="ecke_ob_re"><img src="http://file1.npage.de/009531/67/bilder/pixelspace.gif" width="26" height="20" border="0" alt=""></td>
     
    </tr>
    </table>
    <!-- ende menü oben--></td>
    </tr>



    <tr>
    <td valign="top" class="leiste">


    <table  width="100%"     border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td   id="menubox" >
     
    <!-- menü links -->
    <div id="menu2">
    <ul  >
    <u><b>Info</b></u>
    <br>
    <li><a href="index.html"  >Startseite</a></li>
    <li><a href="index.html"  >news</a></li>
    <li><a href="index.html"  >die künstlerin</a></li>
    <li><a href="index.html"  >Kontakt</a></li>
    <li><a href="index.html"  >agb's</a></li>
    <li><a href="index.html"  >bestellung</a></li>
    <li><a href="index.html"  >Versandinformation</a></li>
    <li><a href="index.html"  >Impressum</a></li>
    <li><a href="index.html"  >faq</a></li>
    <li><a href="index.html"  >links</a></li>
    <li><a href="index.html"  >Gästebuch</a></li>
     
    </ul>
    </div></td>
    </tr>
    <tr>
    <td id="menubox2">
    <!-- menü links -->
    <div id="menu2b">
    <ul  >
    <u><b>denkmalerei</b></u>
    <br>
    <li><a href="index.html"  >Acryl</a></li>
    <li><a href="index.html"  >Aquarell</a></li>
    <li><a href="index.html"  >Farbstifte</a></li>
    <li><a href="index.html"  >Kreide /Kohle</a></li>
    <li><a href="index.html"  >Öl</a></li>
    <li><a href="index.html"  >Pastellkreide</a></li>
    <br> 
    <li><a href="index.html"  >Step by Step</a></li>
    <li><a href="index.html"  >verkaufte werke</a></li>
    <li><a href="index.html"  >Kundenfeedback</a></li>
    <!-- weitere Links
    <li><a href="index.html"  >Weitere Links</a></li>
    <li><a href="index.html"  >Weitere Links</a></li>
    <li><a href="index.html"  >Weitere Links</a></li>
      -->
    </ul>
    </div>
    </td>
    </tr>
    <tr>
    <td   class="leiste" >

    <!-- box1 - enthält bislang nur ein hintergrundbild -->
    <div class="box1">
    <h3 class="boxheader">&nbsp;</h3>
    </div>
    <!-- ende box1 -->

    <!-- boxtrenner = kleine box einsetzbar zwischen und/oder am ende der boxen  -->
    <div class="boxtrenner">
    &nbsp;
    </div>
    <!-- ende boxtrenner -->

    <!-- BOX 2-->
    <div class="box2">
    <h3 class="boxheader">&nbsp;</h3>
    <br>
    <b style="color:#8398BA;font-size:32px;font-family:georgia,serif">&#171;</b> <b>Fusce</b> zitat mi pretium ante.
    <br>
    Morbi<b> vitae</b> nisl at tean<br>
    Felis placerat <b style="color:#8398BA;font-size:32px;font-family:georgia,serif">&#187;</b>
    </div>
    <!--ende BOX 2-->












    <!-- =========== hier spaltenbreite für linke navigation
    und boxen plus linke hälfte des fussbereich  ========== -->
    <div class="breite_hauptspalte_li">&nbsp;</div>
    <!-- ========= ende spaltenbreite ============-->



    <!-- ende der linken hauptspalte-->
    </td>
    </tr>
    </table>
    </td>
    <!-- rechte hauptspalte-->
    <td  valign="top"   width="100%"   >


    <table  width="100%" align="center"      border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td id="logo">&nbsp;</td>
    </tr>
    <tr>
    <td id="seitentitel">&nbsp;</td>
    </tr>
    <tr>
    <td id="inhalt" >

Footer

Code: Alles auswählen


    </td>
    </tr>
    </table>


    </td>
    </tr>
    </table>








    <!-- fuss-->

    <table width="100%"  id="fuss"    border="0" cellpadding="0" cellspacing="0" >
    <tr>
    <td id="fuss1a" ><!-- =========== hier spaltenbreite für linke spalte  navigation
    plus fussbereich-adresse  ========== -->
    <div class="breite_hauptspalte_li">&nbsp;</div><!-- ========= ende spaltenbreite für linke spalte  navigation  plus fussbereich-adresse  ============--></td>
    <td  id="fuss1b"  >&nbsp;</td>
    </tr>
    <tr>
    <td id="fuss2a">www.denkmalerei.de</td><td  id="fuss2b" >&nbsp;</td>

    </tr>
    <tr>
    <td  colspan="2" align="center">


    <table width="100%"    border="0" cellpadding="0" cellspacing="0" >
    <tr>
    <td class="ecke_un_li"><img src="http://file1.npage.de/009531/67/bilder/pixelspace.gif" width="26" height="20" border="0" alt=""></td><td align="center" id="fuss3" ><b style="color:#D8E7CF">.:&nbsp;</b> Mike Muster GmbH & Co. KG - Spezialstrasse 55 - 47234 Sampletown <b style="color:#D8E7CF">&nbsp;:.</b></td><td class="ecke_un_re"><img src="http://file1.npage.de/009531/67/bilder/pixelspace.gif" width="26" height="20" border="0" alt=""></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

    </td>

    <!-- schatten um die seite mitte und unten -->
    <td valign="top" id="s6" ><img src="http://file1.npage.de/009531/67/bilder/s6.jpg" width="50" height="50" border="0" alt=""></td>
    </tr>
    <tr>
    <td id="s7" ><img src="http://file1.npage.de/009531/67/bilder/s7.jpg" width="50" height="50" border="0" alt=""></td>
    <td id="s8" ><img src="http://file1.npage.de/009531/67/bilder/s8.jpg" width="50" height="50" border="0" alt=""></td>
    <td id="s9" ><img src="http://file1.npage.de/009531/67/bilder/s9.jpg" width="50" height="50" border="0" alt=""></td>
    </tr>
    </table>
    <!--ende schatten um die seite mitte und unten -->

    </td>


    </tr>
    </table>

Beitrag von **Patrick** » Mi 30. Mär 2011, 16:28

ja super!

jetzt klappts!
Humor muss man haben, sonst würde es kein spaß machen

Ich habe folgendes auch vorher noch in den footer gepackt. Dann kanns natürlich echt nicht klappen

Code: Alles auswählen

<!-- rechte hauptspalte-->
    <td  valign="top"   width="100%"   >


    <table  width="100%" align="center"      border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td id="logo">&nbsp;</td>
    </tr>
    <tr>
    <td id="seitentitel">&nbsp;</td>
    </tr>
    <tr>
    <td id="inhalt" >

Nochmals danke peter!

Beitrag von **Patrick** » Mi 30. Mär 2011, 17:14

Kann mir einer sagen, wie ich es hinbekomme, dass die Anfangsbuchstaben in der Navigation
groß dargestellt werden? Aus irgendeinen Grund ändert sich es immer wieder in kleinbuchstaben um......

Desweiteren würde ich gerne ein Hintergrundbild einbinden. Aber es geht nicht.

vielen Dank im voraus!

lg

Beitrag von **goefi-chiangmai** » Sa 2. Apr 2011, 19:25

Das wegen der Grossbuchstaben sollte eigentlich kein problem sein, Link einfach so schreiben wie es Du dir wünscht.

Wegen Hintergrund:

In deiner CSS Datei: ......format.css

unter ID Body,

body
{margin-top: 18px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 30px;
background-color: #000000;
background-image: url(http://deinbildurl.gif);
background-repeat: repeat;
}

----------------------------------------------------------------------------------------------------------------
Ach ja, habe noch gesehen, das du als Hintergrund ein Link zu tinypic.com drinn hast, wenn Du deine 300 MB Bildspeicher Bereits voll hast, haben wir noch Npage Punkte um mehr Speicher einzulösen....einfach melden!

HomepageHelfer.org

Templatefrage

Re: Templatefrage

Re: Templatefrage

Re: Templatefrage

Re: Templatefrage

Re: Templatefrage

Re: Templatefrage

Re: Templatefrage

Re: Templatefrage

Wer ist online?