Entrar

Quitando tablas

anunciartuweb · · Solicitar retirada
Hola,

Ante todo enhorabuena por esta pagina.

Llevaba un montón de tiempo queriendo aprender algo de CSS y empezar a usar las DIVS en vez de tablas, pero no me decidía y al entrar aquí me ha parecido mucho mas fácil de lo que pensaba. Gracias.

Bueno después del rollo...

Estoy intentando quitar las tablas de una página que tengo, de momento no me salen errores, pero me gustaría saber si voy por el buen camino o me estoy haciendo un lio.

La pagina la podeis ver aquí:

http://www.restaurantesdevalencia.info/prueba/prueba.html

El archivo css:

http://www.restaurantesdevalencia.info/prueba/estilo.css

Gracias de antemano.

Saludos.
anunciartuweb · · Solicitar retirada
Gracias Jugoncan,

Lo que me gustaria saber es si esta bien hecha la estructura de los divs, creo que me he liado un poco.

El resultado es el que queria, pero no se si hay otra manera mejor de hacerlo.

Ya he acabado la pagina del index :lol: , si alguien me comenta lo de las divs sigo adelante.

Saludos.
anunciartuweb · · Solicitar retirada
Que bien :lol: ,

Pero tengo una duda,

Por ejemplo:

div id="lineatop"></div>
<div id="globalcabecera">
<div id="cabeceraleft">
<h1>Restaurantes

de

Valencia </h1>
</div>

<div id="cabecera">
<h2 class="Encabezado">Buscador de Restaurantes</h2>

<div align="left"></div>
<div align="left" class="Encabezado2">Buscar por nombre, calle, barrio</div>
<form method="post" action="/isearch2/index.php"> <input maxlength="255" name="s" size="40" /><input type="submit" value="Buscar" /> <input type="hidden" name="action" value="search" /></form>
</div><div id="cabeceraright">

</p></div></div>
<div id="lineatop2">Inicio Contacto Anunciarse Directorio Enlaces Recomendados </div>


<div id="lineatop3"> </div>

Tengo un primer div con una imagen,
Despues un Div global,
Entonces 3 divs cabecera left (texto), center(texto) y right (imagen)
y finalmente otro div con una imagen.
Y cierro el global

No se podría hacer por ejemplo que un mismo div tuviera:

1- Una imagen arriba.
2- Debajo, texto a la izquierda, texto en el centro y imagen a la derecha,
3- Y mas abajo otra imagen.

No se si me he explicado bien, espero que si.

Saludos.
Jugoncan · · Solicitar retirada
Pues eso pones un div dentro arriba, luegos tres divs con los float, y por ultimo otro div abajo :wink:
anunciartuweb · · Solicitar retirada
Si eso es lo que he hecho,

Pero me refiero a si es posible hacerlo todo con un solo div , usando position absolute para el texto y las imagenes.

¿Es posible?

Saludos.
Jugoncan · · Solicitar retirada
Yo nunca he usado las posiciones absolutas, dan efectos raros en algunos navegadores, mejor que lo hagas como dije :wink:
anunciartuweb · · Solicitar retirada
OK, gracias.

Lo voy a dejar asi, pero para aprender mas sobre el tema, me puedes recomendar algun sitio donde pueda informarme de esto especificamente.

Gracias.
anunciartuweb · · Solicitar retirada
De posiciones absolutas, de div creo que ya lo voy entendiendo y encuentro muchas cosas en google.


Gracias por tu ayuda Jugoncan.

Saludos.