Entrar

margin conproblemas

ampurdanes · · Solicitar retirada
Hola a todos.
Tengo un problema con el margin:Xpx,Xpx,Xpx,Xpx.
Resulta que tengo tres imagenes que colocar en la pagina principal de manera alineada y separadas entre ellas con una cota fija.
He aplicado margin y todo parecia a ir bien. sólo que con el navegador crhome no me actua e margin i me quedan ls tres imágenes juntas i sin separación en laparte sperior de navegador. Esto no me pasa con explorer que se ve correcto.
La pag esta en http:91.235.40.124/~ammuntco/
¿Que es lo que puede estar sucediendo?
Un saludo
Endika · · Solicitar retirada
En la página que muestras las imágenes no tienen ningún tipo de margen entre ellas.

Si quieres más ayuda tendrás que introducir el código que estas utilizando.

Saludos :D
ampurdanes · · Solicitar retirada
Hola a todos.
Tanto en el Html como en el css utilizo minusculas.
Os paso primero el HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<link rel="stylesheet" href="estil.css"
type="text/css" media="all">
<title>Construccions insta·lacions ascensors</title>
</head>
<body>
<div id=global>
<div id=cabecera>BIENVENIDOS A GRUP AMMUNT</div>
<div id=contenido>
<span id=menu1><img alt="0 (6K)" src="objetos/0.jpg" height="121" width="226" /></span>
<div id=menu2><img alt="0 (6K)" src="objetos/0.jpg" height="121" width="226" /></div>
<div id=menu3><img alt="0 (6K)" src="objetos/0.jpg" height="121" width="226" /></div>
</div>
</div>





</body>
</html>


Y ahora el css:
* {margin:0px; padding:0px; border:0px;}
body {text-align:center;}
body {background-color:#E6E6FA ; background-image:url(objetos/fondo.jpg);}

#global {width:1000px; margin:4px auto;}
#cabecera {background-color:brown}
#contenido {background-color:brown}
#menu1 {background-color:yellow; width:150px; float:left;margin-top:400px,0px,10px,50px}
#menu2 {background-color:yellow; width:150px; float:left;margin-top:400px,110px,10px,110px}
#menu3 {background-color:yellow; width:150px; float:left;margin-top:400px,0px,10px,0px}
#navegar {background-color: yellow}
#pie {background-color:green}


Veis algún error?
skaparate · · Solicitar retirada
Hola!

El error es simple: cuando separes medidas, no uses coma. Además estás utilizando mal el estilo margin.

Hay dos formas de dar estilo al margin: todos los márgenes en una sola instrucción o una instrucción por cada margen.

Forma corta
#menu1 { margin: Npx Npx Npx Npx; }

En este caso, el primer valor corresponde al margin-top, el segundo al margin-right, el tercero al margin-bottom y el último al margin-left (en el sentido de las agujas del reloj: arriba, derecha, abajo e izquierda).

Cada margen
#menu1 {
margin-top: Npx;
margin-left: Npx;
margin-right: Npx;
margin-bottom: Npx;
}

Donde N es un número.

La forma corta también tiene otras 2 formas para expresar las medidas:

/* Se definen los márgenes arriba y derecha distintos, mientras que el 3er valor será igual para el de abajo y el izquierdo */
#menu { margin: Npx Npx Npx }

/* Con esta forma, los márgenes de arriba y abajo tendrán el primer valor, mientras que los márgenes izquierdo y derecho tendrán el segundo valor */
#menu { margin: Npx Npx }

Por otro lado, si defines un elemento con width: 300px y a las imágenes les das un ancho mayor (width="500", por ejemplo), entonces las imágenes serán cortadas y con ellas el margen.

Por último, en lugar de utilizar tanto ID, puedes hacer lo siguiente:

<html>
  <head>
    <link href="estilos.css" ... />
  </head>
  <body>
    <div class="menu">
      <img src="imagenX.jpg" width="300" height="200" />
    </div>
    <div class="menu">
      <img src="imagenX.jpg" width="300" height="200" />
    </div>
    <div class="menu">
      <img src="imagenX.jpg" width="300" height="200" />
    </div>
  </body>
</html>

estilos.css
.menu {
  margin: 0px 15px 0;
  background-color: yellow;
}

Suerte :)
hatsem78 · · Solicitar retirada
Por otro lado, si defines un elemento con width: 300px y a las imágenes les das un ancho mayor (width="500", por ejemplo), entonces las imágenes serán cortadas y con ellas el margen.

Por último, en lugar de utilizar tanto ID, puedes hacer lo siguiente:
<?php echo 'pepe el lindo' ?>
hatsem78 · · Solicitar retirada
Por otro lado, si defines un elemento con width: 300px y a las imágenes les das un ancho mayor (width="500", por ejemplo), entonces las imágenes serán cortadas y con ellas el margen.

Por último, en lugar de utilizar tanto ID, puedes hacer lo siguiente:
<?php echo 'pepe el lindo' ?>