Foros del Web » Creando para Internet » CSS »

Problemas con la separación de imagenes.

Estas en el tema de Problemas con la separación de imagenes. en el foro de CSS en Foros del Web. Muy buenas he montado una serie de imagenes en la web. Pero por algun motivo quedan unos espacios entre las imagenes que no soy capaz ...
  #1 (permalink)  
Antiguo 16/03/2010, 13:57
Avatar de paxarin  
Fecha de Ingreso: enero-2010
Ubicación: Santander
Mensajes: 413
Antigüedad: 7 años, 10 meses
Puntos: 6
Problemas con la separación de imagenes.

Muy buenas he montado una serie de imagenes en la web.
Pero por algun motivo quedan unos espacios entre las imagenes que no soy capaz de quitar.
Y hay veces que cuando carga una imagen que uso como separador se separa de la barra de navegación.
Me podeis ayudar.
Os dejo la hoja de estilo.

body{background-image:url(objetos/azul.jpg);background-repeat:repeat-x}
img {border-style: none}
#global{width:800px}
#cuerpo {width:800px; float:left; margin: 0px 0px 0px 175px; background:white}
#logotipo{margin:0px 0px 0px 175px}
#navegacion {margin: 0px }
#navegacion li {float:left ; list-style:none}
#navegacion ul {margin-left:0px}
#separador{width:800px}
#contenido{width:500px;float:left;margin:20px }
#menu{width:200px;float:right}
#menu li{float:right; list-style:none}
#menu ul{}
#pie {}

Haber si me podeis ayudar
  #2 (permalink)  
Antiguo 16/03/2010, 14:19
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 9 meses
Puntos: 1314
Respuesta: Problemas con la separación de imagenes.

Esto va en CSS no en Diseño Gráfico .

Usas algún Reset?? Y cual es el HTMl cuales son las imágenes??
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 16/03/2010, 14:20
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 11 años, 6 meses
Puntos: 189
Tema trasladado desde diseño gráfico
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio
  #4 (permalink)  
Antiguo 16/03/2010, 15:17
Avatar de paxarin  
Fecha de Ingreso: enero-2010
Ubicación: Santander
Mensajes: 413
Antigüedad: 7 años, 10 meses
Puntos: 6
Respuesta: Problemas con la separación de imagenes.

pido disculpas, no me di cuenta.
  #5 (permalink)  
Antiguo 16/03/2010, 15:33
Avatar de paxarin  
Fecha de Ingreso: enero-2010
Ubicación: Santander
Mensajes: 413
Antigüedad: 7 años, 10 meses
Puntos: 6
Respuesta: Problemas con la separación de imagenes.

Cita:
Iniciado por Carlangueitor Ver Mensaje
Esto va en CSS no en Diseño Gráfico .

Usas algún Reset?? Y cual es el HTMl cuales son las imágenes??
Este es el html.
En cuanto a lo del reset, la verdad que me tienes que perdonar que no se a que te refieres.

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

