Abstand zwischen header und Hauptbereich

Allgemeine Fragen zu diversen Homepagebaukästen und Webspaces

Moderatoren: HTML-Laie, Jasko

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

Re: Abstand zwischen header und Hauptbereich

Beitrag von Patrick »

die grafiken sind derzeit nur farbfelder! Grafiken kann man das ja auch nicht wirklich nennen :-).

hab es jetzt mit den abständen hinbekommen. Jetzt wirds lustig :K .
Wie bekomme ich da jetzt so eine Navigationsleiste rein :E

soll quasi so wie >>> hier <<< sein.
nur kein klappmenü. einfach nur fünf oder sechs Navielemente, die allerdings unter dem header kommen
und nicht wie bei dem link.

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

Re: Abstand zwischen header und Hauptbereich

Beitrag von Patrick »

wer kann mir denn mal bei diesem problem helfen?
hier die seite um die es geht
http://pixelshoots.oyla.de/cgi-bin/hpm_homepage.cgi
lg
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8337
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Abstand zwischen header und Hauptbereich

Beitrag von moni »

Patrick wenn der Peter eventuell viel zu tun hat da kann dir am Abend die leiste rein ein bauen...
Viele Grüße ...Monika
Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:

Re: Abstand zwischen header und Hauptbereich

Beitrag von Patrick »

huhu moni,

das wäre super!!!!! Aber bedenke, dass es sich um eine oyla seite handelt. Da wird das css nicht ausgelagert :-).

