SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Nov 2007
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Dreamweaver SPRY tabbed panels problem

    Hello,

    I'm trying to insert and edit a div tag within the spry tabbed panels content area, basically I would like to divide my content area within the tabbed panels area but when I create a new div + a new rule for this tag nothing happens, it seems controlled by another rule somewhere????


  2. #2
    SitePoint Member
    Join Date
    Nov 2007
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think I might just jam a table in there for the time being...... I just cant find the css rule that is controlling this bugger.

  3. #3
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,682
    Mentioned
    99 Post(s)
    Tagged
    4 Thread(s)
    Oh gods no don't do that. Put up a test page somewhere and you'll get an immediate solution.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  4. #4
    SitePoint Member
    Join Date
    Nov 2007
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    test page? you want me to load a tabbed panel page upto my host? or just supply the css code.

  5. #5
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,682
    Mentioned
    99 Post(s)
    Tagged
    4 Thread(s)
    Here's a section from a tabbed panel test that's working fine.

    Code CSS:
    .floatleft {
        float: left;
        width: 33%;
    }
    .TabbedPanelsContentVisible div {
        border: 1px solid green;
    }

    Code Javascript:
    <div class="TabbedPanelsContentGroup">
        <div style="display: block;" class="TabbedPanelsContent TabbedPanelsContentVisible">
            <div class="floatleft">
                <p>Left Tab 1 Content</p>
            </div>
            <div>
                <p>Right Tab 1 Content</p>
            </div>
        </div>
        ...

    So upload a test sample, or post the code of the affected area, and we'll help you figure out what's gone wrong.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript


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
  •