Otra vez de nuevo...
¿Como puedo montar la informacion encima de una imagen de fondo?
lo que pasa es que las capas con su respectiva informacion quedan abajo de la imagen y yo quiero quiero que quede sobrepuesta
¿Como le hago? :?:
Otra vez de nuevo...
¿Como puedo montar la informacion encima de una imagen de fondo?
lo que pasa es que las capas con su respectiva informacion quedan abajo de la imagen y yo quiero quiero que quede sobrepuesta
¿Como le hago? :?:
pOSdAtA: muchas gasias por tu ayuda
Atte:con cariño lis
Puedes poner tu codigo html y estylos css . aqui para que podamos ayudarte.
:D
-No todos los caminos son para todos los caminantes-http://zunigabj.artelista.com/
Aqui esta :)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>XXXX</title></title>
<link rel="stylesheet" href="miestilo.css" type="text/css" media="all">
</head>
<body>
<div id="global">
[img]imagenes/fondo.png[/img]
<div id="navegacion">
<ul>[*]AMOR[*]BIENESTAR[*]PROSPERIDAD[*]SALUD[*]NOSOTROS[/list] </div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>[*]Enlace 1[*]Enlace 2[*]
Enlace 3[*]Enlace 4[/list] </div>
<h1>Esta será la zona principal de la web</h1>
XXXXX. XXXXX</h2>
XXXXX XXXXX XXXXX XXXXX XXXXX XXXXXXXXXX</p>
XXXXX XXXXX XXXXX XXXXX XXXXX XXXXX</p>
</div>
<div id="pie">
<div id="pieuno">pie uno
<ul>[*]Foro Ejemplo[*]Contactos[*]Nos Enlazan[/list]</div>
<div id="piedos">pie dos</div>
<div id="pietres">pie tres
<ul>[*]Directorio[*]TopSite[*]Mapa de la Web[/list]</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
.................................................. .................................................. .......
Css
{text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body { background-color: #C6E2FF ;
background-image: url(imagenes/fondo.png) ;
background-repeat: no-repeat ;
background-position: center center ;
height:100%; text-align: center }
#global {width:800px ; margin:4px auto }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid;
height: 65px }
#pieuno { float:left ; width: 150px }
#piedos {float:left ; width: 498px }
#pietres { float:left ; width: 150px }
#pie li {list-style: none ; font-size: 12px }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
pOSdAtA: muchas gasias por tu ayuda
Atte:con cariño lis
Para empezar en tu hoja de estilos deberías adjudicarles una altura determinada a tus div. por ejemplo aquí :
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid ; height:400px}
Agregue height:400px a la capa contenido para no quedara todo amontonado , pero eso lo defines tu de acuerdo ala altura que necesites en cada div
Para poner una imagen de fondo y poder escribir sobre ella tienes que poner un código en tu hoja de estilos, por ejemplo mi nuevo div le llamare ``cuadro`` entonces en la hoja de estilos va esto :
#cuadro {width:200px height:150px ;
background-image: url(objetos/alpes.png) ;
background-repeat: no-repeat ;
background-position: center center }
la altura y el ancho lo acomodas.
background-image: url(objetos/alpes.png
esta información es importante porque es la ruta de tu imagen
En el codigo html queda de esta manera
<div id="cuadro ">Hola</div>
Y escribes, en este caso yo puse Hola
Si quieres escribir , una frase y la otra abajo pones entre
</p> asi:
<div id="cuadro ">
Hola , ya es de noche </p>
tengo que dormir </p>
</div>
:D
-No todos los caminos son para todos los caminantes-http://zunigabj.artelista.com/
Permisos de Publicación
Si buscas un buen hosting, ComoCrearTuWeb te recomienda estos dos:
Citar
Marcadores