Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Apr 2008
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Div tags problems and CSS

    Greetings all,

    I have been playing all day today trying to figure out this problem of mine with no luck.

    Essentially i would like to horisontaly allign 3 div tags one after another.

    Here is why:

    I have an activeX control that i write to the page using document.write method. I place that in an div tag. I would like to create essentially 4 other div tags that will sorround the activeX control pretty much like borders. I would like to do that because on the div tag i can put on click method to know what edge of the image of the activeX has been clicked. Is that possible to do?

    Any advise?

    Pretty much would look like this:
    ________
    | activeX |
    ----------

    the lines east represent a div tag.

    Any help on this?

    Cheers
    Dan

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Applying floats can do the trick, say

    Code:
    div.wrap div{
    border:1px solid #000;
    float:left;
    width:33%;
    }
    Code:
    <div class"wrap">
        <div>A</div>
        <div>B</div>
        <div>C</div>
    </div>
    To get more help, we want to see your code, or link would be more useful.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    DanDanAUS (05-17-2008)

  • #3
    New to the CF scene
    Join Date
    Apr 2008
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Here is some of the code i have:

    Code:
    <div id="activeX-panel">
    
    <div id="activeX-body" class="bd"> <script type="text/javascript"> //<![CDATA[ writeActiveXObject(); //]]> </script> </div>
    </div>

    Code:
          #activeX-panel .bd {
            /*overflow: auto;*/
            background-color: #fff;
            padding: 0;
            float:left;
          }
    The active x that i write above is just document.write(<object></object>)

    This activeX is the one that i would like to be wrapped.

    The image that i have attached shows pretty much what i would like to achieve. All of the different colours represent the divs that i would like to wrap around the activeX. One thing about the activeX is that it will be resized constantly so i cant use absolute positions.

    Any help on that?

    Much apreciated.

    Cheers
    Dan
    Attached Thumbnails Attached Thumbnails Div tags problems and CSS-viewofresult.jpg  


  •  

    Posting Permissions

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