¿Como hago para que un enlace.li no se me salte al segundo parrafo cuando escribo, y que al pasar el raton sobre el se me ilumbre toda la zona div? a copntinuacion les dejo una copia de mi hoja de estilos para que vean donde esta el fallo.
muchas gracias, no se encuetra todos los dias personas altruistas como vosotras.
hoja de estilos:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
P SPAN{color:red;font-weight:bolder;font-style:oblique;font-size:1em;}
h1 {font-size: 1.05em; color: #CD3333 ; font-weight: bold ; text-decoration: underline ; text-align: center }
h2 { font.size: 0.9em ;font-size:12px; font-weight: bold ; text-decoration: none ; tex-align : center}
h3 {font-size: 1em; color: #708090; font-weight: bold ; text-decoration: none ; text-align: left ; padding:3px}
h4 {font-size: 1em; color: #CD3333 ; font-weight: bold ; text-decoration: underline ; text-align: left ; padding:3px}
h5 {font-size: 1em; color: #f77b32 ; font-weight: bold ; text-decoration: underline ; text-align: left ; padding:3px}
h6 {font-size: 1em; color: #708090 ; font-weight: bold ; text-decoration: none ; text-align: center ; padding:3px}
body {text-align:center; background-color: #708090 ; width:1000px}
#global {width:800px ; margin: 4px auto }
#idiomas { background-color: #708090 ;width:800px ;float:right ; text-indent:0px }
#idiomas li { background-color: #708090 ; font.size: 0.9em ; float:right ; list-style:none}
#fecha {background-color: #708090 ; width:800px ;float:left ; text-align: left }
#cabecera {background-color: white ; width:800px ;float:left ; border-left: black 2px solid ; border-right: black 2px solid ; border-top: black 2px solid }
#logotipo {background-color: white ; width:190px ;height:183px ; float:left }
#publicidad {background-color: #708090 ; width:604px ; float:right }
#navegacion { background-color:black ; width:800px ;float:center ;height:20px }
#navegacion li { font.size: 1.3em ; float:left ; list-style:none }
#contenido { background-image: url(objetos/fondocomun.jpg); background-repeat: no-repeat ;overflow : right ; background-color: white ; width:800px;float:center ; border-left: black 2px solid ; border-right: black 2px solid ; border-bottom: #708090 2px solid }
#contenido p {padding: 5px 5px 5px 5px ; text-indent: 10px }
#contenido li { width: 260px ; font-size: 12px }
#contenidohistoria {background-image: url(objetos/fondohistoria.jpg); background-repeat: no-repeat ; overflow : right ; background-color: white ; width:800px ; float:left; border-left: black 2px solid ; border-right: black 2px solid ; border-bottom: #708090 2px solid }
#contenidohistoria p {padding: 5px 5px 5px 5px }
#contenidohistoria li {width:450px ; margin: 5px 10px 5px 10px ; padding-top:12px ; font-size: 12px ;list-style:none}
#menu { background-image: url(objetos/fondomenu.jpg); width: 279px ; float:left ; text-align:left ; border-right: #708090 2px solid ; border-bottom: #708090 2px solid }
#menu li{ width: 249px ; margin: 1px 0px 0px 10px ; padding-top:2px ; font-size: 12px; list-style:none }
#menu p {padding: 5px 10px 5px 10px ; text-indent: 12px }
#menu h1 {color: #CD3333 ; text-decoration:none ; font-size:16px ; text-align: 0px }
#menu h2 {font-size: 1.2em; color: #CD3333 ; font-weight: bold ; text-decoration: underline ; text-align: center }
#menu h3 { font.size: 1.1em; color: #CD3333 ; font-size:16px ; font-weight: bold ; text-decoration: none ; text-align: 0.5px}
#menu h4 { font.size: 1.1em ;font-size:12px ; font-weight: bold ; text-decoration: none ; text-align: 0.5px ; margin-bottom: 10px}
#menu h5 { font.size: 2.5em; color: #CD3333 ; font-size:25px ; font-weight: bold ; text-decoration: none ; text-align: 1px}
#contenido1 {background-color: white ; width:800px ;float:center ; border-left:black 2px solid ; border-right: black 2px solid ; border-bottom: #708090 2px solid }
#contenido1 p {padding: 5px 10px 5px 10px ; text-indent: 12px }
#contenido1 li { width: 180px ; margin: 5px 10px 5px 10px ; padding-top:12px ; font-size: 12px }
#lugar {background-color: white ; width: 300px ; margin: 5px 0px 0px 0px ; padding-top:12px ; font-size: 12px ; border-top :#708090 1px solid }
#totalcartelera {background-color: white ; float:center ; width: 650px ; margin: 5px 0px 0px 0px ; padding-top:12px ; font-size: 12px}
#cartelera1 {background-color: white ; background-image: url(objetos/fondohistoria.jpg); background-repeat: no-repeat ;width: 300px ; margin: 5px 0px 0px 0px ; padding-top:12px ; font-size: 12px ; float:left;border-left:#708090 2px solid ; border-right: #708090 2px solid ; border-bottom: #708090 2px solid ; border-top: #708090 2px solid }
#cartelera {background-color: white ; width: 300px ; margin: 5px 0px 0px 0px ; padding-top:12px ; font-size: 12px ; border-top :#708090 1px solid }
#cartelera2 {background-color: white ; background-image: url(objetos/fondohistoria.jpg); background-repeat: no-repeat ;width: 300px ; margin: 5px 0px 0px 0px ; padding-top:12px ; font-size: 12px ; float:right;border-left:#708090 2px solid ; border-right: #708090 2px solid ; border-bottom: #708090 2px solid ; border-top: #708090 2px solid }
#pdf { background-color: white ; width: 280px ; padding-top:12px ; font-size: 12px ; float:left ; border-top: #708090 2px solid}
#mikel { background-color: white ; width: 300px ; margin: 5px 10px 5px 10px ; padding-top:12px ; font-size: 12px ; float:right}
#entrenamientos { background-color: white ; width: 308px ; padding-top:12px ; font-size: 14px ; float:right}
#arriba { background-image: url(objetos/fondoarriba.jpg ) ; background-repeat: no-repeat ; font:delegate 18px Algerian, sans-serif ; background-color: white ; margin: 0px 0px 0px 0px ; width: 510px ; float:left ; text-align:0px ; border-bottom: #708090 2px solid}
#publitakos { background-image: url(objetos/fondoizquierda.jpg ); background-repeat: no-repeat ;width: 180px ; float:left; font.size: 0.9em ; border-top: #708090 2px solid ; border-bottom: #708090 2px solid }
#infor { background-image: url(objetos/takos.jpg ); background-repeat: no-repeat ;width: 180px ; font.size: 0.99em }
#izquierda { background-image: url(objetos/fondoizquierda.jpg ) ; background-repeat: no-repeat;width: 180px ; float:left ; background-color: white ; font.size: 0.9em ; border-right: #708090 2px solid ; border-bottom: #708090 2px solid}
#izquierda li {padding: 5px 10px 5px 10px; width: 150px ; font.size: 0.9em ; float:left ; list-style: underline }
#izquierda h2 { font.size: 1em;font-size:12px; color: black ; font-weight: bold ; text-decoration: none ; text-align: 0.5px}
#pie {background-image: url(objetos/fondopie.jpg ) ; background-repeat: no-repeat ; background-color: white ; float:left ; border-left: black 1px solid ; border-right: black 1px solid;border-bottom: black 1px solid ; border-top: black 1px solid ; solid height:100px ;solid-width:803px ; width:800px ; height: 78px }}
a {color: white; font-size:1.3em ; text-decoration: none ; display: block }
a:link {color: black ; text-align: left}
a:visited {color: black ; text-align: left}
a:hover {color:blue ; text-decoration:underline ; background-color: silver}
a:active {color:blue }
#flecha {background-color: white ; width:0px ;float:right ;height:20px ; background-image: url( objetos/flecha.gif ); background-repeat: no-repeat }
#flecha li { width: 0.1px; float:right ; list-style:none ; margin: 0px 10px 0px 10px }
#foto {background-image: url(objetos/P1030331%20copia.jpg);background-repeat: no-repeat ;height:"349" ; width:"270" ;overflow : right}
.rojo { color: red; }
.negro { color: black; }
.azul { color: blue; }
.gris { color: grey; }
.centrado {text-align:center}
muchas gracias, no se encuetra todos los dias personas altruistas como vosotras.
hoja de estilos:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
P SPAN{color:red;font-weight:bolder;font-style:oblique;font-size:1em;}
h1 {font-size: 1.05em; color: #CD3333 ; font-weight: bold ; text-decoration: underline ; text-align: center }
h2 { font.size: 0.9em ;font-size:12px; font-weight: bold ; text-decoration: none ; tex-align : center}
h3 {font-size: 1em; color: #708090; font-weight: bold ; text-decoration: none ; text-align: left ; padding:3px}
h4 {font-size: 1em; color: #CD3333 ; font-weight: bold ; text-decoration: underline ; text-align: left ; padding:3px}
h5 {font-size: 1em; color: #f77b32 ; font-weight: bold ; text-decoration: underline ; text-align: left ; padding:3px}
h6 {font-size: 1em; color: #708090 ; font-weight: bold ; text-decoration: none ; text-align: center ; padding:3px}
body {text-align:center; background-color: #708090 ; width:1000px}
#global {width:800px ; margin: 4px auto }
#idiomas { background-color: #708090 ;width:800px ;float:right ; text-indent:0px }
#idiomas li { background-color: #708090 ; font.size: 0.9em ; float:right ; list-style:none}
#fecha {background-color: #708090 ; width:800px ;float:left ; text-align: left }
#cabecera {background-color: white ; width:800px ;float:left ; border-left: black 2px solid ; border-right: black 2px solid ; border-top: black 2px solid }
#logotipo {background-color: white ; width:190px ;height:183px ; float:left }
#publicidad {background-color: #708090 ; width:604px ; float:right }
#navegacion { background-color:black ; width:800px ;float:center ;height:20px }
#navegacion li { font.size: 1.3em ; float:left ; list-style:none }
#contenido { background-image: url(objetos/fondocomun.jpg); background-repeat: no-repeat ;overflow : right ; background-color: white ; width:800px;float:center ; border-left: black 2px solid ; border-right: black 2px solid ; border-bottom: #708090 2px solid }
#contenido p {padding: 5px 5px 5px 5px ; text-indent: 10px }
#contenido li { width: 260px ; font-size: 12px }
#contenidohistoria {background-image: url(objetos/fondohistoria.jpg); background-repeat: no-repeat ; overflow : right ; background-color: white ; width:800px ; float:left; border-left: black 2px solid ; border-right: black 2px solid ; border-bottom: #708090 2px solid }
#contenidohistoria p {padding: 5px 5px 5px 5px }
#contenidohistoria li {width:450px ; margin: 5px 10px 5px 10px ; padding-top:12px ; font-size: 12px ;list-style:none}
#menu { background-image: url(objetos/fondomenu.jpg); width: 279px ; float:left ; text-align:left ; border-right: #708090 2px solid ; border-bottom: #708090 2px solid }
#menu li{ width: 249px ; margin: 1px 0px 0px 10px ; padding-top:2px ; font-size: 12px; list-style:none }
#menu p {padding: 5px 10px 5px 10px ; text-indent: 12px }
#menu h1 {color: #CD3333 ; text-decoration:none ; font-size:16px ; text-align: 0px }
#menu h2 {font-size: 1.2em; color: #CD3333 ; font-weight: bold ; text-decoration: underline ; text-align: center }
#menu h3 { font.size: 1.1em; color: #CD3333 ; font-size:16px ; font-weight: bold ; text-decoration: none ; text-align: 0.5px}
#menu h4 { font.size: 1.1em ;font-size:12px ; font-weight: bold ; text-decoration: none ; text-align: 0.5px ; margin-bottom: 10px}
#menu h5 { font.size: 2.5em; color: #CD3333 ; font-size:25px ; font-weight: bold ; text-decoration: none ; text-align: 1px}
#contenido1 {background-color: white ; width:800px ;float:center ; border-left:black 2px solid ; border-right: black 2px solid ; border-bottom: #708090 2px solid }
#contenido1 p {padding: 5px 10px 5px 10px ; text-indent: 12px }
#contenido1 li { width: 180px ; margin: 5px 10px 5px 10px ; padding-top:12px ; font-size: 12px }
#lugar {background-color: white ; width: 300px ; margin: 5px 0px 0px 0px ; padding-top:12px ; font-size: 12px ; border-top :#708090 1px solid }
#totalcartelera {background-color: white ; float:center ; width: 650px ; margin: 5px 0px 0px 0px ; padding-top:12px ; font-size: 12px}
#cartelera1 {background-color: white ; background-image: url(objetos/fondohistoria.jpg); background-repeat: no-repeat ;width: 300px ; margin: 5px 0px 0px 0px ; padding-top:12px ; font-size: 12px ; float:left;border-left:#708090 2px solid ; border-right: #708090 2px solid ; border-bottom: #708090 2px solid ; border-top: #708090 2px solid }
#cartelera {background-color: white ; width: 300px ; margin: 5px 0px 0px 0px ; padding-top:12px ; font-size: 12px ; border-top :#708090 1px solid }
#cartelera2 {background-color: white ; background-image: url(objetos/fondohistoria.jpg); background-repeat: no-repeat ;width: 300px ; margin: 5px 0px 0px 0px ; padding-top:12px ; font-size: 12px ; float:right;border-left:#708090 2px solid ; border-right: #708090 2px solid ; border-bottom: #708090 2px solid ; border-top: #708090 2px solid }
#pdf { background-color: white ; width: 280px ; padding-top:12px ; font-size: 12px ; float:left ; border-top: #708090 2px solid}
#mikel { background-color: white ; width: 300px ; margin: 5px 10px 5px 10px ; padding-top:12px ; font-size: 12px ; float:right}
#entrenamientos { background-color: white ; width: 308px ; padding-top:12px ; font-size: 14px ; float:right}
#arriba { background-image: url(objetos/fondoarriba.jpg ) ; background-repeat: no-repeat ; font:delegate 18px Algerian, sans-serif ; background-color: white ; margin: 0px 0px 0px 0px ; width: 510px ; float:left ; text-align:0px ; border-bottom: #708090 2px solid}
#publitakos { background-image: url(objetos/fondoizquierda.jpg ); background-repeat: no-repeat ;width: 180px ; float:left; font.size: 0.9em ; border-top: #708090 2px solid ; border-bottom: #708090 2px solid }
#infor { background-image: url(objetos/takos.jpg ); background-repeat: no-repeat ;width: 180px ; font.size: 0.99em }
#izquierda { background-image: url(objetos/fondoizquierda.jpg ) ; background-repeat: no-repeat;width: 180px ; float:left ; background-color: white ; font.size: 0.9em ; border-right: #708090 2px solid ; border-bottom: #708090 2px solid}
#izquierda li {padding: 5px 10px 5px 10px; width: 150px ; font.size: 0.9em ; float:left ; list-style: underline }
#izquierda h2 { font.size: 1em;font-size:12px; color: black ; font-weight: bold ; text-decoration: none ; text-align: 0.5px}
#pie {background-image: url(objetos/fondopie.jpg ) ; background-repeat: no-repeat ; background-color: white ; float:left ; border-left: black 1px solid ; border-right: black 1px solid;border-bottom: black 1px solid ; border-top: black 1px solid ; solid height:100px ;solid-width:803px ; width:800px ; height: 78px }}
a {color: white; font-size:1.3em ; text-decoration: none ; display: block }
a:link {color: black ; text-align: left}
a:visited {color: black ; text-align: left}
a:hover {color:blue ; text-decoration:underline ; background-color: silver}
a:active {color:blue }
#flecha {background-color: white ; width:0px ;float:right ;height:20px ; background-image: url( objetos/flecha.gif ); background-repeat: no-repeat }
#flecha li { width: 0.1px; float:right ; list-style:none ; margin: 0px 10px 0px 10px }
#foto {background-image: url(objetos/P1030331%20copia.jpg);background-repeat: no-repeat ;height:"349" ; width:"270" ;overflow : right}
.rojo { color: red; }
.negro { color: black; }
.azul { color: blue; }
.gris { color: grey; }
.centrado {text-align:center}