Navi in den Header

Principia

Ich brech mir langsam wirklich einen ab, irgendwie funktioniert alles nicht so wie ich mir das vorstelle! ;)

Und zwar:
Ich möchte ganz gerne die Navi Leiste, die sich jetzt noch unter dem header befindet, oben in der Leiste wo sich auch der "news for weightweenies" schriftzug befindet, verschieben.

Alle Versuche entpuppten sich als Fehlschläge.

theme: northern-web-coders

die header.php

PHP

<!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 profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> 
<style type="text/css" media="screen">
@import url( <?php bloginfo('stylesheet_url'); ?> );
</style>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


<?php wp_get_archives('type=monthly&format=link'); ?>
<?php //comments_popup_script(); // off by default ?>
<?php wp_head(); ?>
</head>
<body>
<div id="wrapper">
<div id="rap">
<div id="headerimg">
<h1 id="header">[url="<?php bloginfo('url'); ?>"]<?php bloginfo('name'); ?>[/url]</h1>
<div id="navcontainer"> 
<ul id="navlist"> 
[*][url="http://www.light-bikes.de/"]News[/url]
[*][url="http://www.leichtbau-konfigurator.de/fotos"]Fotoalbum[/url]
[*][url="http://www.leichtbau-konfigurator.de/website/new/forum"]Forum[/url]
<?php wp_list_pages('sort_column=menu_order&title_li='); ?>
[/list]
</div>


<div id="content">

Alles anzeigen

die .css

Code

body
{
background: #EFEFF0 repeat-x;
background-image: url(images/bg.jpg);
font-family: Verdana;
margin: 0;
padding: 0;
text-align: center;
}


a
{
font-size: 12px;
color: #495865;
}


a:hover
{
color: #6F6F6F;
}


#wrapper { width: 800px; margin: 0 auto; background: transparent; }


#rap
{
background: #FFFFFF;
margin: 0 auto 0 auto;
width: 729px;
text-align: left;
}


h1#header
{
	background: url(images/header.jpg);
	width: 800px;
	height: 210px;
	margin: 0;
	padding: 0;
	text-align: left;
}


h1#header a
{
position: relative;
top: 142px;
left: 6px;
font-size: 24px;
background: transparent;
padding: 5px;
color: #FEF4E2;
text-decoration: none;
}


h1#header a:hover
{
position: relative;
top: 142px;
left: 6px;
font-size: 24px;
background: transparent;
padding: 5px;
color: #5F5F5F;
text-decoration: none;
}


#content
{
position: relative;
left: 20px;
float: left;
padding: 0;
width: 460px;
color: #495865;
font-size: 11px;
background: White;
text-align: justify;
}


#content h2
{
border-bottom: 1px solid #6F6F6F;
color: #5F707A;
font-size: 12px;
margin: 20px 0 5px 0;
padding: 0 0 3px 0;
text-align: justify;
width: 445px;
}


#content h2#comments a
{
color: #5F707A;
font-size: 14px;
}


#content h3 img
{
border: 0;
}


#content div.post
{
margin: 0 0 20px 0;
padding: 0;
}


#content p
{
font-size: 12px;
}


#content div.post p, #content div.post li
{
font-family: Verdana;
font-size: 12px;
line-height: 130%;
}


#content div.post div.storycontent p
{
width: 98%;
}


#content div.post div.storycontent ul, #content div.post div.storycontent ol
{
margin-left: 0;
padding-left: 0;
}


#content div.post div.storycontent li
{
margin-left: 30px;
width: 80%;
}


#content div.post div.storycontent blockquote
{
background: #fef7e9;
border: 1px solid #e6ddcb;
border-left: 2px solid #6F6F6F;
font-family: Verdana;
font-size: 11px;
margin-left: 20px;
padding: 4px 4px 4px 7px;
width: 80%;
}


#content h3
{
margin: 0 0 5px 0;
padding: 0;
}


