problemi con cambio colore menu

**spawn88** · 05-03-2012, 21:17

buona sera a tutti,
ho un menu in css nel quale non riesco a modificare il colore del rettangolo sul campo polizza e la linea(entrambe rosse) qual'è il campo che devo modificare per mettere il colore ke desidero?

ecco il codice:
pagina index.php

codice:

<html>

<?php
    
	session_start();
	 
	
	function logoutform(){
		
		echo "<form action='' method='POST'>
			 
			 <input type='submit' name='logout' value='logout'>
	 		 </form>
		";	
	}
	
	function logout(){
		session_destroy();
		echo 'clicca nuovamente';
	}
	
	if(!isset($_SESSION['login'])){
		
		exit("Accesso negato. Per visualizzare la pagina fare il <a href='login.php'>login<a>");
	}else{
		echo "Benvenuto  " .$_SESSION['login'];
		logoutform();
		if(isset($_POST['logout'])){
		echo "Stai facendo il logout";
		logout();
		}
	}
?>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title></title>
		<link rel="stylesheet" href="menu_style.css" type="text/css" />
		
		
		
		<style type="text/css">
		<!--
			body {
				margin-left: 200px;
				margin-right: 200px;
			}
		-->
		</style>
	</head>
	<body>
		

		

			<div class="Hdropdown_red_tab__menu">
		<ul>
			[*]Home
			[*]Caricamento
				<ul>
					[*]Caricamento cliente e polizza
					[*]Caricamento Cliente
					[*]Caricamento Polizza
					[*]Caricamento Appendice
		   			[*]Caricamento Sinistro
					[*]Caricamento Documento
			[/list]
		  	
			[*]Visualizza
                <ul>
                	[*]Visualizza Polizza
                	[*]Visualizza Appendice
                	[*]Visualizza Sinistro
               	[/list]
          	
			[*]Contact
		[/list]
			</div>

</body>
</html>

codice css:

codice:

.Hdropdown_red_tab__menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:8e8e8e;
	}
.Hdropdown_red_tab__menu ul{
	background:url(images/red_tab_dropdown_menu.gif) top left repeat-x;
	height:43px;
	list-style:none;
	margin:0;
	padding:0; 
	}
	.Hdropdown_red_tab__menu li{
		float:left;
		padding:0px 8px 0px 8px;
		}
	.Hdropdown_red_tab__menu li a{
		color:#666666;
		display:block;
		font-weight:bold;
		line-height:43px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.Hdropdown_red_tab__menu li a:hover{
			color:#000000;
			text-decoration:none;
			}
	.Hdropdown_red_tab__menu li ul{
		background:#FFFFFF;
		border-left:1px solid #003366;
		border-right:1px solid #003366;
		border-bottom:0px solid #003366;
		display:none;
		height:auto;
		filter:alpha(opacity=95);
		opacity:0.95;
		position:absolute;
		width:225px;
		z-index:200;
		}
	.Hdropdown_red_tab__menu li:hover ul{
		display:block;
		}
	.Hdropdown_red_tab__menu li li {
		display:block;
		float:none;
		padding:0px;
		width:225px; border-bottom:solid 1px #003366;
		}
	.Hdropdown_red_tab__menu li ul a{
		display:block;
		font-size:12px;
		font-style:normal;
		padding:0px 10px 0px 15px; line-height:30px;
		text-align:left;
		}
		.Hdropdown_red_tab__menu li ul a:hover{
			background:#003366;
			color:#FFFFFF;
			opacity:1.0;
			filter:alpha(opacity=100);
			}
	.Hdropdown_red_tab__menu p{
		clear:left;
		}	
	.Hdropdown_red_tab__menu #current{
		background:url(images/red_tab_dropdown_activemenu.gif) top left repeat-x;
		color:#ffffff;
		}

sono riuscito a modificare i rettangoli delle tendine col colore #003366 ma non quello principale

grazie in anticipo

**deepgroove80** · 06-03-2012, 10:42

io vedo un codice html non buono...

un tag <ul> dentro un altro tag <ul>??? (che tra l'altro non appartiene nemmeno a un elemento[*] del <ul> principale)

**spawn88** · 06-03-2012, 10:45

oddio....
sono un novellino per quanto riguarda CSS come potrei modificarlo in maniera decente???

grazie mille

**deepgroove80** · 06-03-2012, 10:53

quei tag li richiami cosi

Hdropdown_red_tab__menu ul li ul li {}

**spawn88** · 06-03-2012, 11:07

ok... fatto adesso ho questo codice:

codice:

.Hdropdown_red_tab__menu ul li ul li{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:8e8e8e;
	}
.Hdropdown_red_tab__menu ul li ul li{
	background:url(images/red_tab_dropdown_menu.gif) top left repeat-x;
	height:43px;
	list-style:none;
	margin:0;
	padding:0; 
	}
	.Hdropdown_red_tab__menu ul li ul li{
		float:left;
		padding:0px 8px 0px 8px;
		}
	.Hdropdown_red_tab__menu ul li ul li a{
		color:#666666;
		display:block;
		font-weight:bold;
		line-height:43px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.Hdropdown_red_tab__menu ul li ul li a:hover{
			color:#000000;
			text-decoration:none;
			}
	.Hdropdown_red_tab__menu ul li ul li{
		background:#FFFFFF;
		border-left:1px solid #003366;
		border-right:1px solid #003366;
		border-bottom:0px solid #003366;
		display:none;
		height:auto;
		filter:alpha(opacity=95);
		opacity:0.95;
		position:absolute;
		width:225px;
		z-index:200;
		}
	.Hdropdown_red_tab__menu ul li ul li:hover ul{
		display:block;
		}
	.Hdropdown_red_tab__menu ul li ul li {
		display:block;
		float:none;
		padding:0px;
		width:225px; border-bottom:solid 1px #003366;
		}
	.Hdropdown_red_tab__menu ul li ul li a{
		display:block;
		font-size:12px;
		font-style:normal;
		padding:0px 10px 0px 15px; line-height:30px;
		text-align:left;
		}
		.Hdropdown_red_tab__menu ul li ul li a:hover{
			background:#003366;
			color:#FFFFFF;
			opacity:1.0;
			filter:alpha(opacity=100);
			}
	.Hdropdown_red_tab__menu ul li ul li p{
		clear:left;
		}	
	.Hdropdown_red_tab__menu ul li ul li #current{
		background:url(images/red_tab_dropdown_activemenu.gif) top left repeat-x;
		color:#ffffff;
		}

ma l'effetto grafico che avevo in precedenza è sparito e ho un elenco puntato improponibile

che posso fare???

**deepgroove80** · 06-03-2012, 11:26

non dovevi cambiarlo da tutte le parti...ma fare un istruzione in piu!!

**spawn88** · 06-03-2012, 11:34

...ok ma dove???
all'inizio, alla fine o da qualche parte in particolare?

**deepgroove80** · 06-03-2012, 11:37

dove ti pare

**spawn88** · 06-03-2012, 11:42

ok fatto

e il menu ha riacquistato al sua visualizzazione "ideale" ci sono altri accorgimenti che mi consigli di fare?

Discussione: problemi con cambio colore menu

Strumenti discussione

Ricerca discussione

Visualizza

problemi con cambio colore menu

Permessi di invio