PDA

View Full Version : Problem With Masthead

godzillah
03-31-2008, 10:11 AM
hey im trying to get a masthead for my band page. it has the gap for the image to go in but the image will not appear, i have to url link to the image in there, this is what i have where am i going wrong. please any help would be appreciated

<div class="masthead"><span></span></div>


<style>

body {margin-top: 600px; }

</style>

<style>

.masthead {width: 800px; height: 600px;
position: absolute; margin-left: 6px; left: 12%; top: 70px;
background-image:img src="http://i129.photobucket.com/albums/p217/Camelous/onedaysmassacre3.jpg";}


</style>


PLEASE HELP THANKYOU IN ADVANCED
Pepe, the bull
03-31-2008, 10:28 AM
Combine your style tags and move them to between the head tags.


<style>

body {margin-top: 600px; }
.masthead {width: 800px; height: 600px;
position: absolute; margin-left: 6px; left: 12%; top: 70px;
background-image:img src="http://i129.photobucket.com/albums/p217/Camelous/onedaysmassacre3.jpg";}

</style>
godzillah
03-31-2008, 10:29 AM
can you please use my coding as a base and show me what you mean cause im not quite sure i follow. thankyou
cancer10
03-31-2008, 10:52 AM
He means replace your code

<div class="masthead"><span></span></div>


<style>

body {margin-top: 600px; }

</style>

<style>

.masthead {width: 800px; height: 600px;
position: absolute; margin-left: 6px; left: 12%; top: 70px;
background-image:img src="http://i129.photobucket.com/albums/p217/Camelous/onedaysmassacre3.jpg";}


</style>




with this code


<head>
<style>

body {margin-top: 600px; }
.masthead {width: 800px; height: 600px;
position: absolute; margin-left: 6px; left: 12%; top: 70px;
background-image:img src="http://i129.photobucket.com/albums/p217/Camelous/onedaysmassacre3.jpg";}

</style>
</head>
Aceramic
03-31-2008, 04:18 PM
^Neither of those will entirely fix the problem, as you are using improper CSS.

Change it to:

<head>
<style type="text/css">

body {margin-top: 600px; }
.masthead {width: 800px; height: 600px;
position: absolute; margin-left: 6px; left: 12%; top: 70px;
background-image:url(http://i129.photobucket.com/albums/p217/Camelous/onedaysmassacre3.jpg);

</style>
</head>
godzillah
03-31-2008, 09:15 PM
i implemented your styles of coding and none seemed to work, they all have the correct setting, yet my image is still not appearing. is it in the complete background, do i have to bring it to the foreground or something? cause at the moment i have a big fat space for the image but no image. have a look www.myspace.com/onedaysmassacre

and thankyou for all your suggestions and help