Ryusuke Posted June 17, 2006 Share Posted June 17, 2006 http://www.adayoffreestyle.co.nr/Homepg.htm Hi again, I need help...See on the left side of the page the Navigation list?I want to have a nice list likeegegegegegAnd that big picture right beside it, but I don't know how to do it.Heeeeeeeelp Link to comment Share on other sites More sharing options...
scott100 Posted June 17, 2006 Share Posted June 17, 2006 And that big picture right beside it, but I don't know how to do it.You have the right idea, put float:right on the img then below that insert your navigation menu.<body><img style="float:right" src="http://www.freewebs.com/adayoffreestyle/ClosesetEDIT.jpg" />Home<br />Navigation<br />Help<br />Home<br />Navigation<br />Help<br />Home<br />Navigation<br />Help<br /></body> Link to comment Share on other sites More sharing options...
Ryusuke Posted June 17, 2006 Author Share Posted June 17, 2006 But then the image isn't centered, even though I have a <center> tag right before it, see? Link to comment Share on other sites More sharing options...
scott100 Posted June 17, 2006 Share Posted June 17, 2006 But then the image isn't centered, even though I have a <center> tag right before it, see?<{POST_SNAPBACK}> Well yes, you cant say float this element to the right and center it.If you want to do both then you are going to have to split your page into 2 columns.1 div column on the left for navigation1 div column on the right for the image, with everything inside the div text-align:center Link to comment Share on other sites More sharing options...
Ryusuke Posted June 17, 2006 Author Share Posted June 17, 2006 How do I do that Link to comment Share on other sites More sharing options...
scott100 Posted June 17, 2006 Share Posted June 17, 2006 How do I do that<{POST_SNAPBACK}> Wait, maybe it's not as bad as that, does this help?<body><img style="position:absolute; Â margin : 0px 0px 0px 170px;" Â src="http://www.freewebs.com/adayoffreestyle/ClosesetEDIT.jpg" />Home<br />Navigation<br />Help<br />Home<br />Navigation<br />Help<br />Home<br />Navigation<br />Help<br /></body> Link to comment Share on other sites More sharing options...
Ryusuke Posted June 17, 2006 Author Share Posted June 17, 2006 That made the image go even further to the left...I want it in the middle of the scrachty paper like background Link to comment Share on other sites More sharing options...
scott100 Posted June 17, 2006 Share Posted June 17, 2006 That made the image go even further to the left...I want it in the middle of the scrachty paper like background<{POST_SNAPBACK}> Ok, try this, put the picture in a div which is centered and position the text absolutely, it just means both will overlap at some point...<body><div style="width:100%;text-align:center"><img src="http://www.freewebs.com/adayoffreestyle/ClosesetEDIT.jpg" /></div><div style="position:absolute;top:0;left:0">Home<br />Navigation<br />Help<br />Home<br />Navigation<br />Help<br />Home<br />Navigation<br />Help<br /></div></body> Link to comment Share on other sites More sharing options...
Ryusuke Posted June 17, 2006 Author Share Posted June 17, 2006 Nothing really seems to work, unless I'm doing something wrong...Heres the part where I need help... </center></center><p><font size="2" face="arial" color="black"<b>Navigation<center><IMG style=float:right src="http://www.freewebs.com/adayoffreestyle/ClosesetEDIT.jpg"border=3></center><br><A href="http://z7.invisionfree.com/A_Day_of_Freestyle/index.php?act=site">Portal</A><br><A href="http://z7.invisionfree.com/A_Day_of_Freestyle/index.php?">Forums</A><br><A href="http://www.adayoffreestyle.co.nr/Tricktips.htm">Trick tips</A><br><A href="http://www.adayoffreestyle.co.nr/photos.htm">Photos</A><br><A href="http://z7.invisionfree.com/A_Day_of_Freestyle/index.php?act=calendar">Calender</A></p><br>Other sites<br>e.g.<br>e.g.<br>e.g.<br>e.g.<br>e.g.<br>Get your site<br> on this list by <br> getting some<br>rep in the<br>forums, then<br>advertise.</center><script src="http://polls.freewebs.com/Members/Polls/viewPoll.jsp?userID=19478657&pollID=1839139"></SCRIPT><center><center></script><br> What should I do sorry for being so stupid Link to comment Share on other sites More sharing options...
scott100 Posted June 17, 2006 Share Posted June 17, 2006 Nothing really seems to work, unless I'm doing something wrong...There were a few deprecated tags in there so i have updated themTry this, but as i said before, because of what your asking for there will be an overlap.<body><div style="text-align:center;"><img style="border:3px solid black" src="http://www.freewebs.com/adayoffreestyle/ClosesetEDIT.jpg"></div><div style="font: italic 12px arial;background-color:transparent;position:absolute;top:0;left:0;width:100px;"><br /><b>Navigation</b><br /><a href="http://z7.invisionfree.com/A_Day_of_Freestyle/index.php?act=site">Portal</a><br /><a href="http://z7.invisionfree.com/A_Day_of_Freestyle/index.php?">Forums</a><br /><a href="http://www.adayoffreestyle.co.nr/Tricktips.htm">Trick tips</a><br /><a href="http://www.adayoffreestyle.co.nr/photos.htm">Photos</a><br /><a href="http://z7.invisionfree.com/A_Day_of_Freestyle/index.php?act=calendar">Calender</a><br /><br />Other sites<br>e.g.<br>e.g.<br>e.g.<br>e.g.<br>e.g.<br>Get your site on this list by getting some rep in the forums, then advertise.<script src="http://polls.freewebs.com/Members/Polls/viewPoll.jsp?userID=19478657&pollID=1839139"></SCRIPT></div></body> sorry for being so stupidYour not stupid, just inexperienced, we have all been there at one point Link to comment Share on other sites More sharing options...
Ryusuke Posted June 17, 2006 Author Share Posted June 17, 2006 TEHEHEHHEH!Thanks for your help again!I'd give you $5 but.... The overlap is tiny so I don't mind that Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now