Hello, I was wondering how I can put a poll beside another existing poll instead of at the bottom of it. For example in my poll I put <div align="left> and in my other poll I put <div align="center">, but it is at tbe bottom center. Please message me back ASAP. THANKS!!
<!--content-->you will have to position both div elements at certain places on the page using css postion:absolute property<!--content-->You may want to try something like this:<br />
<div style="position: absolute; left: 0px; top: 0px; width: 250px;"><br />
<!-- Your First Poll Here --><br />
</div><br />
<br />
<div style="position: absolute; left: 250px; top: 0px; width: 250px;"><br />
<!-- Your Second Poll Here --><br />
</div><!--content-->This should work too.<br />
<br />
<div style="float:left; width: 250px;"> <br />
<!-- Your First Poll Here --> <br />
</div> <br />
<br />
<div> <br />
<!-- Your Second Poll Here --> <br />
</div><!--content-->Nope... I put<br />
<center><font face="verdana, sans serif" size="1"><br />
<br />
<div style="position: absolute; left: 0px; top: 0px; width: 250px;"> <br />
<----MY POLL'S LINK----><br />
</div> <br />
<br />
<div style="position: absolute; left: 250px; top: 0px; width: 250px;"> <br />
<----MY POLL'S LINK----><br />
</div><br />
<br />
<br />
Also I tried the other one with Float, but it didn't work either.. Whats the problem?<br />
<br />
<<< <!-- m --><a class="postlink" href="http://www.angelfire.com/trek/animeng/polls.html">http://www.angelfire.com/trek/animeng/polls.html</a><!-- m --> >>><br />
Please go and check out what is wrong. Thanks once again!<!--content-->Well actually the Float script worked. But my second poll seems to be messed up somehow.. I actually wanted the polls to be a little closer, but that's ok.. At least it worked..<br />
<!-- m --><a class="postlink" href="http://www.angelfire.com/trek/animeng/polls.html">http://www.angelfire.com/trek/animeng/polls.html</a><!-- m --> << THANKS!<!--content-->Originally posted by Wasiu0607 <br />
Well actually the Float script worked. But my second poll seems to be messed up somehow.. I actually wanted the polls to be a little closer <br />
<br />
Specify a lower value then 250px for the float then...<!--content-->Originally posted by Stefan <br />
<br />
<br />
Can he not use the following?<br />
<br />
<div style="float:left; width:auto;"> <br />
<!-- Your First Poll Here --> <br />
</div> <br />
<br />
<div> <br />
<!-- Your Second Poll Here --> <br />
</div><!--content-->Originally posted by nkaisare <br />
Can he not use the following?<br />
<br />
<div style="float:left; width:auto;"> <br />
<br />
<br />
No, you must always provide a specific width with a floated object (unless it got a "built in width" like eg an image).<br />
<br />
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/visuren.html#floats">http://www.w3.org/TR/REC-CSS2/visuren.html#floats</a><!-- m --><br />
second paragraph.<br />
<br />
Different browsers also behave quite differently when the required width is missing, so it will likely break your webpage to leave it unspecified.<!--content-->
<!--content-->you will have to position both div elements at certain places on the page using css postion:absolute property<!--content-->You may want to try something like this:<br /><div style="position: absolute; left: 0px; top: 0px; width: 250px;"><br />
<!-- Your First Poll Here --><br />
</div><br />
<br />
<div style="position: absolute; left: 250px; top: 0px; width: 250px;"><br />
<!-- Your Second Poll Here --><br />
</div><!--content-->This should work too.<br />
<br />
<div style="float:left; width: 250px;"> <br />
<!-- Your First Poll Here --> <br />
</div> <br />
<br />
<div> <br />
<!-- Your Second Poll Here --> <br />
</div><!--content-->Nope... I put<br />
<center><font face="verdana, sans serif" size="1"><br />
<br />
<div style="position: absolute; left: 0px; top: 0px; width: 250px;"> <br />
<----MY POLL'S LINK----><br />
</div> <br />
<br />
<div style="position: absolute; left: 250px; top: 0px; width: 250px;"> <br />
<----MY POLL'S LINK----><br />
</div><br />
<br />
<br />
Also I tried the other one with Float, but it didn't work either.. Whats the problem?<br />
<br />
<<< <!-- m --><a class="postlink" href="http://www.angelfire.com/trek/animeng/polls.html">http://www.angelfire.com/trek/animeng/polls.html</a><!-- m --> >>><br />
Please go and check out what is wrong. Thanks once again!<!--content-->Well actually the Float script worked. But my second poll seems to be messed up somehow.. I actually wanted the polls to be a little closer, but that's ok.. At least it worked..<br />
<!-- m --><a class="postlink" href="http://www.angelfire.com/trek/animeng/polls.html">http://www.angelfire.com/trek/animeng/polls.html</a><!-- m --> << THANKS!<!--content-->Originally posted by Wasiu0607 <br />
Well actually the Float script worked. But my second poll seems to be messed up somehow.. I actually wanted the polls to be a little closer <br />
<br />
Specify a lower value then 250px for the float then...<!--content-->Originally posted by Stefan <br />
<br />
<br />
Can he not use the following?<br />
<br />
<div style="float:left; width:auto;"> <br />
<!-- Your First Poll Here --> <br />
</div> <br />
<br />
<div> <br />
<!-- Your Second Poll Here --> <br />
</div><!--content-->Originally posted by nkaisare <br />
Can he not use the following?<br />
<br />
<div style="float:left; width:auto;"> <br />
<br />
<br />
No, you must always provide a specific width with a floated object (unless it got a "built in width" like eg an image).<br />
<br />
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/visuren.html#floats">http://www.w3.org/TR/REC-CSS2/visuren.html#floats</a><!-- m --><br />
second paragraph.<br />
<br />
Different browsers also behave quite differently when the required width is missing, so it will likely break your webpage to leave it unspecified.<!--content-->