#content h3.storytitle, #content h3.storytitle a
{
font-size: 17px;
color: #5F707A;
text-decoration: none;
font-weight: bold;
font-family: Verdana;
}


#content h3.storytitle a:hover
{
color: #495865;
text-decoration: none;
font-weight: bold;
font-family: Verdana;
}


#content div.post p
{
width: 90%;
}


#content div.post div.meta, #content div.post div.meta a
{
color: #867b64;
font-family: Verdana;
font-size: 10px;
}


#content div.post div.meta li a:hover
{
color: #686050;
}


#content div.post div.meta ul, #content div.post div.meta li
{
display: inline;
margin: 0;
padding: 0;
}




#content div.post div.feedback
{
font-size: 12px;
}


#content #commentlist
{
margin: 20px 20px 20px 23px;
padding: 0;
}


#content #commentlist li


{
margin-bottom: 10px;
}


#content #commentform input, #content #commentform textarea
{
background: #fef7e9;
border: 1px solid #6F6F6F;
font-size: 12px;
padding: 2px;
}


#content #commentform textarea
{
height: 150px;
width: 90%;
}


#content code
{
color: #800000
}


#content ul
{
display: inline;
margin: 0;
padding: 0;
list-style-type: circle;
}


#navcontainer {
padding: 0 0 5px;
}


#navcontainer {
font-size: 100%;
font-weight: bold;
}


#navlist {
margin: 0; padding: 10px 20px 0 20px; }




#navlist ul, #navlist li{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}


#navlist a:link, #navlist a:visited{
float: left;
font-size: 12px;
line-height: 14px;
font-weight: bold;
padding: 0 12px 6px 12px;
text-decoration: none;
color: #5F707A;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover{
color: #fff;
background: url(http://www.leichtbau-konfigurator.de/files/pics/arrow.gif) no-repeat bottom center;
border-bottom: none;
}


#navlist a:hover {
color: Black;
}


#menu
{
clear: right;
float: left;
position: relative;
top: 10px;
left: 50px;
margin: 0 0 10px 0;
width: 220px;
}


#menu ul
{
list-style-type: none;
margin: 10px 0;
padding: 0;
}


#menu ul li
{
color: #5F5F5F;
font-size: 11px;
margin: 0;
padding: 0;
}


#menu ul li p
{
font-size: 11px;
width: 190px;
font-weight: bold;
}


#menu ul li h2
{
border-bottom: 1px solid;
width: 190px;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 0;
}


#menu ul li ul
{
margin: 5px 0 15px 10px;
}


#menu ul li ul li
{
font-weight: normal;
margin: 0 25px 3px 0;
padding: 0;
line-height: 12px;
}


#menu ul li#winamp ul li
{
width: 190px
}


#menu ul li ul li a
{
color: #5F5F5F;
text-decoration: none;
}


#menu ul li ul li a:hover
{
font-weight: bold;
text-decoration: none
}


#searchform
{
margin: 2px 0 15px 0;
}


#searchform input
{
background: #FFFFFF;
border: 1px solid #6F6F6F;
font-size: 11px;
margin-top: 3px;
padding: 2px;
}


p.credit
{
color: #FFFFFF;
background: #5F707A;
clear: both;
font-size: 10px;
margin: 0 auto 15px auto;
padding: 13px 0 14px 0;
text-align: center;
width: 729px;
}


p.credit a
{
color: #ffffff
}

Alles anzeigen

Vielleicht findet sich hier ja jemand, der mir weiterhelfen kann!

Vielen Dank
Grüße
Michael

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Principia

okay...hat sich erledigt!
jetzt passt es! ;)

Monika

Zitat von Principia

okay...hat sich erledigt!
jetzt passt es! ;)

na so schnell entlassen wir Dich nicht!

:shock:
(neugierig gugg)
was war die Lösung?

lG
Monika

Principia

ich hab den navcontainer und die navlist kpl rausgeschmissen und alles in den h1 gepackt.

und schlanker ist die sache jetzt auch! ;)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Navi in den Header

Jetzt mitmachen!