Salve a tutti, avrei diversi quesiti da porre sul codice sotto indicato :
(piu che postare codice.. vorrei capire concetualmente dove sbaglio)
RISULTATO IEcodice:<html> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="author" content="SOLID"> <meta name="generator" content="AceHTML 6 Pro"> <style type="text/css"> body, html { margin: 0; padding: 0; text-align: center; background: #FFAD49; } #container { margin: 10 auto; padding-top: 15px; width: 80%; height: 95%; background: #745314; text-align: left; } h1, h2, h3, h4, h5, h6, p, span { font-family: "Ms Trebuchet", verdana, arial ; color: #fff; padding-left: 7%; } hr { color: #fff; width: 90%; height: 2px; } #navigation { width: 30%; height: 80%; background: #FFF3BA ; float: left; padding-top: 20px; text-align: left; overflow: auto; } #navigation a:link, #navigation a:visited { text-decoration: none; color: #745314; font-style: italic; } #navigation a:hover { text-decoration: underline; color: #745314; } #navigation li { list-style: none; padding: 15 0 0 10; } #contains { width: 100%; height: 80%; background: #FFC27E ; text-align: left; } #contains a:link, #contains a:visited { text-decoration: none; color: #745314; font-style: italic; } #contains a:hover { text-decoration: none; background: #FFAD49; color: #745314; } #contains li { float: left; padding-top: 15px; background: red; width: 20%; text-align: center; border: 1px solid #745314; } #footer { width: 100%; height: 5%; background: transparent; clear: both; text-align: center; padding-top: 5px; } </style> </head> <body> <div id="container"> <h1>My Web Space</h1> <hr> <div id="navigation"> <ul> [*]111111 [*]222222 [*]333333 [*]444444 [*]555555 [*]666666 [*]777777 [*]888888 [*]999999 [/list] </div> <div id="contains"> <ul> [*]alfa [*]bravo [*]charlie [*]delta [*]echo [/list] </div> <div id="footer"> <h6>spazio ufficiale del mio sito - indirizzo - tel ........</h6> </div> </div> </body> </html>
domande :
IN UNA STRUTTURA DI QUESTO TIPO COME POSSO FARE PER :
1) DIMENSIONARE ACCURATAMENTE LA UL INLINE DELLA SEZIONE CONTAINS AFFINCHE INDIPENDENTEMENTE DAL NUMERO DI ELEMENTI RISUTLI COMUNQUE CENTRATA IN LINEA E
SOPRATTUTTO NON VADA A CAPO (COSA CHE SUCCEDE ANCHE CON POCHI ELEMENTI)
2) SUL A:HOVER CAMBIO IL COLORE DI BACKGROUND MA OVVIAMENTE CMABIA SOLO SOTTO IL
TESTO E NON TUTTO IL BACKGROUND DEL "LI".
COME POSSO FARE PER CAMBIARE INVECE IL BACKGROUND DELL 'INTERO "LI" a parte immagini ROLLOVER?
3)il padding-left presente sul primo elemento "li" non capisco da cosa derivi
-----
IN PIU' PER
FIREFOX
1) Perchè appare il list-style (nella UL inline) se e' stato dichiarato none
2) il div navigation sfora sia sulla parte superiore (header non dichiarato) che nel footer
Grazie, so che e' tanta roba pero' magari a turno
Buon pomeriggio
Rispondi quotando
.. superato !!
