SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: Css

  1. #1
    SitePoint Member
    Join Date
    May 2008
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Css

    Hi all,

    I am looking for a portlet to my website using CSS (no tables and images) Please look at the attachment for the detail.

    What i am having is

    <div class="rc">
    <div class="inside"><div class="rounded_corner"> <div
    class="wrap-corner"> <div class="t-edge"><div class="l"></div><div class="r"></div></div> <div class="l-edge"> <div class="r-edge"> <div
    class="bg"> <h2>What else can PerfectForms cure?</h2> <p>Data
    Collection, Workflow,<br /> Surveys, Processes, Tracking<br /> and
    much, much more</p> </div> </div> </div> <div class="b-edge"><div
    class="l"></div><div class="r"></div></div> </div> </div></div> </div>


    But what really need is

    <div class="rc-white-portlet">
    <h2>What else can PerfectForms cure?</h2> <p>Data Collection,
    Workflow,<br /> Surveys, Processes, Tracking<br /> and much, much
    more</p> </div>

    Please help me achieving this.

    Thanks
    Sudhakar
    Attached Files Attached Files

  2. #2
    WordPress Freelancer banago's Avatar
    Join Date
    Dec 2006
    Location
    Vlorė, Albania
    Posts
    446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What is that css in .doc
    WPlancer.Com - PHP & WordPress Developer
    ProverbHunter - English Proverbs Explained

  3. #3
    SitePoint Member
    Join Date
    May 2008
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi,

    Thanks for the response.
    In the document i have shown a image with the drop shadow only at right and bottom side and rounded corners for the whole. But what i required is a simple with one div class not like the first code which i have mentioned in the document. Please see and let me know if you need any more clarifications.

    Thanks
    Sudhakar

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    There are plenty of javascript solutions about so just google and you will find.

    If you don't expect the boxes to be too big you could do something like this by adding one extra element.

    http://www.pmob.co.uk/temp/round-easy.htm

    If you want to do it with one less element then you could try combining my method above with the Sitepoint method,

    http://tools.sitepoint.com/spanky/how.php


    Hope that helps


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •