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.
Page 1 of 2 12 LastLast
Results 1 to 15 of 20
  1. #1
    New Coder
    Join Date
    May 2007
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Help, Image Positioning

    Here is the myspace I'm currently editing. www.myspace.com/189956461

    The problem is I have 4 buttons stuck on the middle of the page (home,message,add,blog) and I want them to be centered horizontally across the top of the page but I have no idea how to move them. Here's the coding I have for them. Please help.

    Code:
    <div align=center>
    
    <a title="Home" alt="Home" 
    
    href="<A href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=d921fab9-c858-484a-a058-4dab9864b8bd"><img">http://home.myspace.com/index.cfm?fuseaction=user&MyToken=d921fab9-c858-484a-a058-4dab9864b8bd"><img border=0 src="<A href="http://img.photobucket.com/albums/v430/spideyman559/home.jpg"></a">http://img.photobucket.com/albums/v430/spideyman559/home.jpg"></a> 
    
    <a title="Message" alt="Message" 
    
    href="<A href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=41152795&MyToken=4b5c4f02-19bc-46d7-bc37-2e90db6c39dd"><img">http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=41152795&MyToken=4b5c4f02-19bc-46d7-bc37-2e90db6c39dd"><img border=0 src="<A href="http://img.photobucket.com/albums/v430/spideyman559/message.jpg"></a">http://img.photobucket.com/albums/v430/spideyman559/message.jpg"></a>
    
    <a title="Add" alt="Add" 
    
    href="<A href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=41152795&MyToken=f95541f5-5a87-4911-a181-f1b9c6837d7d"><img">http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=41152795&MyToken=f95541f5-5a87-4911-a181-f1b9c6837d7d"><img border=0 src="<A href="http://img.photobucket.com/albums/v430/spideyman559/add-1.jpg"></a">http://img.photobucket.com/albums/v430/spideyman559/add-1.jpg"></a>
    
    <a title="Blog" alt="Add" 
    
    href="<A href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=41152795&MyToken=f95541f5-5a87-4911-a181-f1b9c6837d7dML"><img">http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=41152795&MyToken=f95541f5-5a87-4911-a181-f1b9c6837d7dML"><img border=0 src="<A href="http://img.photobucket.com/albums/v430/spideyman559/blog.jpg"></a">http://img.photobucket.com/albums/v430/spideyman559/blog.jpg"></a>
    
    </div>

  • #2
    New Coder
    Join Date
    May 2007
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    bump---------
    Last edited by Spidey-man; 05-14-2007 at 05:48 AM.

  • #3
    New Coder
    Join Date
    May 2007
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Help please this should be an easy thing to answer if any of you know anything about html or css..

  • #4
    Regular Coder
    Join Date
    May 2007
    Posts
    118
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi Spidey,

    replace this code:
    Code:
    <div align=center>
    <a title="Home" alt="Home" 
    href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=d921fab9-c858-484a-a058-4dab9864b8bd"><img border=0 src="http://img.photobucket.com/albums/v430/spideyman559/home.jpg"></a> 
    <a title="Message" alt="Message" 
    href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=41152795&MyToken=4b5c4f02-19bc-46d7-bc37-2e90db6c39dd"><img border=0 src="http://img.photobucket.com/albums/v430/spideyman559/message.jpg"></a>
    <a title="Add" alt="Add" 
    href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=41152795&MyToken=f95541f5-5a87-4911-a181-f1b9c6837d7d"><img border=0 src="http://img.photobucket.com/albums/v430/spideyman559/add-1.jpg"></a>
    <a title="Blog" alt="Add" 
    href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=41152795&MyToken=f95541f5-5a87-4911-a181-f1b9c6837d7dML"><img border=0 src="http://img.photobucket.com/albums/v430/spideyman559/blog.jpg"></a>
    </div>
    </style>
    					</td>
    				</tr>
    				<tr>
    					<td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap: break-word">
    
    						<span class="orangetext15">
    							Who I'd like to meet:</span><br>
    						<div class="divpic"><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=41152795&albumId=0"><img src="http://img.photobucket.com/albums/v430/spideyman559/04_22_07_1948223.jpg" border="0" alt="View Pictures"></a></div>
    with this code:

    Code:
    <div align=center style="position:absolute; top:165px;left:15%">
    <a title="Home" alt="Home" 
    href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=d921fab9-c858-484a-a058-4dab9864b8bd"><img border=0 src="http://img.photobucket.com/albums/v430/spideyman559/home.jpg"></a> 
    <a title="Message" alt="Message" 
    href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=41152795&MyToken=4b5c4f02-19bc-46d7-bc37-2e90db6c39dd"><img border=0 src="http://img.photobucket.com/albums/v430/spideyman559/message.jpg"></a>
    <a title="Add" alt="Add" 
    href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=41152795&MyToken=f95541f5-5a87-4911-a181-f1b9c6837d7d"><img border=0 src="http://img.photobucket.com/albums/v430/spideyman559/add-1.jpg"></a>
    <a title="Blog" alt="Add" 
    href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=41152795&MyToken=f95541f5-5a87-4911-a181-f1b9c6837d7dML"><img border=0 src="http://img.photobucket.com/albums/v430/spideyman559/blog.jpg"></a>
    </div>
    </style>
    					</td>
    				</tr>
    				<tr>
    					<td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap: break-word">
    
    						<span class="orangetext15">
    							Who I'd like to meet:</span><br>
    						<div class="divpic" style="top:270px;"><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=41152795&albumId=0"><img src="http://img.photobucket.com/albums/v430/spideyman559/04_22_07_1948223.jpg" border="0" alt="View Pictures"></a></div>
    Forum for webmasters and developers
    http://www.htmlfrenzy.com
    Are you an IT expert? Join our Reward system
    www.htmlfrenzy.com/reward-system.php

  • #5
    New Coder
    Join Date
    May 2007
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbs up

    Thanks so much smalldog

  • #6
    Regular Coder
    Join Date
    May 2007
    Posts
    118
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I see it's not ideal in IE.. I will solve it later today Spidey
    Last edited by smalldog; 05-14-2007 at 10:15 AM.
    Forum for webmasters and developers
    http://www.htmlfrenzy.com
    Are you an IT expert? Join our Reward system
    www.htmlfrenzy.com/reward-system.php

  • #7
    New Coder
    Join Date
    May 2007
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Awesome, thanks for all your help.
    Last edited by Spidey-man; 05-15-2007 at 06:37 AM.

  • #8
    New Coder
    Join Date
    May 2007
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I managed to get them on top and I got rid of the home button but the problem is they don't remain intact. They move around into different positions depending on the size of your browser window or with different resolution. Is there a way to make it so they stay centered?

  • #9
    Regular Coder
    Join Date
    May 2007
    Posts
    118
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi Spidey, basically it's a little bit hard to edit your page, because it's a strange mix of relative and absolute objects divs and tables... If you will use just relative objects (not absolute) you can center for example everything on the page with <style> body {text-align:center} </style> (and margin:0px auto; style on main div) so if you use absolute positioning you need to bet the right value in left:X% style. Here: <div align=center style="position:absolute; top:165px;left:15%"> Let's go on!
    Last edited by smalldog; 05-15-2007 at 08:43 AM.
    Forum for webmasters and developers
    http://www.htmlfrenzy.com
    Are you an IT expert? Join our Reward system
    www.htmlfrenzy.com/reward-system.php

  • #10
    New Coder
    Join Date
    May 2007
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Wait ok so I'm confused, how do I make them relative? These are the codes I have set up, what should I change?

    Code:
    <div align=center style="position:absolute; top:175px;left:20%">
    <a title="Message" alt="Message" 
    href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=41152795&MyToken=4b5c4f02-19bc-46d7-bc37-2e90db6c39dd"><img border=0 src="http://img.photobucket.com/albums/v430/spideyman559/message.jpg"></a>
    </style>
    
    <div align=center style="position:absolute; top:0px;left:95%">
    <a title="Add" alt="Add" 
    href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=41152795&MyToken=f95541f5-5a87-4911-a181-f1b9c6837d7d"><img border=0 src="http://img.photobucket.com/albums/v430/spideyman559/add-1.jpg"></a>
    </style>
    
    <div align=center style="position:absolute; top:0px;left:105%">
    <a title="Blog" alt="Blog" 
    href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=41152795&MyToken=f95541f5-5a87-4911-a181-f1b9c6837d7dML"><img border=0 src="http://img.photobucket.com/albums/v430/spideyman559/blog.jpg"></a>
    </div>
    </style></center>
    
    <div align=center style="position:absolute; top:850px;left:-60%">
    <center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="41152795"><textarea name="f_comments" cols="85" rows="20">Selective serotonin reuptake inhibitors.</textarea><br><br><input type="submit" value="Comment"> <input type="reset" value="Reset"></form><form </form><br></center><br><style type="text/css">textarea {background-color:000000; background-image:url(http://img.photobucket.com/albums/v430/spideyman559/bowser3.jpg); border-width:2px; border-style:solid; border-color: 33A4DE; color: 33A4DE; font-family:Arial; font-size:12} input {background-color: 000000; border-width:2px; border-style:solid; border-color: 33A4DE; color: 33A4DE; font-family:Arial;}</style><br></center><div style="position:absolute;left:0px;top: 0px;..;"></div>
    
    <div class="divpic"><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=41152795&albumId=0"><img src="http://img.photobucket.com/albums/v430/spideyman559/05_14_07_21263.jpg" border="0" alt="View Pictures"></a></div>
    
    <div class="divname"><center>Hello there. My name is Cameron nice to meet you. Would you care to join me for a cup of tea? Splended! So first off I would like to say that I don't hate anyone, I believe all people are good at heart. Don't tell me you love me if you don't mean it. I'm the jealous type. I hate when someone has a secret and I don't know it but I'm aware of it. I love bubbles, swings, trampolines, hot cheetos, slurpies/slushies, balloons, and cheesy bread. I love the rain, I love to hear it, smell it, watch it slide down a window. It's beautiful like you. I like Spider-man, I have my whole life. I enjoy that 70's show and aqua teen hunger force. I wouldn't consider myself to be a cocky person but I have been known to be an asshole at times so I aplogize for anything I may do in the future. Sometimes I take what people say too literally and I tend to always think for the worst because the worst usually always seems to happen. But enough about me, what about you? Oh I see, well that is very intresting. I love horror movies, I love that feeling to be scared. I love to make forts. I don't use pick up lines unless i'm just joking with you, other than that I always speak through my heart. My friends make me happy, I like to be happy. Sometimes the thing in my head will tell me I can get a goodnights nights sleep. He's very generous. There is just so much about me that I can only say. You should just get to know me and make your own opinion. Maybe you could join me again for another tea party? Okay I'll see you then. <3</center></div>
    
    <style type="text/css"> a.navbar:active, a.navbar:visited, a.navbar:link { color:33A4DE; }
    a.navbar:hover { color:000000; }
    body {background-color: 000000;}
    table, tr, td {background:transparent;}
    .divname { background-color: 33A4DE; margin-left: -250px; position: absolute; z-index: 2; height: 250px; width: 500px; left: 50%; top: 725px;border: 1px solid ; overflow: auto;} 
    table, tr, td {background:transparent;}
    .divpic { margin-left: -150px; position: absolute; z-index: 2; height: 425px; width: 325px; left: 50%; top: 275px;border: 1px solid ; overflow: auto;} </style>
    By the way it means a lot that you're helping me.

  • #11
    Regular Coder
    Join Date
    May 2007
    Posts
    118
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Don't change nothing.. because your code is really huge, it's not just about that posted code. Just try to set the right value for that your "img menu div" as I said ...

    <div align=center style="position:absolute; top:165px;left:15%">

    I will help you again.. wait for my next code.. I see that you tried to change the original code
    Last edited by smalldog; 05-15-2007 at 10:24 AM.
    Forum for webmasters and developers
    http://www.htmlfrenzy.com
    Are you an IT expert? Join our Reward system
    www.htmlfrenzy.com/reward-system.php

  • #12
    Regular Coder
    Join Date
    May 2007
    Posts
    118
    Thanks
    0
    Thanked 0 Times in 0 Posts
    So, now I hope it will be allright

    Replace ALL this code:

    Code:
    <center><div align=center style="position:absolute; top:175px;left:20%">
    <a title="Message" alt="Message" 
    href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=41152795&MyToken=4b5c4f02-19bc-46d7-bc37-2e90db6c39dd"><img border=0 src="http://img.photobucket.com/albums/v430/spideyman559/message.jpg"></a>
    </style>
    
    <div align=center style="position:absolute; top:0px;left:95%">
    <a title="Add" alt="Add" 
    href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=41152795&MyToken=f95541f5-5a87-4911-a181-f1b9c6837d7d"><img border=0 src="http://img.photobucket.com/albums/v430/spideyman559/add-1.jpg"></a>
    </style>
    
    <div align=center style="position:absolute; top:0px;left:105%">
    <a title="Blog" alt="Blog" 
    href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=41152795&MyToken=f95541f5-5a87-4911-a181-f1b9c6837d7dML"><img border=0 src="http://img.photobucket.com/albums/v430/spideyman559/blog.jpg"></a>
    </div>
    </style></center>
    With just this:

    Code:
    <div style="width:610px; margin-left: -300px; position: absolute; top: 175px; left: 50%;">
    <a title="Message" alt="Message" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&amp;friendID=41152795&amp;MyToken=4b5c4f02-19bc-46d7-bc37-2e90db6c39dd"><img src="189956461_soubory/message.jpg" border="0"></a>&nbsp;<a title="Add" alt="Add" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&amp;friendID=41152795&amp;MyToken=f95541f5-5a87-4911-a181-f1b9c6837d7d"><img src="189956461_soubory/add-1.jpg" border="0"></a>&nbsp;<a title="Blog" alt="Blog" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&amp;friendID=41152795&amp;MyToken=f95541f5-5a87-4911-a181-f1b9c6837d7dML"><img src="189956461_soubory/blog.jpg" border="0"></a>
    </div>
    My first posted code was bad, sorry
    Forum for webmasters and developers
    http://www.htmlfrenzy.com
    Are you an IT expert? Join our Reward system
    www.htmlfrenzy.com/reward-system.php

  • #13
    New Coder
    Join Date
    May 2007
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hmm now look. What do you think the problem might be?

  • #14
    Regular Coder
    Join Date
    May 2007
    Posts
    118
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hard to say.. may be is this that reason in your code..

    change this:

    Code:
    <style> body {text-align:center} 
    
    <style type="text/css">
    to this

    Code:
    <style type="text/css">
    (just remove that <style> body {text-align:center} part)

    And update your new div block again with this..

    Code:
    <div style="width:610px; margin-left: -300px; position: absolute; top: 175px; left: 50%;">
    <a title="Message" alt="Message" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&amp;friendID=41152795&amp;MyToken=4b5c4f02-19bc-46d7-bc37-2e90db6c39dd"><img border=0 src="http://img.photobucket.com/albums/v430/spideyman559/message.jpg"></a>&nbsp;<a title="Add" alt="Add" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&amp;friendID=41152795&amp;MyToken=f95541f5-5a87-4911-a181-f1b9c6837d7d"><img border=0 src="http://img.photobucket.com/albums/v430/spideyman559/add-1.jpg"></a>&nbsp;<a title="Blog" alt="Blog" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&amp;friendID=41152795&amp;MyToken=f95541f5-5a87-4911-a181-f1b9c6837d7dML"><img border=0 src="http://img.photobucket.com/albums/v430/spideyman559/blog.jpg"></a>
    </div>
    Last edited by smalldog; 05-15-2007 at 11:02 AM.
    Forum for webmasters and developers
    http://www.htmlfrenzy.com
    Are you an IT expert? Join our Reward system
    www.htmlfrenzy.com/reward-system.php

  • #15
    New Coder
    Join Date
    May 2007
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok now what?


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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