Como quito estos espacios a los lados

BlackJay · #1 (**permalink**) 02/08/2011, 17:04

Hola tengo un problema con algo de css capaz es es re facil pero nunca intentaba arma diseños el problema es el siguiente

la cosa es sacarle ese espacio que hay al lado del rectangulo ya intente con margin pero nada este es el codigo css del rectangulo

Código:

#logo{
	background-color:#F00;
	width:100%;
	height:300px;
			}

Espero que me puedan ayudar desde ya muchas gracias!!

pitufoweb · #2 (**permalink**) 02/08/2011, 17:08

pon todo el código.

Saludos

BlackJay · #3 (**permalink**) 02/08/2011, 17:10

Cita:

Iniciado por pitufoweb

pon todo el código.

Saludos

El css o html ??

pitufoweb · #4 (**permalink**) 02/08/2011, 17:13

todo.

Saludos

BlackJay · #5 (**permalink**) 02/08/2011, 17:16

#menu{

width:100%;
background-color:#000;
position:absolute;
top:0px;
left:0px;
border:solid;
border-color:#0F0;
border-right:none;
border-top:none;
border-left:none;
}

#menu ul li{

display:inline;
padding-left:30px;
}

#menu ul{
padding-top:3px;
padding-bottom:3px;

}

#menu ul li a{
font-size:11px;
color:#CCC;
text-decoration:none;
}

#menu ul li a:hover{
color:#FFF;
}

#logo{
background-color:#F00;
width:100%;
height:300px;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="estilos.css" />
</head>

<body>

<div id="menu">
<ul>
<li><a href="index.php">PRINCIPAL</a></li>
<li><a href="cfg.php">CFG</a></li>
<li><a href="ftp.php">FTP</a></li>
<li><a href="contacto">CONTACTO</a></li>
</ul>
</div>

<div id="logo">
</div>

<div id="contenido">
</div>

</body>
</html>

pitufoweb · #6 (**permalink**) 02/08/2011, 17:38

agrega a tu CSS;

body { margin:0; }

Saludos

andresdzphp · #7 (**permalink**) 02/08/2011, 17:47

Tienes muchas cosas que sobran en tu CSS, seguro esto es lo que quieres hacer.

Código CSS:

Ver originalbody {
margin: 0;
}
    
#menu{
width:100%;
background-color:#000;
border-bottom: #0F0 solid 3px
}
 
#menu ul li{
display:inline; 
padding-left:30px;
}
 
#menu ul{
padding-top:3px;
padding-bottom:3px;
margin: 0;
}
 
#menu ul li a{
font-size:11px;
color:#CCC;
text-decoration:none;
}
 
#menu ul li a:hover{
color:#FFF; 
}   
 
#logo{
background-color:#F00;
height:300px;
}

infiero · #8 (**permalink**) 02/08/2011, 18:02

AGREGA ESTO AL CSS

Código CSS:

Ver originalbody {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

pitufoweb · #9 (**permalink**) 02/08/2011, 18:09

Cita:

Iniciado por infiero

AGREGA ESTO AL CSS

Código CSS:

Ver originalbody {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

@infiero que no seria mas fácil poner; body {margin:0;}

Saludos

infiero · #10 (**permalink**) 03/08/2011, 15:53

Lo pongo asi para que aprenda el objetivo del codigo, porque es facil que otros te digan que tenes que hacer pero si le pongo asi el codigo se va a dar cuenta de que el codigo elimina los margenes tanto de arriba, abajo, izquierda y derecha. Luego aprendera como abreviar codigos.

spider_boy · #11 (**permalink**) 03/08/2011, 22:04

Cita:

Iniciado por infiero

Lo pongo asi para que aprenda el objetivo del codigo, porque es facil que otros te digan que tenes que hacer pero si le pongo asi el codigo se va a dar cuenta de que el codigo elimina los margenes tanto de arriba, abajo, izquierda y derecha. Luego aprendera como abreviar codigos.

O quizá habría sido lo mismo, escribiendo solo margin y un link a un sitio donde explique lo que hace. Creo yo... solo digo.

pitufoweb · #12 (**permalink**) 04/08/2011, 18:00

Lo curioso del caso es que @BlackJay ni siquiera regreso para dar las gracias.

Saludos

infiero · #13 (**permalink**) 06/08/2011, 15:49

Cita:

Iniciado por spider_boy

O quizá habría sido lo mismo, escribiendo solo margin y un link a un sitio donde explique lo que hace. Creo yo... solo digo.

para algo le respondo yo xD
no me cuesta nada escribir 3 palabras mas.
Es mas creo que me fastidiaria mas buscar la web con la explicacion que escribirlo yo.