Estoy haciendo un ejercicio:

http://kioscoelcoso.iespana.es/

pero tanto en ie como en opera no me sale le boton radio, solo el
texto que le acompaña. En ff y en nespcape se ve correctamente

el codigo

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd";>
<html>
<head>
<title>LA WEB DEL INVIERNO</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet"  href="estilosDesarrolloWeb.css">
</head>

<body>

<div id="contenedor">

        <div id="cabecera"><img src="imagenes/cabecera.jpg" alt="la web del
invierno"></div>
        
                <div id="navegador">
                <a href="#" class="enlacenav">Portada</a> |
                <a href="#" class="enlacenav">Invierno</a> |
                <a href="#" class="enlacenav">Diciembre a Marzo</a> |
                <a href="#" class="enlacenav">La Chimenea  </a> |
                <a href="#" class="enlacenav">Deportes de Inviernos</a>|
                <a href="#" class="enlacenav">Contactos</a>
                </div>
                
                <div id="lateral">
                <h2 class="titlat">buscar</h2>
                        <div id="fbuscar" class="cuerpolateral">
                                <form action="" method="post">
                                <div id="campotexto"><input type="text" 
name="criterio"></div>  
                                <div id="botonbuscar"><input name="busca" 
type="image"
src="imagenes/go.gif" ></div>
                                <div class="radio"<input type="radio" name="op" 
value="1">En la
Web de Invierno</div>
                                <div class="radio"<input type="radio" name="op" 
value="2">En toda
la Web</div>
                                </form>
                        </div>
                </div>  

                                                

                
                
                
                <div id="cuerpo">
        
                <h1>Titulo de la pagina</h1>
                <p>
                En este articulo vamos a conocer la maquetacion de paginas de 
estilo
en cascada(CSS).
                Veremos como realizar este tipo de maquetacion, junto con 
algunas
ventajas e inconvenientes
                Para muchos sera todavia un campo por explorar.Aunque no vamos a
entrar en grandes detalles, vamos
                a intentar dar a conocer la maquetacion con CSS para cubrir la
posible lagana por parte del lector
                En capitulo sucesivos ampliaremos la informacion y ofreceremos
tutoriales mas practicos.
                </p>
                <p>
                Como se ha podido aprender en el Manual de CSS,las hojas de 
estilo
en cascada ayudan a separar el
                contenido de la forma, es decir...
                </p>
                
                        <div id="navabajo">
                        <a href="#">Volver</a> |
                        <a href="#">Portada</a> |
                        <a href="#">Mapa del Sitio</a> |
                        </div>
                

                
                </div>
                
                

        

</div>


</body>
</html>



el css


/* CSS Document */
body{ background-image: url(imagenes/fondo.gif);
font:8pt;
font:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
margin:20px 0px 20px 0px;
text-align:center;
                
}

#contenedor{
text-align:left;
width:700px;
background-color:#ffffff;
margin:auto;

}

#cabecera{
width:700px;
height:100px;

}

#navegador{
background-image:url(imagenes/fondonav.gif);
padding:3px 10px 5px 10px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;

}

#cuerpo{
width:480px;
margin-left:8px;
padding:12px 0px 10px 0px;
background-color:#ffffff;

}

#lateral{
width:200px;
background-color:#ebf2fe;
border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
float:right;

}


.titlat{
background-color:#68729e;
color:#ffffff;
font-size:8pt;
text-transform:uppercase;
padding:7px 3px 7px 8px;
font-weight:normal;
letter-spacing:2px;
margin:0px 0px 8px 0px;

}

.cuerpolateral{
padding:5px 4px 13px 10px;

}

input{
font-size:8pt;

}

#fbuscar form{
margin-top:0px;
margin-bottom:0px;

}

#campotexto{
float:left;

}

#campotexto imput{
width:100px;

}

#botonbuscar{
padding-top:3px;
padding-left:106px;

}

#botonbuscar imput{
border:0px none;

}

.radio{
clear:both;

}

h1{
font-size:18px;

}

#navavajo{
font-weight:bold;

}
a.enlacenav, a.enlacenav:VISITED, a.enlacenav:ACTIVE,
a.enlacenav:FOCUS, a.enlacenav:LINK¨{
color:#494E6B;

}

A.enlacenav:HOVER{
color:#00CC00;

}


he seguido el ejercicio al pie de la letra, he hecho miles de pruebas,
pero nada no doy con  la tecla

el ejercicio esta en

http://www.desarrolloweb.com/articulos/1823.php

por si os sirve de algo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a