Ich poste einfach mal hier den code.

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 
 
 <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
 <meta name="robots" content="INDEX,FOLLOW">
 <meta name="keywords"content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
 
 
 <style>
 
 
 
 
 
 
 a:link {font-family:verdana;color:#000000;font-size:14px;text-decoration:none}
 
 a:visited {font-family:verdana;color:#000000;font-size:14px;text-decoration:none}
 
 a:active {font-family:verdana;color:#000000;font-size:14px;text-decoration:none}
 
 a:hover {font-family:verdana;color:#600000;font-size:14px;text-decoration:none}
 
 textarea {color:#000;font-size:12px;font-family:verdana;background-color:#FFFEED;border:solid 1px #000}
 
 
 body {
 background-color: #39C6DE;
 background-image: url(   );
 background-attachment: fixed;
 background-repeat: repeat;
 background-position: 50% 0;
 font-family:verdana;
 
 font-size:14px;
 color:#7f543d;
 }
 
 
 #aussen {
 width: 1012px;
 
 margin-right: auto;
 margin-left: auto;
 background-color: transparent;
 border: 0px;
 background-image: url(http://i53.tinypic.com/2m3pctk.jpg);
 background-attachment: fixed;
 background-repeat: repeat;
 background-position: center center;
 }
 
 
 #header {
 width: 1012px;
 background-color: transparent;
 height: 188px;
 margin-top: 20px;
 border: 2px solid #000;
 background-image: url(http://i51.tinypic.com/mtbh1d.gif);
 }
 
 
 #navi {
 float: left;
 width: 180px;
 border: 0px solid #FFFFFF;
 background-color: none;
 background-image: none;
 background-repeat: repeat-y;
 font-size: 16px;
 text-align: center;
 padding:12px;
 margin-top: 80px;
 }
 
 
 A.menulink:link, A.menulink:visited, A.menulink:active {
 display: block;
 width: 150px;
 height:35px;
 line-height:35px;
 text-align: center;
 text-decoration: none;
 font-family: verdana;
 font-size: 15px;
 color: #000000;
 background-color: none;
 background-image: url(http://i56.tinypic.com/jrr39t.gif);
 border-style: solid;
 border-width: 2px;
 border-color: #7f543d;
 }
 A.menulink:hover {
 border-style: solid;
 border-width: 2px;
 border-color: #600000;
 color: #600000;
 background-color: none;
 }
 
 A.menu:link, A.menu:visited, A.menu:active {
 display: block;
 width: 150px;
 height:25px;
 line-height:25px;
 text-align: center;
 text-decoration: none;
 font-family: verdana;
 font-size: 14px;
 color: #000000;
 background-color: transparent;
 border-style: solid;
 border-width: 0px;
 border-color: none;
 }
 
 A.menu:hover {
 border-style: solid;
 border-width: 0px;
 border-color: transparent;
 color: #600000;
 background-color: none;
 }
 
 #inhalt {
 float: left;
 width: 750px;
 background-color: none;
 color:#7f543d;
 padding:12px;
 margin-top: 65px;
 }
 
 h1 {
 color:#FF0000;
 font-family:trebuchet ms;
 font-size:24px;
 text-align:left;
 text-decoration:none;
 }
 
 h2 {
 color:#7f543d;
 font-family:trebuchet ms;
 font-size:20px;
 text-align:left;
 }
 
 
 
 #abstandoben {
 
 margin-top: 0px;
 height: 50px;
 float: center;
 background-color: #39C6DE;
 
 }
 
 
 
 
 
 
 #footer {
 float: left;
 width: 1012px;
 height: 155px;
 color:#441000;
 line-height:180px;
 font-family:Impact;
 font-size:20px;
 padding-left:20px;
 background-color: transparent;
 background-image: url(http://i51.tinypic.com/30mmm85.jpg);
 background-repeat: no-repeat;
 }
 .clear {
 clear: both;
 }
 
 
 #abstandunten {
 
 margin-top: 0px;
 height: 50px;
 float: center;
 background-color: #39C6DE;
 
 }
 
 
 
 
 
 
 
 
 </style>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </head>
 
 <body>
 <div id="aussen">
 
 <div id="header">
 </div>
 
 <div id="navi">
 <table width="180" align="right" valign="right" border="0" cellpadding="2" cellspacing="0">
 <tr><td><a href="startseite_standart_20643694.html" class="menulink">Link 1</a></td></tr>
 <tr><td><a href="http://backside.computer4um.de" target=_blank class="menulink">Link 2</a></td></tr>
 <tr><td><a href="www.denkmalerei.de" class="menulink">Link 3</a></td></tr>
 <tr><td><a href=" www.denkmalerei.de " class="menulink">Link 4</a></td></tr>
 <tr><td><a href=" www.denkmalerei.de " class="menulink">Link 5</a></td></tr>
 <tr><td><a href=" www.denkmalerei.de " class="menulink">Link 6</a></td></tr>
 <tr><td><a href=" www.denkmalerei.de " class="menulink">Link 7</a></td></tr>
 <tr><td><a href=" www.denkmalerei.de " class="menulink">Link 8</a></td></tr>
 <tr><td><a href=" www.denkmalerei.de " class="menulink">Link 9</a></td></tr>
 <tr><td><a class="menulink" target="_self" href="javascript:untermenu('4087587');">Untermenü</a><div id="4087587" style="display: none">
 <a class="menu" target="_self" href="startseite_standart_20643694.html">Home & Info</a>
 <a class="menu" target="_blank" href="http://denkmalerei.de">Denkmalerei</a></div></td></tr>
 <tr><td><a href="guestbook.html" class="menulink">Gästebuch</a></td></tr>
 </table>
 </div>
 
 
 <div id="inhalt">
 <div>
 
 %content%
 
 
 
 <!--Hier ist der komplette inhalt der seiten-->
 
 
 
 
 
 </div>
 </div>
 
 <div id="abstandoben" >
 
 
 </div>
 
 
 
 
 
 <br class="clear" />
 
 <div id="abstandunten" >
 
 
 </div>
 
 
 <div id="footer" align="center"><span style="font-size: medium"><span style="font-family: Monotype Corsiva">Webdesign by © Patrick Schöning</div>
 
 </div>
 </body>
 </html>
 
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8337
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Abstand zwischen header und Hauptbereich

Beitrag von moni »

Patrick wie sieht die Lage aus mit die Leiste? hast du die schon drin oder soll man nachschauen ..
Viele Grüße ...Monika
Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:

Re: Abstand zwischen header und Hauptbereich

Beitrag von Patrick »

Hallo zusammen,

erst mal sorry, dass ich erst jetzt wieder etwas zeit finde um hier mit wirken zu können!

Zu meinem Problem:

Ich bin gerade dabei meine seite von Oyla nach Npage zu schupsen. Leider haben sich dabei
einige Fehler eingeschlichen :-(.

1. Fehler ist ein Grauer Balken mitten auf der Seite
2. Fehler ist der Abstand zwischen Hauptbereich und footer. Der Abstand ist weg :E

Ich habe nun schon sämtliches probiert und es passiert nichts :LL

Nun hoffe ich hier wiederholt auf Eure Hilfe.
Um diese HP gehts
http://denkmalerei.npage.de/

Vielen Dank im voraus!

Lg
Patrick
Benutzeravatar
thaileben
Moderator
Moderator
Beiträge: 7772
Registriert: So 26. Sep 2010, 03:47
Mein Vorname: Jürg
Wohnort: nahe Ubon Ratchathani / Thailand
Kontaktdaten:

Re: Abstand zwischen header und Hauptbereich

Beitrag von thaileben »

War eben husch kucken zu deinem Problem kann ich nix schreiben mir gefällts sehr gut so

ausser bin zur information und da ist die Schrift sehr schwer zu lesen wenn möglich in fett schreiben und den schriftkontrast ändern

Jürg :X
Antworten

Zurück zu „Andere Homepageanbieter“

Wer ist online?

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