Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 11 of 11
  1. #1
    New Coder
    Join Date
    Mar 2008
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    help my MAST HEAD image wont display

    i have coding on myspace to get a masthead as seen on numerous band web pages i hope i have the coding correct. It alots space for the image although just display black and wont show the image. am i setting it out right and everything. here is my coding:

    </style>

    <style type="text/css">
    body {
    background-color: 000000;
    }
    </style>


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

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

    </style>
    </head>

    please any help would be appreciated alot
    thanks in advanced

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,854
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Post a link to your page Or the html for masthead(?)
    BTW, please warp your codes in [CODE ][CODE ] (using ) while posting here and help us to help you.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Mar 2008
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    www.myspace.com/onedaysmassacre is the site i want to have the picture and i dont know what you meant by the [code] thing?

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,854
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Quote Originally Posted by godzillah View Post
    i dont know what you meant by the [code] thing?
    See the result on your code
    Code:
    </style>
    
    <style type="text/css">
    body {
    background-color: 000000;
    }
    </style>
    
    
    <head>
    <style type="text/css">
    
    body {margin-top: 590px; }
    .masthead {width: 800px; height: 590px;
    position: absolute; margin-left: 6px; left: 12&#37;; top: 70px;
    background-image:url(http://i129.photobucket.com/albums/p...e3edited.jpg);
    
    </style>
    </head>
    It's much readable now!
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New Coder
    Join Date
    Mar 2008
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ahhh ok got ya.. can you help with it? the space is all there and all that stuff but the image link i put in for the picture i want to be in the space doesnt appear on the myspace page

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,854
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    www.myspace.com/onedaysmassacre is the site i want to have the pictur
    I don't see any element in your code having a class="masthead" .
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #7
    New Coder
    Join Date
    Mar 2008
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    yeah i posted a forum topic before about this and someone gave me this code you see before and that is the one that i used and it is the closest ive got to getting it correct so i kept it

  • #8
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,854
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    But to apply a style like
    Code:
    .masthead {width: 800px; height: 590px;
    position: absolute; margin-left: 6px; left: 12&#37;; top: 70px;
    background-image:url(http://i129.photobucket.com/albums/p...e3edited.jpg);
    }
    you have to identify the required element and give a class="masthead"
    Read http://www.htmldog.com/guides/cssbeginner/
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #9
    New Coder
    Join Date
    Mar 2008
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    haha even that is confusing. is that saying that i have to star all my coding again and put it in properly into the html coding?

  • #10
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    CSS

    .trial {
    color:#fff;
    }


    html

    Code:
    <p class="trial">This is just for example,</p>
    The CSS is informing the HTML to print in White,

    Also, when having to alter something globally, don't forget the "replace" option in the edit menu of most editors.

    Frank
    Last edited by effpeetee; 04-08-2008 at 11:24 AM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #11
    New Coder
    Join Date
    Nov 2003
    Location
    San Francisco
    Posts
    45
    Thanks
    2
    Thanked 2 Times in 2 Posts
    Just a wild guess- try this:

    Code:
    <head>
    <style type="text/css">
    
    body {
    margin-top: 590px;
    background: #000000 url(http://i129.photobucket.com/albums/p217/Camelous/onedaysmassacre3.jpg) 50&#37; 70px no-repeat;
    }
    
    </style>
    </head>
    CC
    Last edited by ccemmett; 04-28-2008 at 01:26 AM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •