Seite 2 von 2
Re: Abstand zwischen header und Hauptbereich
Verfasst: Di 12. Apr 2011, 00:21
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
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
Re: Abstand zwischen header und Hauptbereich
Verfasst: Di 12. Apr 2011, 11:53
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
Re: Abstand zwischen header und Hauptbereich
Verfasst: Di 12. Apr 2011, 12:03
von moni
Patrick wenn der Peter eventuell viel zu tun hat da kann dir am Abend die leiste rein ein bauen...
Re: Abstand zwischen header und Hauptbereich
Verfasst: Di 12. Apr 2011, 12:43
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>
Re: Abstand zwischen header und Hauptbereich
Verfasst: Di 12. Apr 2011, 19:58
von moni
Patrick wie sieht die Lage aus mit die Leiste? hast du die schon drin oder soll man nachschauen ..
Re: Abstand zwischen header und Hauptbereich
Verfasst: Fr 3. Jun 2011, 12:53
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
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
Re: Abstand zwischen header und Hauptbereich
Verfasst: So 5. Jun 2011, 04:51
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
