positioning pictures and text inside a border, Help!! |
  |
 Jul 19 2009, 12:07 PM
Post
#1
|
|
|
Member  Group: Member Posts: 10 Joined: Jul 2009 Member No: 736,566  |
Heyy,
Okay, so I made a border and inside I want to have a picture on the left, and then text beside it, but look what happened -- http://neolimited.webs.com/test.htm I've tried a couple different things to position the picture on the left, and the text in the center, but instead of having them positioned properly inside the border, they will be positioned properly underneath it. does anyone know what I should do? |
|
|
|
|
Jul 19 2009, 12:10 PM
Post
#2
|
|
 Live long and prosper. Group: Staff Alumni Posts: 10,142 Joined: Apr 2007 Member No: 514,926 |
http://avierspiel.net/neolimited/
CODE <title>NeoLimited</title> <div align="center"><img src="http://i729.photobucket.com/albums/ww297/kwight24/limitedguides.jpg"></div> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> #nav{ position:absolute; top:340px; left:34% } #scrollbox { position:absolute; top:370px; left:35% } #scrollbox {width: 460px; height: 300px; border: 0px} #item1 {border:1px dotted black;margin:0px;padding:8px;height:50px;width:450px;display:block;} #item2, #item3, #item4 {display: none;} #item2 {color:#3366FF;} #item3 {color: #FF6600;} </style> <noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript"> <!--// function runthis(y) { var d = "item"; //div name without number //find the number of inner divs within scrollbox div var scrollbox_div = document.getElementById("scrollbox"); var inner_divs= scrollbox_div.getElementsByTagName("DIV"); var total_divs = inner_divs.length; //clear all inner divs for(i=1;i<=total_divs;i++) { if (document.getElementById(d+i)) { document.getElementById(d+i).style.display="none"; } } //make selected div visible var x = document.getElementById(d+y).style; x.display="block"; } //--> </script> </head> <html> <head> <style type="text/css"> #nav ul { float:left; width:100%; padding:0; margin:0; list-style-type:none; } #nav a { float:left; width:4em; text-decoration:none; color:white; background-color:000000; padding:0.2em 0.6em; border-right:1px solid white; } #nav a:hover {background-color:#a601a6} #nav li {display:inline} </style></head> <body> <div id="nav"><ul class="navigation"> <ul> <li><a href="http://www.neolimited.webs.com" >Home</a></li> <li><a href="#" onclick="runthis(1)">Avatars</a></li> <li><a href="#" onclick="runthis(2)">Guides</a></li> <li><a href="#" onclick="runthis(3)">Graphics</a></li> <li><a href="#" onclick="runthis(4)">Apply</a></li> <li><a href="http://www.neopets.com/island/tradingpost.phtml?type=browse&criteria=owner&search_string=neolimited_xx">Donate</a></li> </ul> </div> </style></html></head> <style type="text/css"> <!-- A:visited {color: #000000; text-decoration: none} A:link {color: #000000; text-decoration: none} A:active {color: #000000; text-decoration: none} A:hover {color: #a601a6; text-decoration: line-through} //--> </style> <div id="scrollbox"> <div id="item1"> <font face="Georgia"><font size="2"><font color="00000"> <center><img src="http://i729.photobucket.com/albums/ww297/kwight24/cracked.gif"> <b><u>Ptrei - Cracked </b></u> Visit the page of ... </center></font></font></font> </div> <div id="item2"> <p><center><font size="4"><font color="000000"><font face="Georgia"> <a STYLE="text-decoration:none" href="">Secret Avatars</a> <br><a STYLE="text-decoration:none" href="">Training Your Neopet</a> </center></font></font></font> </p> </div> <div id="item3"> <p><center><font size="4"><font color="000000"><font face="Georgia"> <a STYLE="text-decoration:none" href="http://neolimitedgraphics.webs.com/fonts.htm">Fonts</a> <br><a STYLE="text-decoration:none" href="http://neolimitedgraphics.webs.com/banners.htm">Banners</a> <br><a STYLE="text-decoration:none" href="http://neolimitedgraphics.webs.com/shoplayouts.htm">Shop Layouts</a> <br><a STYLE="text-decoration:none" href="http://neolimitedgraphics.webs.com/guildlayouts.htm">Guild Layouts</a> <br><a STYLE="text-decoration:none" href="http://neolimitedgraphics.webs.com/webbielayouts.htm">Webbie Layouts</a> <br><a STYLE="text-decoration:none" href="http://neolimitedgraphics.webs.com/userlookup.htm">User Look Ups</a></p> </font></font></font></center> </div> <div id="item4"> <p><font size="3"><font color="000000"><font face="Georgia"> <center>NeoLimited is just getting started, our goal is to help other neopets users the best we can. :) <br>We currently have positions open for graphics. If you are interested in joining the NeoLimited team, please fill out the form below. <br><br> Name: <br>HTML/CSS: <br>Examples: <br>Specialty (ex. Guild layouts, fonts, banners, ect): <br>Other (optional): <br><a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=neolimited_xx">APPLY NOW!</a> <br> <br><font size="2">* Note: copy the form, then click on the apply now link, paste the form into the neomail box, fill it out, and then send it :)</font></center> </font></font></font></p> </div> </div> <!-- --><script type="text/javascript" src="http://staticthumbs.freewebs.com/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script> <script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body> <!-- --><noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="freewebs.com";urchinTracker();}</script><!-- --><script type="text/javascript" src="http://staticthumbs.freewebs.com/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script> <script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body> </html> Changed the styling of the div, rather than the paragraph, and positioned it correctly. |
|
|
|
|
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members: