Salve.
In una pagina web vecchia, con layout a frame, carico in ciascun frame una pagina web che nel proprio codice richiama un suo foglio di stile...
Sto cercando di rifare lo stesso layout utilizzando solamente box <div> e css, ma non so come comunicare al browser una certa formattazione che, nel caso del frame, funziona.
Questo è il frammento di codice usato nel frame:
codice:
a:link    { color: #808080; text-decoration: none; font-weight: bold }
a:visited { color: #808080; text-decoration: none; font-weight: bold }
a:active  { color: #ffffff; text-decoration: none; font-weight: bold }
a:hover   { color: #ffffff; text-decoration: none; font-weight: bold }
a.cella   { display: block }
a.cella:hover { display: block; background-color: #505050 }
L'effetto che ottengo con il frame è avere sfondo celle e testi che cambiano colore al passaggio del mouse.
Mi chiedo come faccio a farlo funzionare nel foglio di stile "generale" che sto scrivendo, dove sto dichiarando in successione le caratteristiche di ciascun box <div> ("#logo", "#menu",...)
Impostandolo semplicemente come segue, non funziona, credo per via delle parentesi graffe annidate... Ma allora come fare?
codice:
#sopra
{
	background-color: #000000;
	margin-left: 201px;
	height: 60px
	border-bottom: 1px solid #ffffff;
	font-family: Arial,Verdana,Helvetica;
	font-size: 10px;
	color: #ffffff;
	a:link 		{ color: #808080; text-decoration: none; font-weight: bold }
	a:visited 	{ color: #808080; text-decoration: none; font-weight: bold }
	a:active  	{ color: #ffffff; text-decoration: none; font-weight: bold }
	a:hover   	{ color: #ffffff; text-decoration: none; font-weight: bold }
	a.cella  	{ display: block }
	a.cella:hover { display: block; background-color: #505050 }
}
In secondo luogo vorrei sapere come fare in modo che questo <div id="sopra"> appaia accanto al <div id="logo"> che è largo 200px più uno di bordo laterale destro: allo stato attuale appare a tutta larghezza, sotto al <div id="logo">.