Modificare un CSS

[Mirko11_83]

Ciao a tutti e auguri di buon anno in ritardo,

sono alle prese con la realizzazione di un sito web o meglio ho una struttura di un sito realizzazon con i fogli di stile CSS e devo modificare il layout grafico, qualcuno mi potrebbe aiutare a capire come poter agire sul file di stile per effettuare le modifiche necessarie?

Grazie

[miki003]

Originariamente inviato da Mirko11_83
Ciao a tutti e auguri di buon anno in ritardo,

sono alle prese con la realizzazione di un sito web o meglio ho una struttura di un sito realizzazon con i fogli di stile CSS e devo modificare il layout grafico, qualcuno mi potrebbe aiutare a capire come poter agire sul file di stile per effettuare le modifiche necessarie?

Grazie

Domanda alquanto generica! Posso solo risponderti apporta le modifiche agendo come quando l'hai creato

[Mirko11_83]

non lo ho creato io l'ho scaricato ti posso inviare il file?

[miki003]

Originariamente inviato da Mirko11_83
non lo ho creato io l'ho scaricato ti posso inviare il file?

Se vuoi il file lo puoi postare qui usando i tag [CODE][/CODE] ma non credo che solo postando il file ti si possa aiutare, inquanto bisognerebbe sapere cosa vuoi ottenere con precisione

[Mirko11_83]

body {
	background-color:#fcfcfc;
	margin:0;
	padding:0;
	text-align:center;
	color:#000000;
	font-family:Trebuchet MS, Arial, Tahoma, sans-serif;
    font-size:9pt;
}


#wrap {
	margin:0;
	padding:0;
	background: #a5ceeb url(header-bg.png) repeat-x  ;


}


#header-wrap {
	margin:0;
	padding:0;
	height:176px;
	background:url(header-bg2.png);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
	margin-left: auto;
	margin-right: auto;
}


#header {
	width:985px;
	height:150px;
	background: url(header.png) ;
	background-position: 0px 0px ;
	margin-left: auto;
	margin-right: auto;


}


#container {
	margin:0;
	padding:0;
	text-align:left;
	width:983px;
	background: #ffffff;
	background-position: 0px 0px ;
	margin-left: auto;
	margin-right: auto;
	border-left :1px solid #deedf8;
	border-right :1px solid #deedf8;
}

#content-wrap {
	
	width: 994px;
	margin: 0px auto;
	padding: 0;

}

 #nav1 {
	clear: both;
	margin: 0px auto;
	padding: 20px 20px 5px 20px;
	font: bold 10px/27px "Trebuchet MS", Arial, Tahoma, Sans-serif;
	height: 20px;
	width: 964px;

}
#nav1 ul {
	float: left;
	list-style: none;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	
}
#nav1 ul li {
	display: inline;
}
#nav1 ul li a {
	height: 25px;
	display: block;
	float: left;
	margin-left: 2px;
	padding: 0 0px;
	text-decoration: none;
	text-align:center;
	background:url( sinistra.png) no-repeat left top;
}
#nav1 a span {
	height: 0px;
	display:block;
	float:left;
	background:url( destra.png) no-repeat right top;
	margin-left: 10px;
	padding:0px 10px 25px 0px;
	color:#000000;
	cursor:pointer;
	
}

#nav1 a:hover span {
	background-position:100% -42px;
	color: #ffffff;
}
	
#nav1 ul li a:hover {
	background-position:0% -42px;
	color: #FFFFFF;	
}

#nav1 .current a {

	background-position:0% -42px;
}
#nav1 .current a span {
	background-position:100% -42px;
	color:#ffffff;
}

#main {

	float: left;
	width:687px;
	margin: 10px 10px 10px 10px;	
	padding: 20px 20px 20px 20px;
	display: inline;
	border:1px solid #a5ceeb;

}


#main p, #main h1, #main h2, #main h3{
	margin:10px 0pt 0pt 0pt ;
}

#main p {
	text-align:justify;
}


h1 {
	font-family:Trebuchet MS;
	font-size:20pt;	
	color:#165B6B;
	letter-spacing:3px;
}


h2 {
	font-family:Trebuchet MS;
	font-size:16pt;	
	color:#165B6B;
	letter-spacing:2px;
}

h3 {
	font-family:Trebuchet MS;
	font-size:14pt;	
	color:#165B6B;
}

#main img {
	border:1px solid #CCC;
	padding:3px ;
}

a, a:visited {
	color:#5ccae7;
	text-decoration:none;
}

a:hover {
	color:#165B6B;
	text-decoration:underline;
}


#sidebar {
	
	float: left;
	width: 200px;
	padding: 0;
	margin: 0px 10px 10px 10px;	
	font-family:Trebuchet MS, sans-serif;
    font-size:9pt;
	color: #165B6B;
	background-color:#deedf8;
	border-top :0px solid #deedf8;
	border-bottom :2px solid #3490d1;
	border-left :2px solid #3490d1;
	border-right :2px solid #3490d1;
}

#sidebar marquee{
display:block;
text-align: center;
background-color:#ffffff;
color:#5ccae7;
height:90px;
width: 95%;
margin:0 auto ;
}
#sidebar marquee a{
	color: #165B6B;
}

#sidebar form{
display:block;
text-align: center;
margin:0 auto ;
}

#sidebar img {
	padding:3px ;
}


#sidebar h3 {
	padding:12px 0px 0px 0px ;
	text-align: center;
	font-family:Trebuchet MS, sans-serif;
    font-size:9pt;
	color: #165B6B;
}


#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 7px 10px 8px 10px; 
	padding: 0;
	text-decoration: none;	
		
}

#sidebar ul.sidemenu li {
	list-style: none;
	padding: 4px 0 4px 0px;
	margin: 0 2px;	
	color: #777;	
	border-bottom: 1px solid #d1d5e1 ;
}


#sidebar ul.sidemenu li a {
	text-decoration: none;	
	color: #165B6B;				
}


#sidebar ul.sidemenu li a:hover {	
	color: #5ccae7;
}

#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }
#tags {
	text-align: center; 
	background-color: #f5f5f5; 
	border: 1px solid #f2f2f2;
}
#tags img {
	border:0px solid #f5f5f5;
	
}

#footer-wrap{
	clear: both;
	background: url(footer-bg.png) repeat-x ;
	padding:0;
	margin:0 auto ;



}
#footer {
	color: #ffffff;
	background: url(footer.png) repeat-x ;
	width: 985px;
	background-color:#a5ceeb;
	clear: both;
	height: 120px;
	text-align: center;	
	font-size: 8pt;	
	margin: 0px auto;
}
#footer a{
	color: #165B6B;
}

.clear { clear: both; }

vorrei spostare la barra del menu

[Mirko11_83]

help

[Marcolino's]

Spostarla dove scusa, se non lo dici cosa ti si risponde?