Ver Mensaje Individual
  #5 (permalink)  
Antiguo 27/02/2011, 12:24
Avatar de ArturoGallegos
ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Duda con botones, redondeos y colocación en CSS.

La a en negrita significaría un link, no?
Si, el colocar (a) hace referencia a los links en sus 4 modalidades :link, :active, :visited y :hover (podria darse una 5ta modalidad :focus)
y a:hover siggnificaría un link después de pinchar encima o al hacerlo, me equivoco?
No, el efecto al pinchar un link es el :focus, el efecto :hover es antes aplica unicamente cuando pasas el ratón por encima del elemento.
si se linkea solo el texto de dentro del div botón, el mismo div botón cambiaría con los atributos que hay en #div A, no?
si se linkea?¿ creo que te refieres a dar clic si es así la respuesta es...
No, el div no esta cambiando junto con el link si observas en el css tiene

Código CSS:
Ver original
  1. .botones_header_marcado {
  2.     float: left;
  3. }
  4. .botones_header_marcado a {...}

con el float:left; le esta indicando que tome el mismo ancho que tenga su contenido y el div no tiene mas estilos que eso, en ese enlace tu no estas viendo el fondo del div solo estas viendo el enlace

Dices que usa 990px y el resto es 100% de ancho, es decir se ajusta al tamaño del navegador, pero al modificar el tamaño del explorador la anchura no cambia.
así es tiene 990px en su sitio de echo utiliza una forma un tanto peculiar para realizar ese efecto aunque existen varios... en este sitio lo hacen así:
Código HTML:
Ver original
  1. <div id="headerbg"><!-- Div para el fondo con ancho al 100% -->
  2.     <div id="header"><!-- Div centrado con ancho 990px -->
  3.     todo el contendio del header
  4.     </div>
  5. </div>
  6. <!-- SPOTLIGHT -->
  7. <div id="spotlightbg"><!-- Div para el fondo con ancho al 100% -->
  8.     <div id="spotlight"><!-- Div centrado con ancho 990px -->
  9.     todo el contendio del spotlight
  10.     </div>
  11. </div>
  12. <!-- CONTENT -->
  13. <div id="content"><!-- Div centrado con ancho 990px -->
  14.     todo el contenido del sitio
  15. </div>
  16. <!-- FOOTER -->
  17. <div id="footerbg" align="center"><!-- Div para el fondo con ancho al 100% y texto centrado-->
  18. todo el contenido del footer
  19. </div>

Otra cosa y es que para rellenar de fondo con divs sobrante sería hacerlo en el mismo contenedor de todo, no es así?
No necesariamente, puede usarse el mismo div, pueden usarse varios como te mostré en el punto anterior, o puede usarse uno o varios div fuera del contenedor del sitio con position:absolute; y z-index:-10