Hintergrundfarbe Vertikale Navigation

Hier bekommst Du deutschsprachigen Support. Keine Fehlermeldungen oder Erweiterungswünsche bitte!
User avatar
kleiner_Punkt
Posts: 114
Joined: Thu 21. Feb 2008, 10:47

Hintergrundfarbe Vertikale Navigation

Post by kleiner_Punkt »

Hi alle!

Ich brauche bitte eure Hilfe, wahrscheinlich seh ich die Farbe vor lauter css nicht mehr.

Folgendes Problem
Vertikale Navigation mit {NAV_LIST_UL:F,[ID],,act_path,active}
Struktur
+Home1
+ + deutsch
+ + Home2
+ + Kreise
+ + + grüne Kreise
+ + + blaue Kreise
+ + + gelbe Kreise
+ + Sterne
+ + + lila Sterne
+ + + rote Sterne
+ + + weiße Sterne

Hintergründe standardmäßig grau
Wenn ich jetzt Home2 anklicke, wird bei Home2 der Hintergrund blau ... so soll es sein,
wenn ich jetzt Kreise oder Sterne anklicke, werden dei Hintergründe auch blau (soweit wunderbar)

... ABER
die Hintergründe der jeweiligen Unterpunkte (die ja dann aufgehen) sind dann ebenfalls blau ... die sollen aber grau sein/bleiben :(

Wenn ich einen Unterpunkt (z.B. grüne Kreise) anwähle, dann bleibt dieser blau (soll er ja auch, weil er jetzt aktiv ist) die anderen Unterpunkte sind grau (auch wie gewollt) und der ParentPunkt "Kreise" wird grün ... auch das soll er.

... wahrscheinlich gibt es hier im Fourm die Lösung ... ich habe ehrlich auch schon gesucht, aber irgendwo steh ich auf dem Schlauch ...
... kann mir bitte jemand einen Schubs geben?

Code: Select all

/*================================================================
   CSS for an vertical menu
   <div class="nlu_navi07_1">{ NAV_LIST_UL:F,0,,,active }</div>
   Level 0 - 3; 
   07.10.06 flip-flop (KH)
   31.01.07 flip-flop (KH)  "white-space" bug solved
   using e.g.   \width: 245px;  and  widt\h: 195px;  
   in every  ul li a
..................................................................*/
   
.nlu_navi3 {
	margin: 0 0 0 40px; /* Rand = 40px abzüglich 20px einrücken*/
	padding: 0px 0px 40px 0px;  /* padding over all //  Innerer Geesamtabstand */
	text-decoration: none;
	/* ++ e.g. 11px font and 19px height // z.B. 11px font und 19px hoch */
	font: normal normal normal 14px/24px Arial, Verdana, Geneva, Helvetica, sans-serif;

	width: 230px; /* ++ Width of Menu Items // Breite der Navigation */
/*	float:left; */
}

.nlu_navi3 ul {
   margin: 0;
   padding: 0 0 0 0px;
   border: 0;
   list-style: none;
   width: 230px;  /* Width of Menu Items */
}


.navi_120, navi_120 ul { 	width: 120px; /* ++ Width of Menu Items // Breite der Navigation */ }
.navi_145, navi_145 ul { 	width: 145px; /* ++ Width of Menu Items // Breite der Navigation */ }
.navi_130, navi_130 ul { 	width: 130px; /* ++ Width of Menu Items // Breite der Navigation */ }
.navi_100, navi_100 ul { 	width: 99px; /* ++ Width of Menu Items // Breite der Navigation */ }

.nlu_navi3 em { font-style: normal; }

.nlu_navi3 li { margin: 0 0 0 0px; padding: 0 0 0 0px; } /* Level/Sub-Level gap for bottom */

.nlu_navi3 ul li { position: relative; }

/* ==== Styles for Menu Items =================================== */

/* ==== LEVEL X ================================================= */

/* ====  simple link <a> // einfacher Link <a> ==== */ 
.nlu_navi3 ul li a,
.nlu_navi3 ul li a:link, 
.nlu_navi3 ul li a:visited,
.nlu_navi3 ul li a:active {
   display: block;
   text-decoration: none;
   text-transform: none;
   color: #006757;  /* ++ Text color // Textfarbe */

   /* ++ background color; url of the image; image adjust e.g. left gap 10px */
   /* ++ Hintergrundfarbe; URL der Grafik  ; Grafik einrücken z.B. 10px */ 
   background: #eaeaea url(../img/kunde/navi/nav01.gif) 0px 0px no-repeat;

   /* ++ bottom line if you want */
   /* ++ Untere Linie wenn gewünscht */ 
   border-bottom: 1px solid #ffffff; /* IE6 Bug   ++ horiz. line between  */
   
   /* ++ Text adjust e.g. upper gap and left gap 25px */
   /* ++ Text justieren 1px oben und 25px von links */
   padding: 3px 0 3px 10px;         /* Text adjust */ 

   /* ++ Den "white-space" Fehler im IE7 vermeiden */
   /* ++ Killing the "white-space" bug in IE7 */   
   width: 230px;  /* IE5x Opera <= 5 */
   widt\h: 220px;  /* = (Width of Mebu Items) - (padding-right + left) */ 
}


.navi_120 ul li a, .navi_120 ul li a:link, .navi_120 ul li a:visited, .navi_120 ul li a:active {
   \width: 120px;  /* IE5x Opera <= 5 */
   widt\h: 110px;  /* = (Width of Mebu Items) - (padding-right + left) */ 
}
.navi_145 ul li a, .navi_145 ul li a:link, .navi_145 ul li a:visited, .navi_145 ul li a:active {
   \width: 145px;  /* IE5x Opera <= 5 */
   widt\h: 135px;  /* = (Width of Mebu Items) - (padding-right + left) */ 
}
.navi_130 ul li a, .navi_130 ul li a:link, .navi_130 ul li a:visited, .navi_130 ul li a:active {
   \width: 130px;  /* IE5x Opera <= 5 */
   widt\h: 120px;  /* = (Width of Mebu Items) - (padding-right + left) */ 
}
.navi_100 ul li a, .navi_100 ul li a:link, .navi_100 ul li a:visited, .navi_100 ul li a:active {
   \width: 100px;  /* IE5x Opera <= 5 */
   widt\h: 90px;  /* = (Width of Mebu Items) - (padding-right + left) */ 
}



/* ====  active link <a> // aktiver Link <a> ==== */ 
.nlu_navi3 ul li.active a,
.nlu_navi3 ul li.active a:link,
.nlu_navi3 ul li.active a:visited,
.nlu_navi3 ul li.active a:active {
   color: #ffffff; /* #DD3C3C;       /* ++ Text color // Textfarbe */
   font-weight: normal;  /* ++ Bold if you want // Fett wenn gewünscht */
	background-color: #026288; /*url(../img/article/square.gif) 0px 0px no-repeat; */  
}

.nlu_navi3 ul li.act_path a { 
	color: #ffffff; /* #DD3C3C; /* #DD3C3C; */ 
	text-decoration: none; /* underline;*/
	background: #007660 url(../img/kunde/navi/nav01_active.gif) 0px 0px no-repeat;
	width: 220px;

}



/* ====  hover link <a> // Maus über Link <a> ==== */
.nlu_navi3 ul li a:hover {
   color:  #026288; /* #C9222E; */ 
/*   text-decoration: underline; */
	background: #ffffff url(../../img/article/square.gif) 0px 0px no-repeat; 
}
.nlu_navi3 ul li.active a:hover { color: #ffffff; /* #FF7200; */ }



/* ====  Parent Link <a> //  Only for the parent link <a> ==== */
.nlu_navi3 ul li.sub_parent a, 
.nlu_navi3 ul li.sub_parent a:link, 
.nlu_navi3 ul li.sub_parent a:visited {


	text-decoration: none;
	color: #006757; 
	font-size: 14px;
	font-weight: normal;
	padding: 0 0 0 0px;
	margin: 0;
	background: url(../../img/leer.gif) 0px 0px no-repeat; 
}

.nlu_navi3 ul li.sub_parent.act_path a { 
	color: #026288; /* #DD3C3C; /* #DD3C3C; */ 
	text-decoration: none; /* underline;*/
	background: url(../../img/leer.gif) 0px 0px no-repeat;
}
.nlu_navi3 ul li.sub_parent.act_path.active a { 
	text-decoration: none;
	color: #006757; /* #234896; */ 
	background: url(../../img/article/square.gif) 0px 0px no-repeat;
}
.nlu_navi3 ul li.sub_parent a:hover, 
.nlu_navi3 ul li.sub_parent.act_path.active a:hover { color: #026288; }




/* ==== LEVEL X + 1 ================================================= */

/* ====  simple link <a> // einfacher Link <a> ==== */ 
.nlu_navi3 ul ul li a,
.nlu_navi3 ul ul li a:link, 
.nlu_navi3 ul ul li a:visited,
.nlu_navi3 ul ul li a:active {
   display: block;
   text-decoration: none;
   text-transform: none;
   color: #006757;  /* ++ Text color // Textfarbe */

   /* ++ background color; url of the image; image adjust e.g. left gap 10px */
   /* ++ Hintergrundfarbe; URL der Grafik  ; Grafik einrücken z.B. 10px */ 
   background: #eaeaea url(../img/kunde/navi/nav01.gif) 0px 0px no-repeat;

   /* ++ bottom line if you want */
   /* ++ Untere Linie wenn gewünscht */ 
   border-bottom: 1px solid #ffffff; /* IE6 Bug   ++ horiz. line between  */
   
   /* ++ Text adjust e.g. upper gap and left gap 25px */
   /* ++ Text justieren 1px oben und 25px von links */
   padding: 3px 0 3px 30px;         /* Text adjust */ 

   /* ++ Den "white-space" Fehler im IE7 vermeiden */
   /* ++ Killing the "white-space" bug in IE7 */   
   width: 210px;  /* IE5x Opera <= 5 */
   widt\h: 200px;  /* = (Width of Mebu Items) - (padding-right + left) */ 
}


.navi_120 ul ul li a, .navi_120 ul li a:link, .navi_120 ul li a:visited, .navi_120 ul li a:active {
   \width: 120px;  /* IE5x Opera <= 5 */
   widt\h: 110px;  /* = (Width of Mebu Items) - (padding-right + left) */ 
}
.navi_145 ul ul li a, .navi_145 ul li a:link, .navi_145 ul li a:visited, .navi_145 ul li a:active {
   \width: 145px;  /* IE5x Opera <= 5 */
   widt\h: 135px;  /* = (Width of Mebu Items) - (padding-right + left) */ 
}
.navi_130 ul ul li a, .navi_130 ul li a:link, .navi_130 ul li a:visited, .navi_130 ul li a:active {
   \width: 130px;  /* IE5x Opera <= 5 */
   widt\h: 120px;  /* = (Width of Mebu Items) - (padding-right + left) */ 
}
.navi_100 ul ul li a, .navi_100 ul li a:link, .navi_100 ul li a:visited, .navi_100 ul li a:active {
   \width: 100px;  /* IE5x Opera <= 5 */
   widt\h: 90px;  /* = (Width of Mebu Items) - (padding-right + left) */ 
}

/* ====  active link <a> // aktiver Link <a> ==== */ 
.nlu_navi3 ul ul li.active a,
.nlu_navi3 ul ul li.active a:link,
.nlu_navi3 ul ul li.active a:visited,
.nlu_navi3 ul ul li.active a:active {
   color: #ffffff; /* #DD3C3C;       /* ++ Text color // Textfarbe */
   font-weight: normal;  /* ++ Bold if you want // Fett wenn gewünscht */
	background-color: #026288; /*url(../img/article/square.gif) 0px 0px no-repeat; sublevel */  
}

.nlu_navi3 ul ul li.act_path a { 
	color: #ffffff; /* #DD3C3C; /* #DD3C3C; */ 
	text-decoration: none; /* underline;*/
	background: #007660 url(../img/kunde/navi/nav01_active.gif) 0px 0px no-repeat;
	width: 200px;

}


/* ====  hover link <a> // Maus über Link <a> ==== */
.nlu_navi3 ul ul li a:hover {
   color:  #026288; /* #C9222E; */ 
/*   text-decoration: underline; */
	background: #ffffff url(../../img/article/square.gif) 0px 0px no-repeat; 
}
.nlu_navi3 ul ul li.active a:hover { color: #333333; /* #FF7200; */ }



/* ====  Parent Link <a> //  Only for the parent link <a> ==== */
.nlu_navi3 ul ul li.sub_parent a, 
.nlu_navi3 ul ul li.sub_parent a:link, 
.nlu_navi3 ul ul li.sub_parent a:visited {


	text-decoration: none;
	color: #006757; 
	font-size: 14px;
	font-weight: normal;
	padding: 0 0 0 0px;
	margin: 0;
	background: url(../../img/leer.gif) 0px 0px no-repeat; 
}

.nlu_navi3 ul ul li.sub_parent.act_path a { 
	color: #026288; /* #DD3C3C; /* #DD3C3C; */ 
	text-decoration: none; /* underline;*/
	background: url(../../img/leer.gif) 0px 0px no-repeat;
}
.nlu_navi3 ul ul li.sub_parent.act_path.active a { 
	text-decoration: none;
	color: #006757; /* #234896; */ 
	background: url(../../img/article/square.gif) 0px 0px no-repeat;
}
.nlu_navi3 ul ul li.sub_parent a:hover, 
.nlu_navi3 ul ul li.sub_parent.act_path.active a:hover { color: #026288; }




/* Holly Hack. IE Requirement \*/
* html .nlu_navi3 ul ul li { float: left; height: 1%; }
* html .nlu_navi3 ul ul li a { height: 1%; }
/* End */

/* Holly Hack. IE Requirement \*/
* html .nlu_navi3 ul ul li { float: left; height: 1%; }
* html .nlu_navi3 ul ul li a { height: 1%; }
/* End */
hier die nlu_navi3.css

Lieben Dank schonmal
Steffi
Ich kann aus jeder Ordnung Chaos schaffen!
User avatar
markus s
Moderator
Posts: 654
Joined: Sat 16. Dec 2006, 19:21
Location: Radfeld / Tirol
Contact:

Re: Hintergrundfarbe Vertikale Navigation

Post by markus s »

haste einen link ?
damit kann man dir am schnellsten helfen..
moderator
propelled by fresh air from tirol
XING|FACEBOOK|OMENTO
User avatar
kleiner_Punkt
Posts: 114
Joined: Thu 21. Feb 2008, 10:47

Re: Hintergrundfarbe Vertikale Navigation

Post by kleiner_Punkt »

Hi Markus,

sorry kein Link - Seite ist noch geschützt. Was brauchst du? Quellcode?

Gruß
Steffi
Ich kann aus jeder Ordnung Chaos schaffen!
User avatar
markus s
Moderator
Posts: 654
Joined: Sat 16. Dec 2006, 19:21
Location: Radfeld / Tirol
Contact:

Re: Hintergrundfarbe Vertikale Navigation

Post by markus s »

schau dir mal die werte im "active link"

Code: Select all

background-color: #026288;
für die hintergrundfarbe an.
die sollten ja teilweise dann mit color #eaeaea versehen werden ?

im level X +1
moderator
propelled by fresh air from tirol
XING|FACEBOOK|OMENTO
User avatar
kleiner_Punkt
Posts: 114
Joined: Thu 21. Feb 2008, 10:47

Re: Hintergrundfarbe Vertikale Navigation

Post by kleiner_Punkt »

hilft aber nicht ...

ich dachte eigentlich, dass es hier dran liegt
wenn ich in der .nlu_navi3 ul li.active a, ect. die Werte ändern, wirkt sich das auf den den aktiven Pfad mit allen Unterpunkten aus.

Code: Select all

/* ====  active link <a> // aktiver Link <a> ==== */ 
.nlu_navi3 ul li.active a,
.nlu_navi3 ul li.active a:link,
.nlu_navi3 ul li.active a:visited,
.nlu_navi3 ul li.active a:active {
   color: #ffffff; /* #DD3C3C;       /* ++ Text color // Textfarbe */
   font-weight: normal;  /* ++ Bold if you want // Fett wenn gewünscht */
	background-color: #026288; /*url(../img/article/square.gif) 0px 0px no-repeat; */  
}
so dann hab ich mir gedacht, wenn das auf den kompletten Pfad wirkt und ich dann den Parent Link hier bearbeite

Code: Select all

/* ====  Parent Link <a> //  Only for the parent link <a> ==== */
.nlu_navi3 ul li.sub_parent a, 
.nlu_navi3 ul li.sub_parent a:link, 
.nlu_navi3 ul li.sub_parent a:visited {


	text-decoration: none;
	color: #006757; 
	font-size: 14px;
	font-weight: normal;
	padding: 0 0 0 0px;
	margin: 0;
	background: url(../../img/leer.gif) 0px 0px no-repeat; 
}

.nlu_navi3 ul li.sub_parent.act_path a { 
	color: #026288; /* #DD3C3C; /* #DD3C3C; */ 
	text-decoration: none; /* underline;*/
	background: url(../../img/leer.gif) 0px 0px no-repeat;
}
.nlu_navi3 ul li.sub_parent.act_path.active a { 
	text-decoration: none;
	color: #006757; /* #234896; */ 
	background: url(../../img/article/square.gif) 0px 0px no-repeat;
}
funktioniert es. Ist es aber nicht ...

Hier ist der Quellcode wenn der Parent (also Sterne) Link angeklickt ist

Code: Select all

 <div class="nlu_navi3"><div style="margin-bottom: 1px;"><img src="picture/Logo_v02.jpg" border="0" alt="" /></div><div>
<ul class="act_path">
	<li class="sub_no sub_first"><a href="index.php?de_home">Home</a></li>
	<li class="sub_no sub_ul_true"><a href="index.php?de_Kreise">Kreise</a></li>
	<li class="sub_ul act_path active"><a href="index.php?de_Sterne">Sterne</a>
	<ul class="act_path">
		<li class="sub_no sub_first"><a href="index.php?de_kontaktdaten">Kontaktdaten</a></li>

		<li class="sub_no"><a href="index.php?de_detail-informationen">Detail-Informationen</a></li>
	</ul>
	</li>
</ul>
</div>
und das hier der Quellcode wenn ich den UnterLink Kontaktdaten aktiv habe

Code: Select all

 <div class="nlu_navi3"><div style="margin-bottom: 1px;"><img src="picture/Logo_v02.jpg" border="0" alt="" /></div><div>
<ul class="act_path">
	<li class="sub_no sub_first"><a href="index.php?de_home">Home</a></li>
	<li class="sub_no sub_ul_true"><a href="index.php?de_Kreise">Kreise</a></li>
	<li class="sub_ul act_path"><a href="index.php?de_Sterne">Sterne</a>
	<ul class="act_path">
		<li class="sub_no act_path active sub_first"><a href="index.php?de_kontaktdaten">Kontaktdaten</a></li>

		<li class="sub_no"><a href="index.php?de_detail-informationen">Detail-Informationen</a></li>
	</ul>
	</li>
</ul>
</div>
es kann eigentlich nur eine Kleinigkeit sein ... aber ich seh es einfach nicht ... :( ...
Ich kann aus jeder Ordnung Chaos schaffen!
User avatar
markus s
Moderator
Posts: 654
Joined: Sat 16. Dec 2006, 19:21
Location: Radfeld / Tirol
Contact:

Re: Hintergrundfarbe Vertikale Navigation

Post by markus s »

warum trägst du bei background nicht die gewünschte farbe ein ?
moderator
propelled by fresh air from tirol
XING|FACEBOOK|OMENTO
User avatar
kleiner_Punkt
Posts: 114
Joined: Thu 21. Feb 2008, 10:47

Re: Hintergrundfarbe Vertikale Navigation

Post by kleiner_Punkt »

hab ich ja schon ... das einzige was passiert, wenn ich bei aktiver Link mein grau als Hintergrundfarbe angeben und bei Parentlink mein Blau ... bleibt alles grau ....????
Ich kann aus jeder Ordnung Chaos schaffen!
User avatar
Jensensen
Posts: 3000
Joined: Tue 17. Oct 2006, 21:11
Location: auf der mlauer

Re: Hintergrundfarbe Vertikale Navigation

Post by Jensensen »

Wenn's der Flip hier auch nicht gelöst bekommt, dann
kleiner_Punkt wrote:...sorry kein Link - Seite ist noch geschützt. Was brauchst du? Quellcode?
[Quellcode = JAAAAAAA ==> mit allem, was wichtig ist!]
hilft nur ein getarntner public upload einer good-old --> statischen web seite (mit dem relevanten teil ["skelett" - die NACKTE NAVI] halt, ABER) mit wenigstens dem --> navi-code und den styles, um [sig-umkehr] aus dem "Chaos die gewünschte Ordnung" empfehlen zu können.
Sonst rammt es, fummelt's die willigen Helfer [IM BLINDFLUG] in den Boden, wenn'st verstehst's...
{so_much} | Knick-Knack. | GitHub
Umlaute im URL sind meistens immer Kacke.
User avatar
kleiner_Punkt
Posts: 114
Joined: Thu 21. Feb 2008, 10:47

Re: Hintergrundfarbe Vertikale Navigation

Post by kleiner_Punkt »

Hi Jens,

here you are ... der Quelltext der Seite --- die css ist ja oben im ersten post!

Code: Select all

[code]<!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" xml:lang="de" lang="de">
<head>
<!--
	phpwcms | free open source content management system
	created by Oliver Georgi (oliver at phpwcms dot de) and licensed under GNU/GPL.
	phpwcms is copyright 2003-2009 of Oliver Georgi. Extensions are copyright of
	their respective owners. Visit project page for details: http://www.phpwcms.org/
//-->
<title>Preisanfrage </title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta http-equiv="content-style-type" content="text/css" />
  <script src="template/inc_js/frontend.js" type="text/javascript"></script>
  <script language="javascript" type="text/javascript">
  <!-- 
  window.onload = function () {
    MM_preloadImages('picture/menu/stern02.jpg','picture/menu/Service02.jpg','picture/menu/Service02.jpg','picture/menu/individual02.jpg');
  }
  //-->
  </script>
  <style type="text/css" media="all">
  <!-- 
    body {
      color: #ffffff;
    }
  //-->
  </style>

  <link href="template/inc_css/frontend.css" rel="stylesheet" type="text/css" />
  <link href="template/inc_css/comp_white_style.css" rel="stylesheet" type="text/css" />
  <link href="template/inc_css/nlu_horiz07.css" rel="stylesheet" type="text/css" />
  <link href="template/inc_css/comp_white_div2.css" rel="stylesheet" type="text/css" />
  <link href="template/inc_css/nlu_horiz05.css" rel="stylesheet" type="text/css" />
  <link href="template/inc_css/nlu_navi3.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->

</script>
</head>
<body>
<!-- * * * * * S I T E * * * * * -->

<div id="comp">

<!-- * * * * * H E A D E R * * * * * -->

  <div id="comp_headerContainer">
  	<div style="padding-left: 35px;float:left;"><!--<img src="picture/comp6757.jpg" border="0" alt="" />--></div>
	<div style="padding: 22px 0 0 40px;" class="comp_header"><span class="comp_header_small"> Company</span> - Services</div>
  </div>

<!-- * * * * * M A I N * * * * * -->
  <div id="comp_Content_top" class="head"></div>
  <div id="comp_Content" >
   <div id="naviBlock">
    <div id="naviBlockLeft" class="top5 nlu_horiz05">
<ul>
	<li class="sub_no sub_first"><a href="index.php?de_kontakt"><span>Kontakt</span><span>&#921;</span></a></li>
	<li class="sub_no"><a href="index.php?de_impressum"><span>Impressum</span><span>&#921;</span></a></li>
	<li class="sub_no"><a href="index.php?de_agbs"><span>AGBs</span><span>&#921;</span></a></li>
	<li class="sub_no"><a href="index.php?de_sitemap"><span>Sitemap</span><span>&#921;</span></a></li>

</ul>
       <div class="nlu_horiz05_behind">
              <!-- spacer IE //-->
      </div>
    </div>
    <div id="naviBlockRight" class="naviBlockRight"><a href:"#">Deutsch&nbsp;&nbsp;&nbsp;&#921;</a><a href="#">&nbsp;&nbsp;&nbsp;English&nbsp;&nbsp;&nbsp;&#921;</a><a href="#">&nbsp;&nbsp;&nbsp;Klingonisch</a></div>
  </div>

<div style="clear:both;"></div>

    <div id="comp_leftBlock">
     <div class="nlu_navi3">
         <div style="margin-bottom: 1px;"><img src="picture/Logo_v02.jpg" border="0" alt="" /></div> 
         <div>
          <ul class="act_path">
    	    <li class="sub_no sub_first"><a href="index.php?de_home">Home</a></li>
	    <li class="sub_no sub_ul_true"><a href="index.php?de_comp">Company</a></li>
	    <li class="sub_no sub_ul_true"><a href="index.php?de_leistungen">Leistungen</a></li>
	    <li class="sub_no sub_ul_true"><a href="index.php?de_planung">Planung</a></li>
	    <li class="sub_no sub_ul_true"><a href="index.php?de_komfort">Komfort</a></li>
	    <li class="sub_ul act_path active"><a href="index.php?de_preisanfrage">Preisanfrage</a>
	<ul class="act_path">
		<li class="sub_no sub_first"><a href="index.php?de_preisanfrage_kontaktdaten">Kontaktdaten</a></li>
		<li class="sub_no"><a href="index.php?de_preisanfrage_detail-informationen">Detail-Informationen</a></li>
	</ul>
	</li>
       </ul>
       </div>
       <div id="nav_bot" style="padding: 6px 0 0 10px; color: #ffffff;">Telefon: +11.1111.1111111</div>
    </div>
</div>
    <div id="comp_middleBlock" class="content"><a name="jump13" id="jump13"></a><!-- Livedate: 12.12.2008 16:05:53 / Killdate: 10.12.2018 16:05:53 -->

<h1>Preisanfrage</h1>



<!-- 
	Livedate: 12.12.2008 16:05:53 / Killdate: 10.12.2018 16:05:53 
//-->
<div style="margin:30px 0 0 0;padding:0;" class="spaceBeforeCP"></div>

<p style="text-align: justify;">Text.Text.Text.Text.Text.Text.Text.Text.Text.Text.Text.Text.Text.Text.Text.Text.Text.</p></div>
    <div id="comp_rightBlock"><!-- <img src="picture/picture22.jpg" border="0" alt="" /> --> </div>
<div style="clear:both;"></div>

  <div id="statMenuBox" style="margin-top: 00px;"></div>

  </div>
  <div id="comp_Content_bottom"></div>
<!-- * * * * * F O O T E R * * * * * -->

  <div id="comp_footerContainer">
    <div id="comp_footerBlock" class="foot"></div>
  </div>

<!-- * * * * * B E L O W * * * * * -->

  <div id="comp_belowContainer">

    <div id="comp_belowContainerLeft" class="belowLeft"></div>
    <div id="comp_belowContainerRight"></div>
  </div>
  
</div>
</body>
</html>
Gruß
Steffi
Ich kann aus jeder Ordnung Chaos schaffen!
User avatar
sergio
Posts: 5
Joined: Fri 20. Feb 2009, 18:31

Re: Hintergrundfarbe Vertikale Navigation

Post by sergio »

Leider kann ich nichts beitragen hierzu, doch habe ich eine blutige Anfänger-Frage zu genau dem Threat-Thema und weiss nicht weiter:

Endlich habe ich geupdatet auf r213 und würde gerne die Farbe des mouseover-Backgrounds der (vertikalen) Navigation, welche bei mir per default ein grünliches Beige (ich glaube #D3ED7D) ist, ändern. Dazu habe ich schon alles mögliche versucht, auch eine Änderung in /template/inc_settings/templte_default/custom_settings.php sowie dessen Aktivierung unter "site structure". Auch die Forensuche hat mich nicht weitergebracht.

Dass die Farbwerte über das frontend setup unter "admin" manipulierbar sind, ist mir bekannt. Fast sämtliche Farbwerte für die (vertikale) Navigation sind dort aufgeführt, nur nicht die Farbe für den Background beim Mouse-over....

Bitte, WO finde ich die für die Farbe des mouseover-Zellen-HINTER-Grundes verantwortlichen Angaben?

Image

Vielen Dank!
User avatar
Jensensen
Posts: 3000
Joined: Tue 17. Oct 2006, 21:11
Location: auf der mlauer

Re: Hintergrundfarbe Vertikale Navigation

Post by Jensensen »

Das wird über einen Farbwert für a:hover irgendwo in deinen CSS gesteuert.
Übrigens sieht das nach dem veralteten NAV_TABLE aus. Bei Zeiten solltest Du diese Navigation durch NAV_LIST_UL ersetzen.
{so_much} | Knick-Knack. | GitHub
Umlaute im URL sind meistens immer Kacke.
User avatar
sergio
Posts: 5
Joined: Fri 20. Feb 2009, 18:31

Re: Hintergrundfarbe Vertikale Navigation

Post by sergio »

Besten Dank! Die Mouse-over-Hintergrundfarbe hatte ich im CSS nicht entdecken können. Auch war keiner der dortigen Farbwerte eben dieses grün-beige, wonach ich suchte.

Ich habe nun das alte NAV_TABLE_COLUMN durch das NAV_LIST_UL ersetzt, was auch funktionell prima klappt. Farbe und Grösse erscheinen wie die "normalen" Hyperlinks im Fliesstext.
Nur reagiert diese neue Navigationsleiste nicht auf die Einstellungen vom CSS unter Frontend Setup. Ist weder durch die Werte mit "nav_table" noch ".nav_list, .nav_list a, .nav_list a:link, etc" ansprechbar. Auch vom ausgewählten /template/inc_css/nlu_navi1.css zeigt sie sich völlig unbeeindruckt.

Farbe und Grösse erscheinen derzeit wie die "normalen" Hyperlinks im Fliesstext.
Image

Vielen Dank nochmals!
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Hintergrundfarbe Vertikale Navigation

Post by update »

Du musst die css-Datei noch in Dein Template einbinden, dann geht's
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
User avatar
Jensensen
Posts: 3000
Joined: Tue 17. Oct 2006, 21:11
Location: auf der mlauer

Re: Hintergrundfarbe Vertikale Navigation

Post by Jensensen »

Hi,

das kann reichlich unterschiedliche Gründe haben und lässt sich von hier aus nicht beantworten. Dazu müsste man die Seite und ihren Aufbau betrachten können. Das ist in der Tat das gleiche Problem, wie bei kleinerPunkt, dass man bei diesen wenigen Informationen nicht helfen kann.
Einziger Rat ist, besser zu verstehen, wie CSS funktioniert. Wenn Du mehr über CSS erfahren willst, findest Du im Netz unvorstellbar viele Information, bspw.: http://www.css4you.de/wscss/index.html
{so_much} | Knick-Knack. | GitHub
Umlaute im URL sind meistens immer Kacke.
User avatar
markus s
Moderator
Posts: 654
Joined: Sat 16. Dec 2006, 19:21
Location: Radfeld / Tirol
Contact:

Re: Hintergrundfarbe Vertikale Navigation

Post by markus s »

wie steuerst du die NAV_LIST_UL an ?
hast du das auch schon gelesen ?
http://forum.phpwcms.org/viewtopic.php? ... av+list+ul
moderator
propelled by fresh air from tirol
XING|FACEBOOK|OMENTO
Post Reply