Foros del Web » Creando para Internet » CSS »

Como distribuir la informacion de este div

Estas en el tema de Como distribuir la informacion de este div en el foro de CSS en Foros del Web. Este es el codigo html <div id="bloque2"> <h4>&nbsp;</h4> AQUI VA LA INFO LA CUAL QUIERO DISTRIBUIR. </div> Aquie le codigo css #bloque2 { position: relative; ...
  #1 (permalink)  
Antiguo 05/04/2006, 20:14
Avatar de Bill Gates  
Fecha de Ingreso: abril-2005
Ubicación: En el baño
Mensajes: 261
Antigüedad: 18 años, 11 meses
Puntos: 0
Como distribuir la informacion de este div

Este es el codigo html
<div id="bloque2">
<h4>&nbsp;</h4>
AQUI VA LA INFO LA CUAL QUIERO DISTRIBUIR.
</div>

Aquie le codigo css

#bloque2 {
position: relative;
width:50%;
background-color: #FFFFFF;
float:left;
}

Como distribuir la info como la tienen estas webs
http://www.esmas.com en su pagina principal, donde estas las fotos con texto.

Si alguien me puede ayudar con el codigo, o tengo que hacerlo con tablas ya que siempre he trabajado con ellas y es mi primera vez que intento hacer con algo de css.
__________________
MI CLANhttp://s5.bitefight.es/c.php?uid=86519]
  #2 (permalink)  
Antiguo 06/04/2006, 06:15
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 20 años, 9 meses
Puntos: 1
puedes explicar mas lo que quieres hacer?
lo que quieres es tener una foto a un lado y el texto al otro?
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
  #3 (permalink)  
Antiguo 06/04/2006, 10:35
Avatar de Bill Gates  
Fecha de Ingreso: abril-2005
Ubicación: En el baño
Mensajes: 261
Antigüedad: 18 años, 11 meses
Puntos: 0
Gracias Kemie

Es un placer que me contestes, ahora te digo que intento hacer, quiero poner en el div central que es el de contenino la informacion como esta en la pagina, una foto con su respectivo texto a un lado en justificado, con su enlace a otra web donde tendra la informacion completa, que el texto se subraye cuando pasa el curso por encima, por lo regular tiene que ser asi, una foto y su texto, o en ocasiones puro texto, para mejores palabras, en el div de contenido, tendra que ser asi, dividir en cuatro partes o 6, en cada una de ellas tener informacion diferente, ejemplo: noticias, deportes,dietas,juegos, para que te des una idea, solo mira la pagina que mencione y en la parte de enmedio es lo que me interesa, como puedo lograr una distribucion asi con el codigo css o con tablas.
__________________
MI CLANhttp://s5.bitefight.es/c.php?uid=86519]
  #4 (permalink)  
Antiguo 07/04/2006, 16:34
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 21 años
Puntos: 65
Hola Bill Gates, creo que te refieres a flotar las imagenes a la izquierda de los textos y que estos a su vez sean unos enlaces no?

En el foro hay varios ejemplos, mira este por ejemplo con la diferencia que las imágenes flotan a la derecha:

http://www.forosdelweb.com/showpost....0&postcount=11

En cuanto al texto es simplemente quitar el subrayado en text-decoration y dejarlo en su estado a:hover

Espero que sea eso
  #5 (permalink)  
Antiguo 08/04/2006, 18:54
Avatar de Bill Gates  
Fecha de Ingreso: abril-2005
Ubicación: En el baño
Mensajes: 261
Antigüedad: 18 años, 11 meses
Puntos: 0
Gracias Khalito, estuve mirando tu diseño en las competrencias css, yo tambien tengo algo parecido al tuyo tres columnas, como pondrias tu la informacion en tu diseño. con que codigo
__________________
MI CLANhttp://s5.bitefight.es/c.php?uid=86519]
  #6 (permalink)  
Antiguo 09/04/2006, 10:15
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 21 años
Puntos: 65
Hola de nuevo, la verdad es que yo lo hice con 4 columnas y mal, lo hice en poco tiempo y tiene muchos fallos, y lo de poner la información tal y como quieres en ese mismo diseño... pues lo haria como en el ejemplo que te explicaba en el anterior mensaje

Saludosss
  #7 (permalink)  
Antiguo 09/04/2006, 13:45
Avatar de Bill Gates  
Fecha de Ingreso: abril-2005
Ubicación: En el baño
Mensajes: 261
Antigüedad: 18 años, 11 meses
Puntos: 0
Como lo hago

Bueno, si yo tambien le acabo de meter las cuatro columnas, mi pregunta es como poner el css,al bloque 2( div central, del contenido), lo meto directamente igual que el css principal, o como le aplico el css que me sugeristes.
__________________
MI CLANhttp://s5.bitefight.es/c.php?uid=86519]
  #8 (permalink)  
Antiguo 16/04/2006, 09:46
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 21 años
Puntos: 65
Hola de nuevo, perdona por el retraso... Semana Santa...

Creo que deberias aplicar el que te sugerí en la zona que quieras, luego ver el resultado, errores, etc etc y así quedarte con la idea principal para hacer lo que buscas.

Es mejor ponerse a practicar para ir viendo lo que haces y luego si acaso te da algun error o duda postearlo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:35.