Un poco de ayuda respecto a modificar margenes

dragster2020 · 3 Mar 2009, 08:17 · Solicitar retirada

hola, me gustaria que me ayudaran para modificar los margenes de estas direcciones y que queden pegadas al menu vertical y tambien darle espacio entre direccion telefono y mail. porfavor.
estos son los codigos

<html xmlns="http://www.protekt.com.mx" xml:lang="en" lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Donde Estamos</title>

<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

<meta name="keywords" content="Site keywords here" />
<meta name="description" content="Site description here" />
<meta name="author" content="Your name here" />

<link rel="stylesheet" type="text/css" href="css/style.css" />

<STYLE>
.direccion { font-size: 15 cm;
margin: 0 auto ;
padding: 0 auto ;
text-align: right }
</STYLE>

</head>

<body>

<div id="head">
<h1>POTEKT.COM.MX</h1>
</div>

<div id="nav">
<ul>

<span>INICIO</span>

<span>GALERIA</span>

<span>LINKS</span>

<span>TERMINOS Y CONDICIONES</span>

<span>DONDE ESTAMOS</span>

</div>

<div id="main">
<div>
<span style="float:left;width:425px">
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=d&saddr=%2B19%C2%B0+28'+56.64%22,+-99%C2%B0+13'+7.57%22+(19.482400,+-99.218770)&daddr=&hl=en&geocode=&mra=mi&sll=19.513198,-99.218216&sspn=0.320367,0.439453&ie=UTF8&ll=19.513198,-99.218216&spn=0.320367,0.439453&output=embed&s=AARTsJoLJvskJt0D8rRaWmsei-xoXpMdhw"></iframe>
View Larger Map
</span>
<SPAN CLASS="direccion" style="float:left;width:200px">Calz. de las Armas 753
Col. Ampl. San Pedro Xalpa
02719 Azcapotzalco
México D.F.
Telefonos: (55) 5359-4170 y 5359-3754
Fax: (55) 5236-3437

</span>
</div>

<div>
<span style="float:left;width:425px">
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=d&saddr=%2B25%C2%B0+42'+37.98%22,+-100%C2%B0+18'+30.20%22+(25.710550,+-100.308390)&daddr=&hl=en&geocode=&mra=mi&sll=25.724447,-100.307236&sspn=0.306203,0.439453&ie=UTF8&ll=25.724447,-100.307236&spn=0.306203,0.439453&output=embed&s=AARTsJqR8AXbnt0m6sMBoz8nA-0e_5lEtA"></iframe>
View Larger Map
</span>
<SPAN CLASS="direccion" style="float:left;width:200px">
Rafael de la Peña y Peña Oriente #215, Col. del Note

C.P. 64500, Monterrey N.L.

Telefonos: (81) 8115-1266 y 8351-5551

Fax: (81) 8115-1267

</span>
</div>

<div>
<span style="float:left;width:425px">
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=d&saddr=%2B21%C2%B0+8'+50.46%22,+-86%C2%B0+52'+51.56%22+(21.147350,+-86.880990)&daddr=&hl=en&geocode=&mra=mi&sll=21.158159,-86.881256&sspn=0.316976,0.439453&ie=UTF8&ll=21.158159,-86.881256&spn=0.316976,0.439453&output=embed&s=AARTsJr_NIlD2J-sA-idS1KUkdwFqXE8xg"></iframe>
View Larger Map
</span>
<SPAN CLASS="direccion" style="float:left;width:200px">José López Portillo
(entre Calle 141 y Calle 143)
casi esquina con Andrés Quintana Roo 77519
Cancún Quintana Roo
Telefonos: (998) 251-9615
</span>
</div>

</div>

<div id="sidebar">

<ul>

Lo basico del Vidrio

Templado o Laminado?

Que Ofrecemos?

Productos

Recomendaciones

</div>

<div id="foot">

bla bla bla</a></p>
</div>

</body>

</html>

y los .css

/* Layout elements */

/* Fundamentals */

html {
background: #222 url(../images/bg.gif) repeat-x scroll;
font: 0.75em/1.3 Verdana, Helvetica, Arial, Sans-serif;
text-align: justify;
}

