<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
div.link-menu {
position: absolute;
background-color: #00FF33;
height:300px;
width: 200px;
}
div.link-horizontal {
background-color: #FF0000;
position: absolute;
height: 100px;
width: 800px;
top: 0px;
}
#horizontal {
left: 0px;
top: 0px;
}
#menu {
left: 0px;
top: 100px;
}
div.link-principal {
position: absolute;
height: 300px;
background-color: #FFFF00;
width: 600px;
}
#principal{
left: 200px;
top: 100px;
}
</style>
</head>
<body>
<div id="principal" class="link-principal"></div>
<div id="menu" class="link-menu">
<?php include "menu.inc" ?>
</div>
<div id="horizontal" class="link-horizontal"></div>
</body>
</html>
Mas se crio um arquivo de estilo e tento chamar por um link, não dá certo, com nas páginas poesia.php e estilos.css:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" href="estilos.css" type="text/css"> </head> <body> <div id="principal" class="link-principal"></div> <div id="menu" class="link-menu"> <?php include "menu.inc" ?> </div> <div id="horizontal" class="link-horizontal"></div> </body> </html>
/* CSS Document *
div.link-menu {
position: absolute;
background-color: #FFFFFF;
height:300px;
width: 200px;
background-image: url(bg4.jpg);
}
div.link-horizontal {
background-color: #FF0000;
position: absolute;
height: 100px;
width: 800px;
top: 0px;
}
#horizontal {
left: 0px;
top: 0px;
}
#menu {
left: 0px;
top: 100px;
}
div.link-principal {
position: absolute;
height: 300px;
background-color: #FFFF00;
width: 600px;
}
#principal{
left: 200px;
top: 100px;
}
No que estou errando?
Edição feita por: bernardino32, 24/10/2006, 15:45.
