Inhalt am falschen platz...

Allgemeine Fragen zu hPage

Moderator: HTML-Laie

Antworten
Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:
Kontaktdaten von Patrick

Inhalt am falschen platz...

Beitrag von Patrick »

Erstmal hallo zurück! Sorry dass ich solange nicht da war. Hatte private probleme.

Nun zu meinem Problem. Wie es die Überschrift schon sagt, ist der Inhalt der
Textseiten unter dem Hauptbereich. Ich weiß auch, dass ich schonmal dieses
Problem hatte. Hab auch schon gestöbert aber nicht wieder gefunden.

Wo ist der Fehler? Ich finde einfach nichts :E
Würde mich freuen, wenn ich hilfe bekomme.

LG
Patrick

Code: Alles auswählen

<!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">
<head>
<link rel="stylesheet" href="http://file1.npage.de/009531/67/html/format.css" type="text/css">
                                                                
<title></title>
</head>                                                               
<style type="text/css">

h1 {
h1 font-family: 'Buda', arial, serif;
font-size: 20px;
color: #FFF111;
}
                                  
h2 {
font-family: 'Buda', arial, serif;
font-size: 20px;
color: #000000;
}
                                  
a:link {font-family: 'Buda', arial, serif;color:#5C5C5C;font-size:16px;text-decoration:none}
                                  
a:visited {font-family: 'Buda', arial, serif;color:#5C5C5C;font-size:16px;text-decoration:none}
                                  
a:active {buda;color:#5C5C5C;font-size:16px;text-decoration:none}
                                  
a:hover {font-family: 'Buda', arial, serif;color:#9b1515;font-size:16px;text-decoration:none}
                                  
body {
background-image:url(http://file1.npage.de/009531/67/bilder/flower.gif);
background-repeat: repeat;
background-attachment: fixed;
background-color: #D1CCBD;
}
                                  
#aussen {
width: 900px;
margin-right: auto;
margin-left: auto;
background-color:red ;
border: 0px solid transparent;
background-image: url(http://file1.npage.de/009531/67/bilder/holz_hell.jpg);
background-attachment: fixed;
background-repeat: repeat;
background-position: center center;
}
                                  
#header {
height: 200px;
background-color:green;
background-image: url(http://www.oyla.de/userdaten/108/83843/bilder/header.jpg);
color: #CCC;
margin-top: 30px;
margin-bottom: 0px;
}
                                  
                                  /* Abstand Oben*/
                                  
#balken {
float: center;
height: 30px;
background-color: #D1CCBD;
background-image: url(http://file1.npage.de/009531/67/bilder/flower.gif);
background-attachment: fixed;
background-repeat: repeat;
background-position: center center;
}
                                  
                                  /*Ende abstand oben*/
  
                                  /*Plaz für navi oben*/
                                  
#balken2 {
float: center;
height: 34px;
padding-bottom:3px;
color: #FFF;
background-color: #D1CCBD;
background-image: url();
background-attachment: fixed;
background-repeat: repeat;
background-position: center center;
font-family: 'Buda', arial, serif;
font-size: 12px;
}
  
                                  /* Ende Balken 2*/
                                  
                                  /*navi Oben */
                                  
.menuoben {
display: block;
width: 144px;
height: 30px;
line-height: 25px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 14px;
color: #999999;
background-color: #C1BAA8;
background-image: url();
border: solid 1px #666666;
}
                                  
.menuoben:hover {
display: block;
width: 144px;
height: 30px;
line-height: 25px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 18px;
color: #000000;
background-color: silver;
background-image:  url(http://file1.npage.de/008528/63/bilder/button_gross_2.png);
border: solid 1px #000000;
margin-bottom: 0px;
}
                                  
                                  
                                  /*ende navi oben*/
                                  
                                  /*navi Liks*/
                                  
#navi {
float: left;
width: 150px;
background-color: transparent;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
font-size: 1px;
color: #676767;
margin-left: 10px;
}
                              
#menulink {
display: block;
width: 150px;
height: 30px;
line-height:25px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 16px;
color: #5C5C5C;
background-color: #C1BAA8;
background-image: url();
border: solid 1px #666666;
}
                              
#menulink:hover {
display: block;
width: 150px;
height: 30px;
line-height: 25px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 18px;
color: #000000;
background-color:silver;
background-image:  url();
border: solid 1px #000000;
}
                                  
                                  
                                  /* Inhalt*/
                                  
#main {
float: right;
width: 700px;
font-family: 'Buda', arial, serif;
color: #000000;
font-size: 16px;
background-image: url(http://);
background-repeat: no-repeat;
padding: 10px;
background-attachment: fixed;
background-position: center bottom;
border-width: thin;
}
                                  /* Abstand Untern*/
                                  
#balken4 {
float: center;
height: 40px;
background-color: #D1CCBD;
background-image: url(http://file1.npage.de/009531/67/bilder/flower.gif);
}
                                  
#footer {
width: 900px;
margin-right: auto;
margin-left: auto;
height: 60px;
font-family: 'Buda', arial, serif;
font-size: 16px;
color: #000000;
background-color: #000000;
background-image: url(http://file1.npage.de/009531/67/bilder/holz_hell.jpg);
border-top: 0px solid black;
border-right: 0px solid black;
border-bottom: 0px solid black;
border-left: 0px solid black;
}
                                  
.clear {
clear: both;
}
                              
<!--INHALT css-->                            
                                  
</style>
  
<body>
<div id="aussen">

<div id="header">
</div>
  
<div id="balken2">
<table align="center" border="0">
<tbody>
  
<tr>
<td><a class="menuoben" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=575139971302730193&userid=10883843">Start</a></td>
                                  
<td><a class="menuoben" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=963735461302995167&userid=10883843">Leer</a></td>
                                  
<td><a class="menuoben" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=963735461302995167&userid=10883843">Shop</a></td>
                                  
<td><a class="menuoben" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=guestbook&id=&userid=10883843&starteintrag=">Gästebuch</a></td>
                                  
<td><a class="menuoben" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=450316161303031896&userid=10883843">Kontakt</a></td>
                                  
<td><a class="menuoben" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=724381811302823216&userid=10883843">Impressum</a></td>
                                  
</tr>
</tbody>
</table>
</div>
  
<div id="balken">
</div>
  
<div id="navi">
  
<table width="152" align="center" border="0" cellpadding="0" cellspacing="0">
                                  
<tr><td><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=575139971302730193&userid=10883843" id="menulink">Start</a></td></tr>
                                  
<tr><td><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=433249321302980170&userid=10883843" id="menulink">Zur Person</a></td></tr>
                                  
<tr><td><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=178900341302980063&userid=10883843" id="menulink">News</a></td></tr>
                                  
<tr><td><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=351344901302821235&userid=10883843" id="menulink">Galerie</a></td></tr>
                                  
<tr><td><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=665640031301664248&userid=10883843" id="menulink">Preise</a></td></tr>
                                  
<tr><td><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=074342621302993589&userid=10883843" id="menulink">Information</a></td></tr>
                             
<tr><td><a href="#" id="menulink">Kundenfeedback</a></td></tr>
                                  
<tr><td><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=835126871302995877&userid=10883843" id="menulink">Links</a></td></tr>
                                 
</table>
</div>
  
<div id="main">
<div>
</div>

</div>
  <!-- ende Main Content-->
<br class="clear" />
  
<div id="balken4">
</div>
  </div>
  
<!-- ende aussen-->

Code: Alles auswählen

<div id="footer">
<center>
<br>
<a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=433249321302980170&userid=10883843">Dipl.-Des. Nicola Reinisch</a> | <a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=450316161303031896&userid=10883843">Kontakt</a> | <a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=724381811302823216&userid=10883843">Impressum</a>
</center>
</body>
</html>
Nach oben
Benutzeravatar
goefi-chiangmai
Admin
Admin
Beiträge: 6997
Registriert: Sa 31. Okt 2009, 09:36
Mein Vorname: Peter
Wohnort: Phrao-Chiang Mai
Kontaktdaten:
Kontaktdaten von goefi-chiangmai

Re: Inhalt am falschen platz...

Beitrag von goefi-chiangmai »

Hallo zurück, hoffe das Privat wieder alles in Ordnung ist.

Zu deinem Problem, hatten wir schon mal, Stimmt!

Auf den ersten blick, würde ich sagen die trennung ist am falschen ort, kommt nach dem öffne des DIV Container "main"


Header

Code: Alles auswählen

    <!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">
    <head>
    <link rel="stylesheet" href="http://file1.npage.de/009531/67/html/format.css" type="text/css">
                                                                   
    <title></title>
    </head>                                                               
    <style type="text/css">

    h1 {
    h1 font-family: 'Buda', arial, serif;
    font-size: 20px;
    color: #FFF111;
    }
                                     
    h2 {
    font-family: 'Buda', arial, serif;
    font-size: 20px;
    color: #000000;
    }
                                     
    a:link {font-family: 'Buda', arial, serif;color:#5C5C5C;font-size:16px;text-decoration:none}
                                     
    a:visited {font-family: 'Buda', arial, serif;color:#5C5C5C;font-size:16px;text-decoration:none}
                                     
    a:active {buda;color:#5C5C5C;font-size:16px;text-decoration:none}
                                     
    a:hover {font-family: 'Buda', arial, serif;color:#9b1515;font-size:16px;text-decoration:none}
                                     
    body {
    background-image:url(http://file1.npage.de/009531/67/bilder/flower.gif);
    background-repeat: repeat;
    background-attachment: fixed;
    background-color: #D1CCBD;
    }
                                     
    #aussen {
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    background-color:red ;
    border: 0px solid transparent;
    background-image: url(http://file1.npage.de/009531/67/bilder/holz_hell.jpg);
    background-attachment: fixed;
    background-repeat: repeat;
    background-position: center center;
    }
                                     
    #header {
    height: 200px;
    background-color:green;
    background-image: url(http://www.oyla.de/userdaten/108/83843/bilder/header.jpg);
    color: #CCC;
    margin-top: 30px;
    margin-bottom: 0px;
    }
                                     
                                      /* Abstand Oben*/
                                     
    #balken {
    float: center;
    height: 30px;
    background-color: #D1CCBD;
    background-image: url(http://file1.npage.de/009531/67/bilder/flower.gif);
    background-attachment: fixed;
    background-repeat: repeat;
    background-position: center center;
    }
                                     
                                      /*Ende abstand oben*/
     
                                      /*Plaz für navi oben*/
                                     
    #balken2 {
    float: center;
    height: 34px;
    padding-bottom:3px;
    color: #FFF;
    background-color: #D1CCBD;
    background-image: url();
    background-attachment: fixed;
    background-repeat: repeat;
    background-position: center center;
    font-family: 'Buda', arial, serif;
    font-size: 12px;
    }
     
                                      /* Ende Balken 2*/
                                     
                                      /*navi Oben */
                                     
    .menuoben {
    display: block;
    width: 144px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    font-family: 'Buda', arial, serif;
    font-size: 14px;
    color: #999999;
    background-color: #C1BAA8;
    background-image: url();
    border: solid 1px #666666;
    }
                                     
    .menuoben:hover {
    display: block;
    width: 144px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    font-family: 'Buda', arial, serif;
    font-size: 18px;
    color: #000000;
    background-color: silver;
    background-image:  url(http://file1.npage.de/008528/63/bilder/button_gross_2.png);
    border: solid 1px #000000;
    margin-bottom: 0px;
    }
                                     
                                     
                                      /*ende navi oben*/
                                     
                                      /*navi Liks*/
                                     
    #navi {
    float: left;
    width: 150px;
    background-color: transparent;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    font-size: 1px;
    color: #676767;
    margin-left: 10px;
    }
                                 
    #menulink {
    display: block;
    width: 150px;
    height: 30px;
    line-height:25px;
    text-align: center;
    text-decoration: none;
    font-family: 'Buda', arial, serif;
    font-size: 16px;
    color: #5C5C5C;
    background-color: #C1BAA8;
    background-image: url();
    border: solid 1px #666666;
    }
                                 
    #menulink:hover {
    display: block;
    width: 150px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    font-family: 'Buda', arial, serif;
    font-size: 18px;
    color: #000000;
    background-color:silver;
    background-image:  url();
    border: solid 1px #000000;
    }
                                     
                                     
                                      /* Inhalt*/
                                     
    #main {
    float: right;
    width: 700px;
    font-family: 'Buda', arial, serif;
    color: #000000;
    font-size: 16px;
    background-image: url(http://);
    background-repeat: no-repeat;
    padding: 10px;
    background-attachment: fixed;
    background-position: center bottom;
    border-width: thin;
    }
                                      /* Abstand Untern*/
                                     
    #balken4 {
    float: center;
    height: 40px;
    background-color: #D1CCBD;
    background-image: url(http://file1.npage.de/009531/67/bilder/flower.gif);
    }
                                     
    #footer {
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    height: 60px;
    font-family: 'Buda', arial, serif;
    font-size: 16px;
    color: #000000;
    background-color: #000000;
    background-image: url(http://file1.npage.de/009531/67/bilder/holz_hell.jpg);
    border-top: 0px solid black;
    border-right: 0px solid black;
    border-bottom: 0px solid black;
    border-left: 0px solid black;
    }
                                     
    .clear {
    clear: both;
    }
                                 
    <!--INHALT css-->                           
                                     
    </style>
     
    <body>
    <div id="aussen">

    <div id="header">
    </div>
     
    <div id="balken2">
    <table align="center" border="0">
    <tbody>
     
    <tr>
    <td><a class="menuoben" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=575139971302730193&userid=10883843">Start</a></td>
                                     
    <td><a class="menuoben" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=963735461302995167&userid=10883843">Leer</a></td>
                                     
    <td><a class="menuoben" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=963735461302995167&userid=10883843">Shop</a></td>
                                     
    <td><a class="menuoben" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=guestbook&id=&userid=10883843&starteintrag=">Gästebuch</a></td>
                                     
    <td><a class="menuoben" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=450316161303031896&userid=10883843">Kontakt</a></td>
                                     
    <td><a class="menuoben" href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=724381811302823216&userid=10883843">Impressum</a></td>
                                     
    </tr>
    </tbody>
    </table>
    </div>
     
    <div id="balken">
    </div>
     
    <div id="navi">
     
    <table width="152" align="center" border="0" cellpadding="0" cellspacing="0">
                                     
    <tr><td><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=575139971302730193&userid=10883843" id="menulink">Start</a></td></tr>
                                     
    <tr><td><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=433249321302980170&userid=10883843" id="menulink">Zur Person</a></td></tr>
                                     
    <tr><td><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=178900341302980063&userid=10883843" id="menulink">News</a></td></tr>
                                     
    <tr><td><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=351344901302821235&userid=10883843" id="menulink">Galerie</a></td></tr>
                                     
    <tr><td><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=665640031301664248&userid=10883843" id="menulink">Preise</a></td></tr>
                                     
    <tr><td><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=074342621302993589&userid=10883843" id="menulink">Information</a></td></tr>
                                 
    <tr><td><a href="#" id="menulink">Kundenfeedback</a></td></tr>
                                     
    <tr><td><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=835126871302995877&userid=10883843" id="menulink">Links</a></td></tr>
                                     
    </table>
    </div>
     
    <div id="main">
footer

Code: Alles auswählen

    <div>
    </div>

    </div>
      <!-- ende Main Content-->
    <br class="clear" />
     
    <div id="balken4">
    </div>
      </div>
     
    <!-- ende aussen-->

   <div id="footer">
    <center>
    <br>
    <a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=433249321302980170&userid=10883843">Dipl.-Des. Nicola Reinisch</a> | <a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=450316161303031896&userid=10883843">Kontakt</a> | <a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=724381811302823216&userid=10883843">Impressum</a>
    </center>
    </body>
    </html>
Wenn es nicht klappt, melden dan gucken wir genauer, habs jetzt nicht getestet!!
Gruß - DER CRAZY ASIAT - The MASTER of DESASTER
✬ Privat Homepage: goefi-chiangmai
✬ Mitgliederausweis: Hole Dir dein Mitgliederausweis für deine Webseite
Nach oben
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8356
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken

Re: Inhalt am falschen platz...

Beitrag von moni »

Hallo Patrick...schön dich wieder zu sehen... :X :X :X :X
Viele Grüße ...Monika
Nach oben
Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:
Kontaktdaten von Patrick

Re: Inhalt am falschen platz...

Beitrag von Patrick »

huhu moni,

ich finds auch wieder schön hier zu sein :-)

was muss ich eigentlich alles ändern, wenn ich das obige design in einen anderen account einfügen will?
Das ich die urls der textseite und bilder ändern muss ist mir schon klar. Aber wo muss ich noch drauf achten?

ich frag nur, weill ich den code jetzt mal in einen anderen account eingefügt habe und ich den inhalt der willkommensseite
nicht sehe. habt ihr eine idee?
L
GP
atrick
Nach oben
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8356
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken

Re: Inhalt am falschen platz...

Beitrag von moni »

Hallo Patrick...
schaue bei Design-Einstellungen rein ob man nicht als Start Seite die willkommen Seite zufügen muss ..so ist das auf alle fälle bei npage...weiß nicht ob bei olya auch so ist :E
sehe das Bild

Bild
Viele Grüße ...Monika
Nach oben
Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:
Kontaktdaten von Patrick

Re: Inhalt am falschen platz...

Beitrag von Patrick »

Ja danke moni,

das hat geklappt :-)

dennoch habe ich ein weiteres problem.
Der Abstand vom Header ist sehr gut und würde diesen auch gerne unterm footer haben.
wenn ich im footer "margin-bottom: 30px;" eingebe, ändert sich rein garnichts :E

hättet ihr eine idee?

desweiteren hätte ich gerne einen Rahmen um den header, um den hellen Hauptbereich und um den footer.

es geht um diese seite
http://patschwork.npage.de/

lg
Nach oben
Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:
Kontaktdaten von Patrick

Re: Inhalt am falschen platz...

Beitrag von Patrick »

ich nochmal,

das mit dem rahmen im header und footer hat geklappt. Aber im Mittelteil bekomme ich es einfach nicht hin *grummel*
Nach oben
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8356
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken

Re: Inhalt am falschen platz...

Beitrag von moni »

Hallo Patrick....Also das mit dem Abstand unter Footer da wie ich das sehe hat sich schon erledigt ??

habe mir das quelletext angeschaut....man muss zusätzlich noch die Mitte rein schaffen und das mit rammen machen...
weil wenn du nur das main mit Border machst da hast die navi links abgegrenzt ....
habe mir das kopiert und schau mir das an wegen den extra Mitte
Viele Grüße ...Monika
Nach oben
Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:
Kontaktdaten von Patrick

Re: Inhalt am falschen platz...

Beitrag von Patrick »

Huhu Moni,

ja, das mit dem unteren Abstand ist erledigt.
Im prinzip hab ich das mit den Rahmen schon verstanden. Abder dass
in der mitte macht mich wahnsinnig :LL

lg
Nach oben
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8356
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken

Re: Inhalt am falschen platz...

Beitrag von moni »

Nicht ärgern....
versuche es damit...muss eigentlich gut sein

Code: Alles auswählen

<!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">
<head>
    <title>Patrick seite</title>

   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />


    <style type="text/css">
     * {
    margin: 0;
    padding: 0;
}
   h1 {
        h1 font-family: 'Buda', arial, serif;
        font-size: 20px;
        color: #FFF111;
        }

        h2 {
        font-family: 'Buda', arial, serif;
        font-size: 20px;
        color: #000000;
        }

        a:link {font-family: 'Buda', arial, serif;color:#B19667;font-size:16px;text-decoration:none}

        a:visited {font-family: 'Buda', arial, serif;color:#B19667;font-size:16px;text-decoration:none}

        a:active {buda;color:#775121;font-size:16px;text-decoration:none}

        a:hover {font-family: 'Buda', arial, serif;color:#9b1515;font-size:16px;text-decoration:none}

  body {
        background-image:url(http://file1.npage.de/009238/11/bilder/hg_braun1.gif);
        background-repeat: repeat;
        background-attachment: fixed;
        background-position: center center;
        background-color: #D1CCBD;
        font-family: 'Buda', arial, serif;
        font-size: 16px;
        }

p {
    margin: 0 0 18px
}

#wrapper {
      width: 900px;
       margin: 0 auto;
        margin-left: auto;
        background-color:transparent;
        background-repeat: repeat;
}
/* Header
-----------------------------------------------------------------------------*/
 #header {
        height: 220px;
        background-color:transparent;
        background-image: url(http://file1.npage.de/009238/11/bilder/header_2011.gif);
        color: #CCC;
        margin-top: 30px;
        margin-bottom: 0px;
        border-width: 5px;
        border-style: solid;
        border-color: #775121;
        padding: 0px;
}
#balken {

        height: 30px;
        background-color: #D1CCBD;
        background-image: url(http://file1.npage.de/009238/11/bilder/hg_braun1.gif);
        background-repeat: repeat;

        }
#balken1 {

        height: 30px;
        background-color: #D1CCBD;
        background-image: url(http://file1.npage.de/009238/11/bilder/hg_braun1.gif);
        background-repeat: repeat;

        }
/* navi  Oben
 ---------------------------------------------------------------*/

        .menuoben {
        display: block;
        width: 144px;
        height: 30px;
        line-height: 25px;
        text-align: center;
        text-decoration: none;
        font-family: 'Buda', arial, serif;
        font-size: 14px;
        color: #999999;
        background-color: #775121;
        background-image: url();
        border: solid 1px #B19667;
        }

        .menuoben:hover {
        display: block;
        width: 144px;
        height: 30px;
        line-height: 25px;
        text-align: center;
        text-decoration: none;
        font-family: 'Buda', arial, serif;
        font-size: 14px;
        color: #775121;
        background-color: #B19667;
        background-image:  url(http://file1.npage.de/008528/63/bilder/button_gross_2.png);
        border: solid 1px #775121;
        margin-bottom: 0px;
        }
/* Navi Links
 -------------------------------------- */
#navi {
        float: left;
        width: 150px;
        background-color: transparent;
        padding-top: 10px;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-left: 0px;
        font-size: 1px;
        color: #775121;
        margin-left: 10px;
        }

        #menulink {
        display: block;
        width: 150px;
        height: 30px;
        line-height:25px;
        text-align: center;
        text-decoration: none;
        font-family: 'Buda', arial, serif;
        font-size: 14px;
        color: #B19667;
        background-color: #775121;
        background-image: url();
        border: solid 1px #B19667;
        }

        #menulink:hover {
        display: block;
        width: 150px;
        height: 30px;
        line-height: 25px;
        text-align: center;
        text-decoration: none;
        font-family: 'Buda', arial, serif;
        font-size: 14px;
        color: #775121;
        background-color: #B19667;
        background-image:  url();
        border: solid 1px #775121;
        }
/* Middle
-----------------------------------------------------------------------------*/
#middle {
    width: 100%;
    height: 1%;
    position: relative;
    border-width: 5px;
    border-style: solid;
    border-color: #775121;
    background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
    background-repeat: repeat;

}
#middle:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}
#container {
    width: 100%;
    float: left;
    overflow: hidden;


}
#content {
    padding: 0 0 0 190px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;

}


/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
    float: left;
    width: 180px;
    margin-left: -100%;
    position: relative;
    background:transparent;

}

/* Footer
-----------------------------------------------------------------------------*/

 #footer {
        width: 900px;
        height: 60px;
        font-family: 'Buda', arial, serif;
        font-size: 16px;
        color: #775121;
        background-color: transparent;
        background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
        border-width: 5px;
        border-style: solid;
        border-color: #775121;
        margin-bottom: 35px;
        padding: 0px;
        }

</style>
</head>

<body>
  <div id="wrapper">

    <div id="header">
        </div><!-- #header-->
                  <div id="balken2">
        <table align="center" border="0">
        <tbody>

        <tr>
        <td><a class="menuoben" href="http://patschwork.npage.de/willkommen_85001094.html">Start</a></td>
         <td><a class="menuoben" href="http://patschwork.npage.de/wir_sind_52795711.html">wir sind...</a></td>
          <td><a class="menuoben" href="http://patschwork.npage.de/produktübersicht_59501426.html">zum Shop</a></td>
          <td><a class="menuoben" href="http://patschwork.npage.de/guestbook.html">Gästebuch</a></td>
          <td><a class="menuoben" href="http://patschwork.npage.de/kontakt.html">Kontakt</a></td>
          <td><a class="menuoben" href="http://patschwork.npage.de/impressum_51977037.html">Impressum</a></td>
          </tr></tbody>
        </table>
        </div>
      <div id="balken">
        </div>
    <div id="middle"> <div id="container">
            <div id="content">

      <!-- Hier das Skript Teillen  -->

        </div><!-- #content-->
        </div><!-- #container-->

        <div class="sidebar" id="sideLeft">
                          <div id="navi">

        <table width="152" align="center" border="0" cellpadding="0" cellspacing="0">

        <tr><td><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">Start</a></td></tr>


        <tr><td><a href="http://patschwork.npage.de/wir_sind_52795711.html" id="menulink">wir sind...</a></td></tr>

        <tr><td><a href="http://patschwork.npage.de/produktübersicht_59501426.html" id="menulink">Zum Shop</a></td></tr>

        <tr><td><a href="http://patschwork.npage.de/referenzen_64918541.html" id="menulink">Referenzen</a></td></tr>

        <tr><td><a href="http://patschwork.npage.de/bestellen_72890014.html" id="menulink">Bestellen</a></td></tr>

        <tr><td><a href="http://patschwork.npage.de/bezahlen_1502047.html" id="menulink">Bezahlen</a></td></tr>

        <tr><td><a href="http://patschwork.npage.de/versandkosten_57824005.html" id="menulink">Versandkosten</a></td></tr>


        <tr><td><a href="http://patschwork.npage.de/wie_geht_was-_14549435.html" id="menulink">wie geht was?</a></td></tr>

        <tr><td><a href="http://patschwork.npage.de/spenden_22214824.html" id="menulink">Spenden</a></td></tr>

        <tr><td><a href="http://patschwork.npage.de/agbs_80310202.html" id="menulink">AGBs</a></td></tr>

        <tr><td><a href="http://patschwork.npage.de/linkliste.html" id="menulink">Links</a></td></tr>

        <tr><td><a href="http://patschwork.npage.de/impressum_51977037.html" id="menulink">Impressum</a></td></tr>



        </table>
        </div></div><!-- .sidebar#sideLeft -->

    </div><!-- #middle-->
            <div id="balken1">
        </div>
    <div id="footer">
        </div><!-- #footer -->

</div><!-- #wrapper -->

</body>
</html>
bei mir sieht das so aus ... http://blicke1.npage.de/patrick_style_12474132.html
wundere dich nicht ,Skript ist aber etwas anders als der alte....habe dem neu gemacht und die alte Elemente zu gefügt ..
Viele Grüße ...Monika
Nach oben
Antworten

Zurück zu „hPage - Allgemein“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 9 Gäste