Abstand zwischen header und Hauptbereich
- Patrick
- 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
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
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
hab es jetzt mit den abständen hinbekommen. Jetzt wirds lustig :K .
Wie bekomme ich da jetzt so eine Navigationsleiste rein
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
- Patrick
- 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
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
hier die seite um die es geht
http://pixelshoots.oyla.de/cgi-bin/hpm_homepage.cgi
lg
- moni
- Held des Forums
- Beiträge: 8343
- Registriert: Mo 16. Nov 2009, 20:56
- Mein Vorname: Monika
- Wohnort: Borken
- Kontaktdaten:
Re: Abstand zwischen header und Hauptbereich
Patrick wenn der Peter eventuell viel zu tun hat da kann dir am Abend die leiste rein ein bauen...
Viele Grüße ...Monika
- Patrick
- 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
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.
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>
- moni
- Held des Forums
- Beiträge: 8343
- Registriert: Mo 16. Nov 2009, 20:56
- Mein Vorname: Monika
- Wohnort: Borken
- Kontaktdaten:
Re: Abstand zwischen header und Hauptbereich
Patrick wie sieht die Lage aus mit die Leiste? hast du die schon drin oder soll man nachschauen ..
Viele Grüße ...Monika
- Patrick
- 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
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
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
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
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
- thaileben
- 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
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
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
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast