Entrar

centrar 2 imagens n 1 misma linea n l centro de la pantalla

cocoliso1 · · Solicitar retirada
Hola, que tal va eso?, yo poco a poco con el curso, ya tengo una portada creada para mi pg. , pero tngo un problema y no consigo solucionarlo, y es que tengo dos imagenes en una misma linea que me gustaria que ambas quedaran centradas en la pantalla, y luego ponerles un perfil blanco q enmarque a las dos, pero me hes imposible, llevo intentando esto mucho tiempo y me estoy desesperando, os dejo lo que llevo de momento a ver si alguien me ayuda..

Mil gracias

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>ALMIRANTE SEIS, S.L.</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
[contenido no disponible]
[contenido no disponible]

</body>
</html>
omar.piamba · · Solicitar retirada
Hola:
Para centrarlas encerrarlas entre

y </p> con class "centrado":

<p class="centrado"><img 1> <img 2></p>

y en la hoja de estilo escribir:

.centrado {text-align:center}

(Observe que empieza con un Punto):

Un amigo desde Colombia,
omar.piamba · · Solicitar retirada
Hola:
Para centrarlas encerrarlas entre

y </p> con class "centrado":

<p class="centrado"><img 1> <img2></p>

y en la hoja de estilo escribir:

.centrado {text-align:center}

(Observe que empieza con un Punto):

Un amigo desde Colombia,
cocoliso1 · · Solicitar retirada
omar.piamba escribió:Hola:
Para centrarlas encerrarlas entre

y </p> con class "centrado":

<p class="centrado"><img 1> <img 2></p>

y en la hoja de estilo escribir:

.centrado {text-align:center}

(Observe que empieza con un Punto):

Un amigo desde Colombia,

Hola buen amigo, ya puse lo que me dijiste, q creo q es una de las mil opciones que probé entes de pedir ayuda, y no funciona, te dejo como queda lo que tengo puesto por si me ayudais
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>ALMIRANTE SEIS, S.L.</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
[contenido no disponible]
[contenido no disponible]
<p class="centrado"><"Objetos/A6%20blanco.jpg"> <"Objetos/EGO%20blanco.jpg"></p>
</body>
</html>

lo intenté con comillas, sin ellas, pero nada,

Ayuda!!!! Creo que esto voy a ser incapaz de hacerlo
KenLego · · Solicitar retirada
cocoliso1 escribió:Ayuda!!!! Creo que esto voy a ser incapaz de hacerlo
Hola, probaste haciendo un div? Intenta con esto:

<div style="text-align: center;">
[img]imagen1.gif[/img][img]imagen2.gif[/img]
</div>

Si eso todavia no funciona, proba haciendo una tabla:

<table border="0" width="100%">
<tr>
<td align="center" valign="top">
[img]imagen1.gif[/img][img]imagen2.gif[/img]
</td>
</tr>
</table>

Proba esas dos opciones :wink:
cocoliso1 · · Solicitar retirada
KenLego escribió:
cocoliso1 escribió:Ayuda!!!! Creo que esto voy a ser incapaz de hacerlo
Hola, probaste haciendo un div? Intenta con esto:

<div style="text-align: center;">
[img]imagen1.gif[/img][img]imagen2.gif[/img]
</div>

Si eso todavia no funciona, proba haciendo una tabla:

<table border="0" width="100%">
<tr>
<td align="center" valign="top">
[img]imagen1.gif[/img][img]imagen2.gif[/img]
</td>
</tr>
</table>

Proba esas dos opciones :wink:

Gracias por ayudarme,
A ver, hice lo que me dijiste, y las dos imagenes quedan alineadas en el centro de la pantalla perfectamente, pero que hago para que no salgan las otras?, es decir ahora las tengo en la parte alta de la pantalla y en el centro repetidas

Por cierto no tengo que hacer nada en la hoja de estilos?
lo unico que tengo es esto ..


body {background-color: #000000}
img {border-style: none}
.centrado{ text-align:center}

Bueno espero que me ayuden y poder simplemente centrar las imagenes en la pantalla, no tanerlas arriba y en el centro
cocoliso1 · · Solicitar retirada
KenLego escribió:Ah, si las queres justo en el centro de la pantalla solo cambia el valign="top" por valign="middle" :?

si, se centra, pero:

1 - Aparece ahora un espacio a la izq de la primera imagen que antes no existia
2 - Sigo teniendo las imagenes ahora arriba y abajo, y si borro las imagenes de arriba, pues se me suben las de la tabla,

Que mal no?