Foros del Web » Creando para Internet » CSS »

Unas preguntas

 Estas en el tema de Unas preguntas en el foro de CSS en Foros del Web. Hola estoy realizando un nuevo modelo de mi web esta puesto en esta direccion: http://www.antera-solutions.com/prueva.htm Pues bien quiero que la parte que sobresale blanca a ...
  #1 (permalink)  
Antiguo 07/10/2006, 06:12
Borjimante
Invitado
  
Mensajes: n/a
Puntos:
Unas preguntas
Hola estoy realizando un nuevo modelo de mi web esta puesto en esta direccion:

http://www.antera-solutions.com/prueva.htm

Pues bien quiero que la parte que sobresale blanca a la derecha no sobresalga.
Quiero tambien que la franja discontinua salga entre las dos cajas.
Quiero que la cja de la derecha quede a la derecha y no debajo de la linea discontinua.

PD: No quiero modificar el witdh del cuerpo el de las cajas si se puede modificar.

Os dejo el codigo de:

prueva.htm:

Cita:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Antera Solutions :: Diseño y desarrollo web a medida</title>
<meta name="title" content="Antera Solutions :: Diseño y desarrollo web a medida">
<meta name="Keywords" content="Diseño web, desarrollo web, creacion de webs, promocion web, antera solutions, portfolio, servicos, empresa, española">
<meta name="Description" content="Empresa española que ofrece servicios de diseño y desarrollo web para cada cliente">
<meta name="author" content="Antera Solutions">
<meta name="revisit-after" content="15 days">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo3.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="header"><img src="imagenes/header.jpg" width="700" height="150" alt="Antera Solutions :: Diseño y desarrollo web a medida"></div>
<div id="cuerpo">
<div id="barra-arriba"><img src="imagenes/barra-arriba-grande.jpg" width="700" height="20"></div>
<div id="enlaces"><a href="#" class="link-arriba">&nbsp;Inicio&nbsp;</a> | <a href="#" class="link-arriba">&nbsp;Portfolio&nbsp;</a> | <a href="#" class="link-arriba">&nbsp;Servicios&nbsp;</a> | <a href="#" class="link-arriba">&nbsp;Enlaces&nbsp;</a> | <a href="#" class="link-arriba">&nbsp;Contacto&nbsp;</a><br>
</div>
<div id="general">
<div id="caja">
<p><h5>Introducci&oacute;n</h5></p>
<p>Internet es una red de redes a escala mundial de millones de computadoras interconectadas con un conjunto de protocolos, en la actualidad internet incluye alrededor de 5000 redes en todo el mundo y existen millones de paginas web que ni dedic&aacute;ndole toda una vida nos dar&iacute;a tiempo ha visitarlas todas.</p>
<p>Para muchas empresas, tener una s&oacute;lida presencia en Internet ha pasado de ser una opci&oacute;n m&aacute;s a toda una necesidad. Su p&aacute;gina web es, en muchas ocasiones, el primer y m&aacute;s importante contacto que tiene el cliente con la empresa y sus servicios.</p>
<p>Por ello Antera Solutions pone a su disposici&oacute;n sus servicios de dise&ntilde;o y desarrollo web por que creemos que toda empresa debe de tener su sitio en la red y por que cremos que queda mucho por hacer tanto en el dise&ntilde;o como que en en el desarrollo web a medida de cada cliente.</p>
</div>
<div id="linea-central"></div>
<div id="texto-derecha">jfjggfhgf</div>
</div></div>
</body>
</html>
estilo3.css:

Cita:
/* CSS Document */

/* Valores Generales */
a{
text-decoration:none;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
body {
background-color:#0066CC;
vertical-align: middle;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
padding-top: 25px;
}
P {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;
padding-right: 5px;
}

/* Links Arriba */

.Estilo-barra-1{
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}

/* Links Arriba */

a.link-arriba{
text-decoration:none;
color: #004F9D;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
background-color: #FFFFFF;
}
a.link-arriba:link{
text-decoration:none;
color: #004F9D;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
background-color: #FFFFFF;
}
a.link-arriba:visited{
text-decoration:none;
color: #004F9D;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
background-color: #FFFFFF;
}
a.link-arriba:hover{
text-decoration:none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
background-color: #004F9D;
}
a.link-arriba:active{
text-decoration:none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
background-color: #004F9D;
}

/* Cabecera , Cuerpo , Barra (Arriba/Abajo) y Enlaces*/
#header{
background-image: url(imagenes/header.jpg);
display:block;
width: 700px;
padding: 0px;
margin: auto;
}
#cuerpo{
background-color:#FFFFFF;
width: 675px;
margin: auto;
padding: 0px;
}
#barra-arriba{
width: 700px;
margin: auto;
}
#enlaces{
width: 700px;
margin: auto;
text-align: center;
padding-top: 5px;
border-bottom: 1px dashed #666666;
padding-bottom: 7px;
}

