Ah, i only tried Firefox, try inline-block
-
-
Shouldn't use a div. Try a span+50 Xeno Geek Points
Come back Toolpusher, scotspine, Voodooflux.Pogle
As for the rest of you - DILLIGAF
Purveyor of fine quality smut since 2005
CUK Olympic University Challenge Champions 2010/2012
Comment
-
Firstly, I think you meant to use style="text-align:right" but that won't work anyway. Quick easy way would be:Originally posted by minestrone View Post
<ul>
<li style="width:100px">Fred<div style="float:right">£20</div></li>
<li style="width:100px">Bob<div style="float:right">£40</div></li>
</ul>Comment
-
So to confirm:
<style type="text/css">
.bigFloater {
float:right;
}
</style>
<ul>
<li style="width:100%">Fred<span class="bigFloater">£20</span></li>
<li style="width:100%">Bob<span class="bigFloater">£40</span></li>
</ul>
Works in Safari and cant be arsed testing beyond that.Comment
-
All wrong in FF 3.0.5
Price is right justified but a line below where it should be.+50 Xeno Geek Points
Come back Toolpusher, scotspine, Voodooflux.Pogle
As for the rest of you - DILLIGAF
Purveyor of fine quality smut since 2005
CUK Olympic University Challenge Champions 2010/2012Comment
-
Tabular data goes in tables. That's what they're for.
We've spent most of this decade teaching people not to use tables for the wrong reasons. It sounds like your designer needs to learn when to use them for the right reasons
Comment
-
The designer was asked to put a list in sometime in January, he put the list in and styled accordingly, he finished the job in February and was paid in February, I have not spoken to him since then.Originally posted by NickFitz View PostIt sounds like your designer needs to learn when to use them for the right reasons
A new requirement came in sometime in the summer where a monetary value was asked to be put in to the list and I do not think it is a totally ridiculous question to ask how to align a bit of text up against the right hand side of it's area's border.
Quite why you wanted to come into this knowing bugger about the history leading up to the thread and start being an arse by questioning the ability of some one you have never met based on a piece of work you have never seen is only something you can answer. I tend not to come up with assumptions based on minor facts like yourself.Comment
-
-
Oh, BTW:Originally posted by minestrone View Post
WFM in Firefox 3.5.2, Chrome 3.0 Beta, and IE 6.Code:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <style type="text/css"> ul { list-style: none; border: 1px solid #000; width: 400px; } ul span { float: left; } ul span.currency { float: right; } li { clear: both; overflow: hidden; } </style> </head> <body> <ul> <li><span>Blah di blah</span> <span class="currency">£3.75</span></li> <li><span>Foo di foo</span> <span class="currency">£23.00</span></li> <li><span>boogle oogle oogle</span> <span class="currency">£1234.56</span></li> </ul> </body> </html>Comment
-
Thanks Nick!! Works perfectly.Comment
Comment