27/01/2012, 18:16
|
| | Fecha de Ingreso: enero-2012
Mensajes: 18
Antigüedad: 12 años, 9 meses Puntos: 3 | |
css en html imagen: no quiere jalar la imagen cunado en el html coloco
claro haciendo el css dentro del html me da todo lo que quiero pero cuando pongo
<style>
body{background-image:url('../personajes/muerte.jpeg')}
</style>
no jala la imagen alguien me podria decir como puedo hacer aqui les dejo mi codigo completo popr si acaso esta bien muchas gracias quien pueda darme su aporte
<!DOCTYPE html>
<html lang='es'>
<head>
<title>Personajes Influyentes</title>
<meta charset='utf-8'>
<script src='js/jquery.tools.min.js'></script>
<script src ='js/texto.js'></script>
<style type='text/css'>
h1{color:#AE1158;text-decoration:underline;}
p{color:#FFFF00;} body{background-color:#0080C0;}
a cambio de eso quiero poner body{background-image:url('../personajes/muerte.jpeg')}
div {width:800px; margin:150px auto; text-align:center;}
a:hover {font-size:25px;color: #FF0000;}
img{border:double;border-color:#804040;box-shadow:1px -3px 2px #000000;}
.tooltip {
display:none;
background-color:#FF8000;
border:2px solid #000;
border-radius:10px;
width:200px;
margin-top:-30px;
font-size:2em;
font-family:sans-serif;}
#intro #ingresa{
display:;
font-size:2em;
font-family:sans-serif;
padding:2px;
border:2px solid #8080C0;
border-radius:2px;
box-shadow:1px -3px 2px #000000;
color:#FFF;
background-color:#8080FF;
cursor:pointer;}
#intro #ingresa:hover {
color:#0080FF;
background-color:#C0C0C0;
box-shadow: 1px 3px 5px #000;}
.tooltip img {width:50px;}
.tooltip p {font-size:0.6em !important;}
</style>
</head>
<body>
<div>
<h1>Personajes Influyentes</h1>
<p>
Estas personas influyen mi vida tanto en musica, actuacion y tecnologia todos
son personas extraordinarias unicas en su campo que hacen de mi vida algo mejor.
<br>
<br>
<img id='canto' src='personajes/Yui.jpg' alt='yuixx' title='YUI'>
<a href='http://www.yui-net.com/' title='yui web'>
Visita mi Web<br>
<br>
</a>
<img id='actuacion' src='personajes/al-pacino.jpg' alt='al' title='AL PACINO'>
<a href='http://www.westlord.com/al-pacino-website/' title='pacino web'>
Visita mi Web<br>
<br>
</a>
<img id='comedia' src='personajes/adamsandler.jpg' alt='adam' title='ADAM SANDLER'>
<a href='http://www.adamsandler.com/' title='adam web'>
Visita mi Web<br>
<br>
</a>
<img id='tecnologia' src='personajes/stevejob.jpg' alt='steve' title='STEVE JOBS'>
<a href='https://www.youtube.com/watch?v=6zlHAiddNUY' title='steve web'>
Ve un discurso mio<br>
<br>
</a>
<img id='literatura' src='personajes/neruda.jpg' alt='neruda' title='PABLO NERUDA'>
<a href='https://www.youtube.com/watch?v=6zlHAiddNUY' title='steve web'>
Lee mis poemas<br>
<br>
</a>
</p>
</div>
<div id='intro'>
<a id='ingresa'>Ingresa Ahora</a>
</div>
<div class='tooltip'>
<img src='image/carita.jpg' alt='Hi'>
<p>quieres saber como se hizo<br>
<a href='https://www.facebook.com'>Ingresa Aqui</a>
</p>
</div>
</body>
</html> |