Thanks in Advance to All you Who Offer Help Out There!

Discussion in 'CSS' started by fisher318, Dec 5, 2007.

0
  1. #1
    Hey Everyone, yes, I do have an issue I need help with, however, I just wanted to say, it is really appreciated for those of you who take time out of your busy schedule to help those of us in need or who are having issues. So on behalf of everyone who's been helped by these forums. . . thanks!

    Here is my issue. if you look at newlifeultrasound.com/plans.htm, I am trying to figure out how to have all the pricing that is listed align evenly on the right hand side. In addition, it would be nice if I could have all the prices work as follows:

    Here is package that I want priced...................................$99
    Here is package 2 that I want priced as well.......................$79

    So have dots leading up to the pricing, but then all the dollar amounts aligning correctly on the right hand side. I've been searching around for tutorials and such, and just haven't found the right one yet I guess that explains this specifically.
     
    fisher318, Dec 5, 2007 IP
  2. manishk

    manishk Peon

    Messages:
    63
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Here's a quick solution:

    CSS
    
.wrapr{background:url(dot.png) repeat-x left center}
.item{float:left;background:#FFF;padding-right:5px}
.cost{float:right;background:#FFF;padding-left:5px}
.clr{clear:both}
    Code (markup):
    HTML
    
<div class="wrapr">
<div class="item">Package One </div>
<div class="cost">$10.00</div>
<br class="clr" />
</div>
<div class="wrapr">
<div class="item">Package Two with some details</div>
<div class="cost">$100.00</div>
<br class="clr" />
</div>
    Code (markup):
    The dots image: [​IMG]

    Download dots image from here: http:// img223.imageshack.us/img223/430/dotvj7.png
     
    manishk, Dec 5, 2007 IP
  3. fisher318

    fisher318 Guest

    Messages:
    61
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hey, thank you very much! It looks like that will work. I haven't been able to fully implement and customize it yet as I'm busy until tomorrow, but I'll let you know if it works!!!
     
    fisher318, Dec 6, 2007 IP
  4. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Ha, that's clever, Manishk. Though there's surely a way to do it without three divs for every item. The product can probably float left and clear itself at the same time like one does with labels in a form.

    Fisher, if you use Manishk's solution, change the #fff (cause that's white) to the colour of your background (some sort of grey *Edit, you're using #281B0F). The purpose of Manishk's #fff is so the dots don't show through the text or pricing... but you want it to be the same as the background colour.

    Question: how the hell does one do 4d ultrasound?? Or does that mean video?
     
    Stomme poes, Dec 6, 2007 IP