/* Texto y General */

#general {
width: 700px;
margin: auto;
background-color: #FFFFFF;
padding: 20px;
}
#caja h5 {
display: inline;
color: #004F9D;
font-weight: bold;
font-size: 14px;
text-align: center;
}
#caja {
width: 250px;
margin: auto;
background-color: #FFFFFF;
border: 3px solid #004F9D;
padding: 20px;
float: left;
}
#linea-central {
height: 350px;
width: 5px;
margin: auto;
background-color: #FFFFFF;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
border-right: 1px dashed #666666;
}
#texto-derecha {
width: 250px;
margin: auto;
background-color: #FFFFFF;
border: 3px solid #004F9D;
padding: 20px;
float: right;
}
Un saludo
  #2 (permalink)  
Antiguo 08/10/2006, 15:51
Borjimante
Invitado
  
Mensajes: n/a
Puntos:
he hecho algunos arreglos
Pues anda he hecho algunos arreglos y los problemas aora son que no puedo poner la raya de lineas discontinuas en el medio entre las dos cajas y que las cajas no tienen padding por ningun lado

http://www.antera-solutions.com/prueva.htm

estilo3.css :

Cita:
/* CSS Document */

/* Valores Generales */
a{
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;
}
a:link {
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;
}
a:visited {
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;
}
a:hover {
text-decoration: underline;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;
}
a:active {
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;
}
body {
background-color:#0066CC;
vertical-align: middle;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
padding-top: 10px;
}
P {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;
padding-right: 5px;
}

/* Estilos */

.Estilo-barra-1{
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
.Estilo-normal{
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
}
.Estilo{
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}


/* Links Arriba */

a.link-arriba{
text-decoration:none;
color: #004F9D;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
background-color: #FFFFFF;
}
a.link-arriba:link{
text-decoration:none;
color: #004F9D;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
background-color: #FFFFFF;
}
a.link-arriba:visited{
text-decoration:none;
color: #004F9D;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
background-color: #FFFFFF;
}
a.link-arriba:hover{
text-decoration:none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
background-color: #004F9D;
}
a.link-arriba:active{
text-decoration:none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
background-color: #004F9D;
}

/* Links bajos */

a.link-bajo{
text-decoration:none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
}
a.link-bajo:link{
text-decoration:none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
}
a.link-bajo:visited{
text-decoration:none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
}
a.link-bajo:hover{
text-decoration:underline;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
}
a.link-bajo:active{
text-decoration:none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
}
/* Links cuerpo */

a.link-cuerpo{
text-decoration:none;
color: #004F9D;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}
a.link-cuerpo:link{
text-decoration:none;
color: #004F9D;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}
a.link-cuerpo:visited{
text-decoration:none;
color: #004F9D;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}
a.link-cuerpo:hover{
text-decoration:underline;
color: #004F9D;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}
a.link-cuerpo:active{
text-decoration:none;
color: #004F9D;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:11px;
}

/* Cabecera , Cuerpo , Barra (Arriba/Abajo) y Enlaces*/
#header{
background-image: url(imagenes/header.jpg);
display:block;
width: 700px;
margin: auto;
}
#cuerpo{
background-color:#FFFFFF;
width: 700px;
margin: auto;
height: 525;
}
#barra-arriba{
width: 700px;
margin: auto;
}
#enlaces{
width: 700px;
margin: auto;
text-align: center;
padding-top: 5px;
border-bottom: 1px dashed #666666;
padding-bottom: 7px;
}

/* Texto y General */

#general {
width: 700px;
margin: auto;
background-color: #FFFFFF;
}
#caja h1 {
display: inline;
color: #004F9D;
font-weight: bold;
font-size: 14px;
text-align: center;
}
#texto-derecha-caja h1 {
display: inline;
color: #004F9D;
font-weight: bold;
font-size: 14px;
text-align: center;
}
#caja {
width: 225px;
margin: auto;
height: 390px;
background-color: #FFFFFF;
border: 3px solid #004F9D;
padding: 20px;
float: left;
}
#linea-central {
height: 400px;
width: 5px;
margin: auto;
background-color: #FFFFFF;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
border-right: 1px dashed #666666;
}

#texto-derecha-caja {
width: 225px;
height: 390px;
margin: auto;
position: relative;
background-color: #FFFFFF;
padding: 20px;
float: right;
border: 3px solid #004F9D;
}
#bajo {
width: 700px;
margin: auto;
clear: both;
padding-top: 5px;
text-align: center;
}
#bajo-condiciones {
width: 700px;
margin: auto;
clear: both;
text-align: center;
}
#links-bajo {
width: 400px;
margin: auto;
clear: both;
text-align: center;
padding-top: 10px;
}
#barra-abajo{
width: 700px;
margin: auto;
}
  #3 (permalink)  
