Comunidad de diseño web y desarrollo en internet online

pregunta de tutorial CSS

Citar            
MensajeEscrito el 27 Jul 2005 08:03 am
porque en el "Tutorial de posicionamiento y layout en CSS" de esta página se utiliza la propiedad float para hacer la lista horizontal
float:left; /*y los floto a la izquierda para eliminar el salto de linea*/

y en este otro ejemplo se utiliza la propiedad display pra hacerla
To force the list into one line, apply "display: inline;" to the "LI".
de esta página http://css.maxdesign.com.au/listutorial/horizontal04.htm

¿de que depende de que se utilice uno u otro método? o se utiliza cualquiera indiferentemente.

La verdad empecé aprender CSS y luego me hago bolas, bueno ojala me puedan ayudar gracias.

Por new_opeth

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 27 Jul 2005 02:01 pm
hola

creo que estás confundiendo los términos, la propiedad float se utiliza, en su mayor parte, para maquetar el diseño.

en el link que pones no maquetan nada, sólo hacen de una lista que se vería así
- elemento1
- elemento2
- elemento3

a ésta forma:
elemento1 elemento2 elemento3

si mal no me equivoco, puedes hacer esto con float (que sería una de esas extrañas aplicaciones fuera de la maquetacíon) pero implicaría utilizar padding y margin, ya que sólo poniendo float:left a los elementos de la lista se vería de la siguiente forma
elemento1elemento2elemento3

en resumen:
float se utiliza el 90% de las veces para maquetar un sitio
display se utiliza para modificar la forma en la que se presenta un elemento
con display no puedes hacer columnas, con float sí

un saludo

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 03 Ago 2005 03:27 am
gracias por la respuesta, entiendo la diferencia pero mi pregunta se enfocaba más en ¿porqué se utilizo en este tutorial la propiedad float en vez de display para crear un menu horizontal? ¿implica alguna ventaja? pero creo que la respuesta es "por que si" (porque creo que realmente no hayn alguna ventaja).

bueno, adios.

Por new_opeth

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 03 Ago 2005 02:04 pm
Utilice float, porque hice la prueba en varios navegadores y este metodo fue el que me funciono mejor, algunas veces poniendo display:inline; quedaban colocados uno detras de otro pero como en escalera, etc..
Asi me parecio mas seguro y no me ha dado problemas hasta ahora.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.