Simple one i think but i dont know how to fix it.
I have a div, for example:
<div style="background: #0000FF; width: 13px; height: 15px;"> </div>13<br>
and the number displays on the line below it, but i want it to display next to it
how do i make it do that?
Thank you
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
webwoman, its for a poll display, i was thinking have a div to represent the bar then display the percentage it represents next to it.
How would you recommend doing it if not that way? should i go with span as others have suggested?
I don't really want to use tables and i was hoping to avoid positioning with absolute or relative... if thats the only way then ok but i don't know so much about how positioning works this way, the pro's and con's of each etc so didn't really want to step onto unknown territory.
Thank you for the advice so far
Why not do this?
You may want to make sure that the div is wide enough to put behind the number...
<% if percent < 15 then %>
<div style="background: #0000FF; width: 13px; height: 15px;float:left"> </d
<% else %>
<!--- put the number on the div --->
<div style="background: #0000FF; width: 13px; height: 15px;"><%=percent%></div>
<% end if %>
Why not use an image? A 1x1 block of color can easily be sized to whatever you need, and set to float. SEt up a class that floats whatever side you want.
.divleft {float:left; }
<div class="divleft"><img src="colorblock.gif" width="13" height="15"></div>13
The added advantage is that you can use that class on other things as well.
My preference would be a simple CSS styling, although I generally stay away from floating content or absolute positioning unless I need to - it can cause problems with external content.
Probably something like this would be how I'd end up:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html
<html>
<head>
<title></title>
<style type="text/css">
div
{
background: #0000FF;
text-align:right;
height:16px;
margin:4px 0;
}
span
{
background-color:#ffffff;
padding-left:4px;
font-size:16px;
}
</style>
</head>
<body>
<div style="width:60px"><span>3
<div style="width:90px"><span>6
<div style="width:40px"><span>1
</body>
</html>
Sean
Apologies for delay in getting back to you.
COBOLdinosaur, the Float came close to it but caused problems when i had multiple div's and i couldn't quite figure out a solution with that one so i had to abandon that idea.
a1programmer, sorry thats not quite what im looking for, thanks anyway.
webwoman, an image would be an option but i was hoping to keep the whole "system" within one file without any additional content for convienience. Thank you for the suggestion nonetheless.
Sean, Thank you, that is a perfect example and subsequently i will be accepting your answer.
I appreciate that others suggested similar methods prior to this but i couldn't figure out how to get it to render correctly, Seans example without the need for positioning was just great.
Business Accounts
Answer for Membership
by: hongjunPosted on 2004-10-05 at 08:31:24ID: 12227711
try this
<div style="background: #0000FF; width: 13px; height: 15px;position:absolute">&n
hongjun