CSS width para textos

miren en www.bugu.tk , como hago con css para que las "cajas" de todos los links tengan el mismo ancho??

Hola, bueno lo primero, defines una clase para los divs:

Código :

.caja_link {
  width: 100px;
  background-color: #666666;
  color: #FFFFFF;
  }

.caja_link:hover {
  background-color: #999999;
  border-color: red(no recuerdo el numero);
  border-width: 1px solid;
  }

Y luego lo asignas a cada div:

Código :

<div class="caja_link">link 1</div>
<div class="caja_link">link 2</div>
<div class="caja_link">link 2</div>

Con eso deberia funcionar bien en cualquier navegador

a mi tambien me interesa mucho este tema del CSS y apenas comienzo a leer...pero este post si va aki?

Cierto, deberia estar en general.

Bien, ya es otro dia y ya puedo entrar al IE. Creo que lo que buscas es esto anabelle.


CSS

Código :

.links {
  width:75px;
  height:15px;
  margin:15px;
  }
  
.links a {
  width:100%;
  height:100%;
  display:block;
  
  background:#000;
  border:1px solid #000;
  
  color:#FFF;
  font-family:verdana;
  font-size:10px;
  text-transform:uppercase;
  text-decoration:none;
  }
  
.links a:hover {
  background:#000;
  border:1px solid red;
  }

XHTML

Código :

<div id="links">
   <div class="links">
   <a href="#">a</a>
   </div>
   <div class="links">
   <a href="#">a</a>
   </div>
   <div class="links">
   <a href="#">a</a>
   </div>
</div>

Suerte!


PD: ramm tu codigo no funciona en IE. Te odio IE, si si te odio!!

Cierto, habia olvidado que en IE no sirve el :hover asi.

si, yo tambien te odio

ramm escribió:

Me odias ?
Oh yeeahh!
MWAHAHAHAHAHA

i was talking about IE