Antiguo 08/10/2006, 15:52
Borjimante
Invitado
  
Mensajes: n/a
Puntos:
prueva.htm:

Cita:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Antera Solutions :: Diseño y desarrollo web a medida</title>
<meta name="title" content="Antera Solutions :: Diseño y desarrollo web a medida">
<meta name="Keywords" content="Diseño web, desarrollo web, creacion de webs, promocion web, antera solutions, portfolio, web, servicios, empresa, española">
<meta name="Description" content="Empresa española que ofrece servicios de diseño y desarrollo web para cada cliente">
<meta name="author" content="Antera Solutions">
<meta name="revisit-after" content="15 days">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo3.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="header"><img src="imagenes/header.jpg" width="700" height="150" alt="Antera Solutions :: Diseño y desarrollo web a medida"></div>
<div id="cuerpo"><!-- Dejo abierto este div -->
<div id="barra-arriba"><img src="imagenes/barra-arriba-grande.jpg" width="700" height="20"></div>
<div id="enlaces"><a href="#" class="link-arriba">&nbsp;Inicio&nbsp;</a> | <a href="#" class="link-arriba">&nbsp;Portfolio&nbsp;</a> | <a href="#" class="link-arriba">&nbsp;Servicios&nbsp;</a> | <a href="#" class="link-arriba">&nbsp;Enlaces&nbsp;</a> | <a href="#" class="link-arriba">&nbsp;Contacto&nbsp;</a></div>
<div id="general"><!-- Dejo abierto este div -->
<div id="caja">
<p><h1>Introducci&oacute;n</h1></p>
<p>Internet es una red de redes a escala mundial de millones de computadoras interconectadas con un conjunto de protocolos, en la actualidad internet incluye alrededor de 5000 redes en todo el mundo y existen millones de paginas web que ni dedic&aacute;ndole toda una vida nos dar&iacute;a tiempo ha visitarlas todas.</p>
<p>Para muchas empresas, tener una pagina web en Internet ha pasado a ser toda una necesidad. Su p&aacute;gina web es, en muchas ocasiones, el primer y m&aacute;s importante contacto que tiene el cliente con la empresa y sus servicios. De hay tambi&eacute;n la importancia de un dise&ntilde;o web a medida y llamativo</p>
<p>Por ello Antera Solutions pone a su disposici&oacute;n sus servicios de dise&ntilde;o y desarrollo web por que creemos que toda empresa debe de tener su sitio en la red y por que creemos que queda mucho por hacer tanto en el dise&ntilde;o como que en en el desarrollo web a medida de cada cliente.</p>
</div>
<div id="texto-derecha-caja"><div align="center"><a href="Antera%20Solutionss"><img src="imagenes/foto-antera-2.jpg" width="160" height="130" border="0"></a></div>
<br><h1>Datos de Antera Solutions</h1><br>
<br>
<span class="Estilo"><strong>Fecha de creaci&oacute;n:</strong> 2006</span><br>
<br><span class="Estilo"><strong>Staff:</strong> <a href="mailto:[email protected]">Borja</a> y <a href="[email protected]">Pepe</a></span><br>
<br><span class="Estilo"><strong>E-mail de contacto:</strong></span><br>
<br><a href="mailto:[email protected]" class="link-cuerpo">[email protected]</a><br>
<br><span class="Estilo"><strong>Contacto Mesenger:</strong></span><br>
<span class="link-cuerpo"><br>
<a href="mailto:[email protected]" class="link-cuerpo">[email protected]</a></span><br>
<br><span class="Estilo"><strong>VoIp (Skype):</strong> Antera-Solutions</span><br>
<br>
<span class="Estilo"><strong>Nacionalidad:</strong> Espa&ntilde;ola</span><br>
</div>
<div id="links-bajo">
<p><a href="#">Diseño web</a> | <a href="#">Desarrollo web</a> | <a href="#">Promocion en buscadores</a> | <a href="#">Creacion de webs</a> <a href="#">Empresa Española</a> | <a href="#">Portfolio</a> | <a href="#">Servicios</a> | <a href="#">Contacto</a> | <a href="#">Enlaces</a></p>
</div>
</div></div>
<div id="barra-abajo"><img src="imagenes/barra-abajo-grande.jpg" width="700" height="20"></div>
<div id="bajo"> <a href="#" class="link-bajo">HTML</a> <span class="Estilo-normal">|</span> <a href="#" class="link-bajo">CSS</a> <span class="Estilo-normal">|</span> <a href="#" class="link-bajo">Mapa</a> <span class="Estilo-normal">|</span> <a href="#" class="link-bajo">Accesibilidad</a></div>
<div class="Estilo-normal" id="bajo-condiciones">2006 Antera Solutions. All Rights Reserved.</div>
</body>
</html>
  #4 (permalink)  