/* Body container */

body {
font-size: 15 cm;
margin: 0 auto ;
padding: 0 auto ;
text-align: justify;
width: 955px;
background: #fff url(../images/mainbg.gif) repeat-y;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

/* Links */

a:link, a:visited {
color: #b55555;
text-decoration: underline;
}

a:hover,a:active {
color: #386084;
text-decoration: underline;
}

/* Headings */

h2 {
font: normal 1.6em "Century Gothic", Geneva, Helvetica, Arial, Sans-serif;
}

h3 {
font: normal 1.5em "Century Gothic", Geneva, Helvetica, Arial, Sans-serif;
}

h4 {color:red;
font: normal 1.1em "Century Gothic", Geneva, Helvetica, Arial, Sans-serif; margin-top:10px ; margin-bottom:0px ;

margin-left:48px ; margin-right:0px
}

h5 {color:red;
font: normal 1.5em "Century Gothic", Geneva, Helvetica, Arial, Sans-serif;
}

h6 {color:blue;font:normal 0.7;text-align: right }

/* Lists */

ul {
margin-left: 25px;
padding: 0;
}

li {
list-style-type: square;
}

/* Layout IDs */

/* Header */

#head {
width: 955px;
height: 150px;
}

#head h1 {
margin: 0;
padding: 0;
display: block;
width: 955px;
height: 150px;
background-image: url(../images/head.JPG);
text-indent: -10000px;
}

/* Navigation */

#nav {
margin: 0;
padding: 0;
width: 955px;
height: 20px;
}

/* Navigation list */

#nav ul {
margin: 0 0 0 13px;
padding: 0;
}

#nav li {
float: left;
list-style: none none;
font-size: 0.7em;
margin: 0 0 0 2px;
padding: 3px 0;
text-transform: uppercase;
}

/* Navigation links */

#nav li a:link, #nav li a:visited {
margin: 0;
padding: 3px 0;
display: block;
width: 183px;
color: #222;
background-color: #f3f3f3;
text-decoration: none;
text-align: center;
}

#nav li a:hover, #nav li a:active {
margin: 0;
padding: 3px 0;
display: block;
width: 183px;
color: #111;
background-color: #fefefe;
text-decoration: none;
}

/* Span to change colour */

#nav li a:link span, #nav li a:visited span {
margin: 0;
padding: 0;
color: #5588b5;
text-decoration: none;
}

#nav li a:hover span, #nav li a:active span {
margin: 0;
padding: 0;
color: #5588b5;
text-decoration: none;
}

/* Main content */

#main {
width: 680px;
padding: 15px;
float: left;
}

/* Sidebar */

#sidebar {
width: 190px;
padding: 15px;
float: right;
}

/* Sidebar list links */

#sidebar ul {
margin: 0;
padding: 0;
}

#sidebar li {
margin: 3px 0 0 0;
padding: 0;
list-style-type: none;
}

#sidebar li a:link, #sidebar li a:visited {
display: block;
width: 180px;
padding: 2px 0 2px 5px;
background-color: #f1f1f1;
color: #333;
text-decoration: none;
}

#sidebar li a:hover, #sidebar li a:active {
display: block;
width: 180px;
padding: 2px 0 2px 5px;
background-color: #fcfcfc;
color: #222;
text-decoration: none;
}

/* Footer */

#foot {
margin: 0;
padding: 0;
text-align: center;
clear: both;
}

#foot p {
margin: 0;
padding: 20px 0;
font-weight: bold;
}

Saludos y gracias.

Yaneth · 3 Mar 2009, 17:01 · Solicitar retirada

hola

has hecho el curso paso a paso de la web???????

esto que nos muestras... es una plantilla????

ya lo subiste a la red?????

dragster2020 · 4 Mar 2009, 03:56 · Solicitar retirada

Yaneth escribió:hola

has hecho el curso paso a paso de la web???????

esto que nos muestras... es una plantilla????

ya lo subiste a la red?????

Hola, si ya lo hice pero seria bueno volverlo a checar