Foros del Web » Creando para Internet » CSS »

Separación de imagenes

Estas en el tema de Separación de imagenes en el foro de CSS en Foros del Web. Muy buenas. He realizado unas mejoras en la web, pero me he dado cuenta que entre la parte superior de la web, la barra de ...
  #1 (permalink)  
Antiguo 24/03/2010, 18:57
Avatar de paxarin  
Fecha de Ingreso: enero-2010
Ubicación: Santander
Mensajes: 413
Antigüedad: 7 años, 10 meses
Puntos: 6
Separación de imagenes

Muy buenas.
He realizado unas mejoras en la web, pero me he dado cuenta que entre la parte superior de la web, la barra de navegación y el contenido hay una separación que no consigo eliminar.
No es que sea un problema grave pero pierde mucho como imagen.
os de jo el HTML Y CSS para ver si me podeis ayudar.

CSS

body{background-image:url(objetos2/web.jpg);background-repeat:repeat}
img {border-style: none}
#global{width:800px}
#cuerpo {width:800px; float:left; margin: 0px 0px 0px 175px}
#logotipo{margin:0px 0px 0px 175px}
#navegacion {margin: 0px 0px 0px 0px}
#navegacion li {float:left ; list-style:none}
#navegacion ul {margin-left:0px}
#contenido {width:500px}
#contenido a {color:blue}
#contenido li {list-style:none ;float:left}
#contenido1{ width:500px;float:left;margin:0px 100px}
#contenido2 {width:500px;float: left}
#contenido2 a {color :black}
#contenido2 li{list-style:none}
#contenido2 h2 {margin: 0px 30px}
#contenido3 {width: 700px; float:left;margin:35px}
#enlaces1 {float:left;margin:0px 0px 0px 225px}
#enlaces2 {float:left;margin-top: 30px}
#enlaces2 a {color:blue}
#enlaces2 li {list-style:none ;test-aling:left ;margin:0px 35px}
#enlaces3 {float:left;margin:100px}
#enlaces3 a{color: blue}
#enlaces3 li{list-style: none}
#estudio{width: 800px;float:left}
#publicidad{float:left; width: 300px; margin:80px}
#noticias{width:200px}
#noticias li{list-style:none}
#noticias a{color:black}
#leyes{margin:0px}
#leyes li{float:left}
#leyes ul{margin:0px}
#corcho{}
#corcho li{float:left;list-style:none}
#corcho ul{margin:0px}
#pie {}

HTML

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

<html>
<head>
<title>Lista de espera sanitaria</title>
<link rel="stylesheet" href="../estilos-general.css" type="text/css" media="all">
</head>
<body>
<div id="logotipo">
<img src="../objetos/logoprohibido2.jpg" alt="Lista de espera sanitaria">
</div>
<div id="cuerpo">
<div id="navegacion">
<ul>
<li><a href="../index.html"><img src="../objetos/inicio.jpg" alt="Inicio"></a></li>
<li><a href="../librodevisitas/foro.html" title="Danos tu opinión"><img src="../objetos/foro.jpg" alt="Foro de discursión"></a></li>
<li><a href="../enlacesdeinteres/enlacesdeinteres.html" title=" Algunos enlaces"><img src="../objetos/enlaces.jpg" alt=""></a></li>
<li><a href="../noticias/noticias.html" title="Ultimas noticias"><img src="../objetos/noticias.jpg" alt=""></a></li>
<li><a href="../historia/listadeespera.html"><img src="../objetos/historia.jpg" alt="Por que?"></a></li>
<li><a href="../mailto:[email protected]" title="Contacta conmigo"><img src="../objetos/contacto.jpg" alt="A tu disposición"></a></li>
<li><a href="../diseno/diseno.html"><img src="../objetos/diseno.jpg" alt="Espacio disponible"></a></li>
</ul></div>
<div id="corcho">
<ul>
<li><a href="#"><img src="../objetos2/fb.gif" alt=""></a></li>
<li><a href="#"><img src="../objetos2/cctw.gif" alt=""></a></li>
<li><a href="#"><img src="../objetos2/fg.gif" alt=""></a></li>
<li><a href="#"><img src="../objetos2/fdw.gif" alt=""></a></li>
<li><a href="#"><img src="../objetos2/mira.gif" alt=""></a></li>
</ul>
</div>
<div id="pie">
<img src="../objetos/pie.jpg">


</body>
</html>


Espero que podais ayudarme.
Muchas gracias
  #2 (permalink)  
Antiguo 25/03/2010, 11:03
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Separación de imagenes

Hola paxarin: agrega un reset, aunque sea uno básico como este: *{margin:0; padding:0;}
a lo mejor te esta molestando los 175px de marginbottom que estas añadiendo en el siguiente estilo:
#cuerpo {width:800px; float:left; margin: 0px 0px 0px 175px}
recuerda siempre incluir un punto y coma (;) para cerrar el par propiedad:valor;

No entiendo muy bien tu consulta, si posteas una imagen del tipo antes / despues tal vez pueda ayudarte un poco más.

Espero te sirva. un saludo!
  #3 (permalink)  
Antiguo 25/03/2010, 14:08
Avatar de paxarin  
Fecha de Ingreso: enero-2010
Ubicación: Santander
Mensajes: 413
Antigüedad: 7 años, 10 meses
Puntos: 6
Respuesta: Separación de imagenes

Cita:
Iniciado por cristian_cena Ver Mensaje
Hola paxarin: agrega un reset, aunque sea uno básico como este: *{margin:0; padding:0;}
a lo mejor te esta molestando los 175px de marginbottom que estas añadiendo en el siguiente estilo:
#cuerpo {width:800px; float:left; margin: 0px 0px 0px 175px}
recuerda siempre incluir un punto y coma (;) para cerrar el par propiedad:valor;

No entiendo muy bien tu consulta, si posteas una imagen del tipo antes / despues tal vez pueda ayudarte un poco más.

Espero te sirva. un saludo!
Gracias por tu respuesta voy a probarlo.
Un saludo

Etiquetas: imagenes
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 05:10.