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 8 of 8
  1. #1
    Regular Coder
    Join Date
    Oct 2009
    Location
    GERMANY
    Posts
    140
    Thanks
    29
    Thanked 1 Time in 1 Post

    Problems with boxes

    Hey guys,

    im using shortcodes to display boxes however they wont appear next to each other but rather under. How can I change that? Code is:

    PHP Code:
    <p style="width: 100%; text-align: left;">[one_half][box]<strong>Prepaid Handy Tarife</strong></p>

    <
    div style="width: 100%; text-align: left;">Im Durchschnitt zahlen die Deutschen 25 Euro im Monat für einen veralteten Handyvertragohne ihn wirklich zu nutzenPrepaid Tarife sind eine kostengünstige Alternative und man behält durch die Nutzung auf Guthaben Basis den ÜberblickEs lohnt sich objektiv zu vergleichen und seinen alten Vertrag zu kündigenGünstige Handykarten gibt es bereits ab fünf Euro und Gespräche in alle Netze ab 7,5 CentUmsteigen lohnt sich Prepaid Tarife bieten viele Vorteile ...</div>
    <
    div style="width: 100%; text-align: left;"><span style="color: #f1f1f1;">_</span></div>
    <
    div style="width: 100%; text-align: left;">
    <
    table width="98%" border="0" cellspacing="1" cellpadding="1" align="center">
    <
    tbody>
    <
    tr>
    <
    td><img title="Keine Vertragsbindung" src="/images/icon_check_yes.png" alt="Keine Vertragsbindung" width="12" height="12" />*Keine Grundgebühr</td>
    <
    td><img title="Ein Preis" src="/images/icon_check_yes.png" alt="Ein Preis" width="12" height="12" />*Ein Preis in alle Netze</td>
    <
    td></td>
    </
    tr>
    <
    tr>
    <
    td><img title="Keine Vertragsbindung" src="/images/icon_check_yes.png" alt="Keine Vertragsbindung" width="12" height="12" />*Keine Vertragsbindung</td>
    <
    td><img title="Handy Internet Flatrate" src="/images/icon_check_yes.png" alt="Handy Internet Flatrate" width="12" height="12" />*Handy Internet Flatrate</td>
    <
    td></td>
    </
    tr>
    <
    tr>
    <
    td><img title="Kein Mindestumsatz" src="/images/icon_check_yes.png" alt="Kein Mindestumsatz" width="12" height="12" />*Kein Mindestumsatz</td>
    <
    td><img title="Kostenkontrolle" src="/images/icon_check_yes.png" alt="Kostenkontrolle" width="12" height="12" />*Volle Kostenkontrolle</td>
    <
    td></td>
    </
    tr>
    </
    tbody>
    </
    table>
    </
    div>
    <
    div style="width: 100%; text-align: left;">[/box][/one_half]</div>
    <
    div style="width: 100%; text-align: left;">[one_half][tabs slidertype="top tabs" fx="slide"] [tabcontainer] [tabtext]Aktion[/tabtext] [tabtext]News[/tabtext] [tabtext]Bookmark Us[/tabtext] [/tabcontainer] [tabcontent] [tab]Content goes here[/tab] [tab]Content goes here[/tab] [tab]Content goes here[/tab] [/tabcontent] [/tabs]</div>
    <
    div style="width: 100%; text-align: left;">[/one_half]</div>
    <
    div style="width: 100%; text-align: center;">[table id=/]</div
    You can see the sample at removed by request
    Last edited by Fou-Lu; 11-18-2011 at 05:28 PM.

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Hi OGGordon,

    I think you have broken your box model, which says you cant place any element inside a containing element thats too wide to fit. Width of the element, alon with margins, paddings, and borders all count.

    Your container is set at 960px wide, but your table is also at 960px wide, so therefore breaks your layout. You can read about the box model here.
    Teed

  • #3
    Regular Coder
    Join Date
    Oct 2009
    Location
    GERMANY
    Posts
    140
    Thanks
    29
    Thanked 1 Time in 1 Post
    hi teedoff,

    thanks for your reply. I deleted the table and tried what you told me but it still doesnt work so I dont think that it is because of the table. Maybe the boxes have <p> attributes in the css?

  • #4
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Maybe I misunderstood what you wanted.

    You want the two rounded corner "boxes" to be side by side?
    Teed

  • #5
    Regular Coder
    Join Date
    Oct 2009
    Location
    GERMANY
    Posts
    140
    Thanks
    29
    Thanked 1 Time in 1 Post
    Quote Originally Posted by teedoff View Post
    Maybe I misunderstood what you wanted.

    You want the two rounded corner "boxes" to be side by side?
    yeah thats right

    and the big table under the two boxes.

  • #6
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    What happens if you remove that margin-right: 4% from one_half?
    Teed

  • Users who have thanked teedoff for this post:

    OGGordon (11-16-2011)

  • #7
    Regular Coder
    Join Date
    Oct 2009
    Location
    GERMANY
    Posts
    140
    Thanks
    29
    Thanked 1 Time in 1 Post
    TEED!!! I LOVE YOU! Its working! thank you so much . I didn't remove it, just changed it to 1% and change half width to 48%. Works! Thanks again

  • #8
    dyn
    dyn is offline
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    you're stealing my complete website and post a topic about it on an open forum?
    Last edited by dyn; 11-18-2011 at 01:55 PM.


  •  

    Posting Permissions

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