poner lineas horizontales y verticales

ircop · #1 (**permalink**) 26/12/2008, 11:26

como puedo hacer las barras verticales y horizontales de esta web

www.hugofontela.com

http://www.net-arte.com/hugo/news.asp?Y=2008

una linea dentro de una capa?

como?

a ver si alguien me da alguna pista.

gracias

vNothing · #2 (**permalink**) 26/12/2008, 11:28

Es un <div> que tiene border-left a 1 px.

ircop · #3 (**permalink**) 26/12/2008, 11:35

no se lo que hice, pero no me sale

index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="p.css" rel="stylesheet" type="text/css">
</head>
<div id="contenedor">
Hola
<div id="caja1"> prueba</div>

</div>

<body>
</body>
</html>

p.css

/* CSS Document */
#contenedor
{
width: 800px;
height:800px;
background-color:#00FF66;

}

#caja1
{
width:200px;
height: 200px;
border-color:red;
border-left: 10px;

}

¿que me falta?

Mikmoro · #4 (**permalink**) 26/12/2008, 16:48

Como dice aquí el amigo vNothing (que me ha fusilado el avatar (???)), está hecho con el borde de una caja.
En tu caso, el código lo tienes mal organizado: estás poniendo el body después del contenido. Ponlo así:

Cita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="p.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="contenedor">
Hola
<div id="caja1"> prueba</div>
</div>
</body>
</html>

y en la CSS:

Cita:

#caja1 {width:200px;
height: 200px;
border: solid 10px #f00;
}

ircop · #5 (**permalink**) 27/12/2008, 01:34

gracias, funciona perfecto