Antiguo 09/10/2006, 10:23
Borjimante
Invitado
  
Mensajes: n/a
Puntos:
nadie sabe como arreglarlo
  #5 (permalink)  
Antiguo 09/10/2006, 10:52
Avatar de fer10  
Fecha de Ingreso: octubre-2005
Ubicación: Guadalajara - Mexico
Mensajes: 905
Antigüedad: 18 años, 6 meses
Puntos: 4
la verdad nomas de ver todo el codigo, me da flojera y no dudo que alguien no piense lo mismo que yo, te aconsejo que aisles el probelema y depues postes en el foro eso..
__________________
Saludos
FT.
www.fernando.com.mx
  #6 (permalink)  
Antiguo 09/10/2006, 11:15
Borjimante
Invitado
  
Mensajes: n/a
Puntos:
Bien estoy haciendo una nueva version de mi web:

http://www.antera-solutions.com/prueva.htm

Tengo los sguientes problemas:
-No se como poner una barra central de lineas discontinuas entre las dos cajas.
-Modifique parte del CSS que engloba todo le puse padding:0px y aora los padding de las cajas no me lo respeta.

Les dejo el codigo en cuestion.

prueva.htm(Entre "caja" y "texto-derecha-caja" es donde quiero poner la linea discontinua):

Cita:
<div id="cuerpo">
<div id="general">
<div id="caja">
<p><h1>Introducci&oacute;n</h1></p>
<p>Internet es una red de redes a escala mundial de millones de computadoras interconectadas con un conjunto de protocolos, en la actualidad internet incluye alrededor de 5000 redes en todo el mundo y existen millones de paginas web que ni dedic&aacute;ndole toda una vida nos dar&iacute;a tiempo ha visitarlas todas.</p>
<p>Para muchas empresas, tener una pagina web en Internet ha pasado a ser toda una necesidad. Su p&aacute;gina web es, en muchas ocasiones, el primer y m&aacute;s importante contacto que tiene el cliente con la empresa y sus servicios. De hay tambi&eacute;n la importancia de un dise&ntilde;o web a medida y llamativo</p>
<p>Por ello Antera Solutions pone a su disposici&oacute;n sus servicios de dise&ntilde;o y desarrollo web por que creemos que toda empresa debe de tener su sitio en la red y por que creemos que queda mucho por hacer tanto en el dise&ntilde;o como que en en el desarrollo web a medida de cada cliente.</p>
</div>
<div id="texto-derecha-caja"><div align="center"><a href="Antera%20Solutionss"><img src="imagenes/foto-antera-2.jpg" width="160" height="130" border="0"></a></div>
<br><h1>Datos de Antera Solutions</h1><br>
<br>
<span class="Estilo"><strong>Fecha de creaci&oacute;n:</strong> 2006</span><br>
<br><span class="Estilo"><strong>Staff:</strong> <a href="mailto:[email protected]">Borja</a> y <a href="[email protected]">Pepe</a></span><br>
<br><span class="Estilo"><strong>E-mail de contacto:</strong></span><br>
<br><a href="mailto:[email protected]" class="link-cuerpo">[email protected]</a><br>
<br><span class="Estilo"><strong>Contacto Mesenger:</strong></span><br>
<span class="link-cuerpo"><br>
<a href="mailto:[email protected]" class="link-cuerpo">[email protected]</a></span><br>
<br><span class="Estilo"><strong>VoIp (Skype):</strong> Antera-Solutions</span><br>
<br>
<span class="Estilo"><strong>Nacionalidad:</strong> Espa&ntilde;ola</span><br>
</div></div></div>
estilo3.css:

Cita:
#cuerpo{
background-color:#FFFFFF;
width: 700px;
margin: auto;
height: 525;
}
#general {
width: 700px;
margin: auto;
background-color: #FFFFFF;
}
#caja {
width: 225px;
margin: auto;
height: 390px;
background-color: #FFFFFF;
border: 3px solid #004F9D;
padding: 20px;
float: left;
}
#texto-derecha-caja {
width: 225px;
height: 390px;
margin: auto;
position: relative;
background-color: #FFFFFF;
padding: 20px;
float: right;
border: 3px solid #004F9D;
}
  #7 (permalink)  
Antiguo 09/10/2006, 13:19
Borjimante
Invitado
  
Mensajes: n/a
Puntos:
Nadie sabe como hacer lo que estoy pidiendo?
  #8 (permalink)  
Antiguo 09/10/2006, 14:23
Avatar de Rafael
Modegráfico
  
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Desesperado el Borjimante. Ciertamente me había dado flojera el codigo. Ya lo resumiste. Bien.

Pero dame un poco de tiempo para revisarlo, ¿ok?
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


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 00:49.