Foros del Web » Creando para Internet » CSS »

Algún ejemplo para hacer esto?

Estas en el tema de Algún ejemplo para hacer esto? en el foro de CSS en Foros del Web. Buenas, quiero hacer algo parecido a lo que hay a la derecha de esta web, http://www.waitrose.com/ . Quiero poner divs pequenyos, alguien tiene algún ejemplo ...
  #1 (permalink)  
Antiguo 19/05/2010, 07:48
 
Fecha de Ingreso: abril-2010
Mensajes: 50
Antigüedad: 14 años
Puntos: 2
Algún ejemplo para hacer esto?

Buenas, quiero hacer algo parecido a lo que hay a la derecha de esta web, http://www.waitrose.com/ . Quiero poner divs pequenyos, alguien tiene algún ejemplo sobre esto?
  #2 (permalink)  
Antiguo 19/05/2010, 08:26
Avatar de linternazo  
Fecha de Ingreso: abril-2010
Mensajes: 76
Antigüedad: 14 años
Puntos: 0
Respuesta: Algún ejemplo para hacer esto?

Un ejemplo de divs... pequeños? Les puedes dar el tamaño que quieras....

height y width?
  #3 (permalink)  
Antiguo 19/05/2010, 12:31
Avatar de ferwall  
Fecha de Ingreso: abril-2010
Mensajes: 57
Antigüedad: 14 años
Puntos: 3
Respuesta: Algún ejemplo para hacer esto?

<div align="right">
<table width="568" height="137" border="0">
</table>

Cambia los valores entre comillas.

Eso con tablas, en xhtml y css todavia estoy aprendiendo sry =P

Salu2 y suerte.
  #4 (permalink)  
Antiguo 19/05/2010, 12:53
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 16 años, 1 mes
Puntos: 142
Respuesta: Algún ejemplo para hacer esto?

¿Te refieres a donde están estos?

*Branch
*FinderRecipes
*Broadband
*MyWaitrose

Es una lista de hecho. Si ves el código fuente, puedes ver la siguiente info:

Código HTML:
<div class="quicklinks"> 
	<ul> 
		<li id="ql-branchfinder"><a href="#">Branch Finder</a></li> 
		<li id="ql-recipes"><a href="#">Recipes</a></li> 
	</ul> 
	<ul> 
		<li id="ql-broadband"><a href="#">Broadband</a></li> 
		<li id="ql-mywaitrose"><a href="#">MyWaitrose</a></li> 
	</ul> 
</div> 
Código:
.quicklinks{margin:10px 0 2px 20px;padding:0;float:right;width:250px;
 height:52px;border-left:1px solid #c0df56;}
.quicklinks UL{margin:0 10px;list-style-type:none;}
.quicklinks UL LI{float:left;display:inline;margin:0 0 2px 2px;
 padding:3px 5px 4px;border:1px solid #c2df5b;
 background:#56aa00 url('../img/bg/headerbtn.gif') repeat-x;}
.quicklinks UL LI A{text-decoration:none;}
.quicklinks UL LI#ql-branchfinder { width : auto; }
.quicklinks UL LI#ql-recipes { padding-right:6px; padding-left:5px; }
.quicklinks UL LI#ql-broadband { width : auto; clear:left; }
.quicklinks UL LI#ql-mywaitrose { width : auto; }
Bueno, quizá esté un poco liado, pero para ponerlo simple, puedes hacer algo así:

Código HTML:
<div style="width:200px;height:20px">Texto</div> 
Suerte
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #5 (permalink)  
Antiguo 21/05/2010, 04:21
 
Fecha de Ingreso: abril-2010
Mensajes: 50
Antigüedad: 14 años
Puntos: 2
Respuesta: Algún ejemplo para hacer esto?

Gracias, he conseguido hacerlo, no caía en que era una lista... , muchas gracias.
  #6 (permalink)  
Antiguo 22/05/2010, 02:59
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 9 meses
Puntos: 361
Respuesta: Algún ejemplo para hacer esto?

Hola:

A veces es muy útil la opción de ver el código fuente en el navegador.

Saludos.


Etiquetas: ejemplo
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 12:11.