<html>
<head>
<title>Lista de espera sanitaria</title>
<link rel="stylesheet" href="estilos.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="enlacesdeinteres/enlacesdeinteres.html" title=" Algunos enlaces"><img src="objetos/enlaces.jpg" alt=""></a></li>
<li><a href="librodevisitas/foro.html" title="Danos tu opinión"><img src="objetos/foro.jpg" alt=""></a></li>
<li><a href="noticias/noticias.html" title="Ultimas noticias"><img src="objetos/noticias.jpg" alt=""></a></li>
</ul></div>
<div id="separador">
<img src="objetos/separador.jpg">
</div>
<div id="contenido">
<p> Esta Web esta enfocada principalmente para la gente que se encuentre atrapada en alguna<b> lista de espera sanitaria</b>, bien sea para consultas, pruebas hospitalarias o intervenciones quirúrgicas</p>
<p>Aquí encontrareis todo tipo de información sobre este tema, como la constitución española, ley de garantia de la sanidad publica, noticias publicadas en la prensa y un foro de discusión. En el que podreis valorar los temas de la web, asi como expresar vuestros casos y pensamientos sobre este tema. </p>
<p>Amparándonos en la<b> Constitución Española</b> y haciendo uso del articulo 20, esta Web ve la luz con la esperanza de que sirva de ayuda a cualquier persona afectada por este moderno "mal" que recorre ya las principales arterias de nuestro sistema sanitario sin control ninguno.</p>
<p>Espero que con vuestra ayuda y colaboración hagamos posible que este proyecto continué hacia delante.</p>
</div>
<div id="menu">
<ul>
<li><a href="mailto:[email protected]" title="Contacta conmigo"><img src="objetos/contacto.jpg" alt="A tu disposición"></a></li>
<li><a href="historia/listadeespera.html"><img src="objetos/quien.jpg" alt="Por que existimos"></a></li>
<li><a href="enlacesdeinteres/webamigas.html"><img src="objetos/amigas.jpg" alt="Otras web´s"></a></li>
<li><a href="diseno/diseno.html"><img src="objetos/diseno.jpg" alt="Diseñada por?"></a></li>
<li><a href="diseno/publicidad.html"><img src="objetos/publicidad.jpg" alt="Espacio disponible"></a></li>
</ul>
</div>
<div id="pie">
<img src="objetos/pie.jpg">
<!--Estadisticas-->
<!--
// Modification of this code is not allowed and will permanently disable your account!
// Account ID : 536685
// Website URL: http://listadeespera.myartsonline.com
// Copyright (C) 2002-2007 OneStat.com All Rights Reserved
-->
<div id="OneStatTag"><table border='0' cellpadding='0' cellspacing='0'><tr><td align='center'>
<script type="text/javascript">
<!--
function OneStat_Pageview()
{
var d=document;
var sid="536685";
var CONTENTSECTION="";
var osp_URL=d.URL;
var osp_Title=d.title;
var t=new Date();
var p="http"+(d.URL.indexOf('https:')==0?'s':'')+"://stat.onestat.com/stat.aspx?tagver=2&sid="+sid;
p+="&url="+escape(osp_URL);
p+="&ti="+escape(osp_Title);
p+="&section="+escape(CONTENTSECTION);
p+="&rf="+escape(parent==self?document.referrer:to p.document.referrer);
p+="&tz="+escape(t.getTimezoneOffset());
p+="&ch="+escape(t.getHours());
p+="&js=1";
p+="&ul="+escape(navigator.appName=="Netscape"?nav igator.language:navigator.userLanguage);
if(typeof(screen)=="object"){
p+="&sr="+screen.width+"x"+screen.height;p+="&cd=" +screen.colorDepth;
p+="&jo="+(navigator.javaEnabled()?"Yes":"No");
}
d.write('<a href="http://www.onestat.com/aspx/login.aspx?sid='+sid+'" target=_blank><img id="ONESTAT_TAG" border="0" src="'+p+'" alt="This site tracked by OneStat.com. Get your own free site tracker."></'+'a>');
}

OneStat_Pageview();
//-->
</script>
<noscript>
<a href="http://www.onestat.com"><img border="0" src="http://stat.onestat.com/stat.aspx?tagver=2&amp;sid=536685&amp;js=No&amp;" ALT="software estadisticas gratis"></a>
</noscript>
</td></tr><tr><td align='center'><div style="COLOR:black;display:none;FONT-FAMILY:'Verdana';"><a href="http://www.onestat.com/es/index.html" style="text-decoration:none;">software estadisticas gratis</a><br></div></td></tr></table></div>
<!--fin estadisticas-->
</div>
</body>
</html>
  #6 (permalink)  
Antiguo 16/03/2010, 16:09
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problemas con la separación de imagenes.

Hola:

Léete este artículo, te quedará claro que es y para que se utiliza el reset, que puede ser la causa de que no consigas hacer lo que quieres.

Saludos.


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 10:52.