Coding problem - Page 2 Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
5 posters

    Coding problem

    Hazeleyez73
    Hazeleyez73
    Hazeleyez73
    Forumember


    Female Posts : 197
    Reputation : 2
    Language : English
    Location : Maryland
    • Post n°1

    Solved Coding problem

    Post by Hazeleyez73 January 3rd 2022, 6:10 pm

    First topic message reminder :

    Technical Details


    Forum version : #phpBB3
    Position : Administrator
    Concerned browser(s) : Google Chrome
    Who the problem concerns : All members
    Forum link : https://www.the-creativechicks.com/

    Description of problem

    Here is the code I done and the images are below it, Please help me!!

    Code:
    <html>
    <head>
    <style>
    table, th, td {
      border: 3px Double black;
      border-radius: 0px;
    }
    </style>
    </head>
    <body>

    <table style="width:100%">
      <tr>
        <th colspan="0">Boards</th>
        <th colspan="0">Chat With Us</th>
        <th colspan="0">Other Stuff</th>
      </tr>
      <tr>
        <td colspan="0">Welcome To Creative Chicks</td>
        <td rowspan="100%"><!--  BEGIN CBOX - www.cbox.ws - v4.3  -->               
    <div style="position: relative; margin: auto; width: 595px; font-size: 0; line-height: 0;" id="cboxdiv">
                  
       <div style="position: relative; height: 395px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 5px  #704241 solid;">
                <iframe style="width: 100%; height: 100%;" id="cboxmain7-701940" name="cboxmain7-701940" allowtransparency="yes" scrolling="auto" frameborder="5" marginwidth="0" marginheight="0" src="https://www7.cbox.ws/box/?boxid=701940&boxtag=nx15v7&sec=main"> </iframe>       
       </div>
                  
       <div style="position: relative; height: 129px; overflow: hidden; border: 5px #704241 solid; border-top: 5px;">
                <iframe style="width: 100%; height: 100%;" id="cboxform7-701940" name="cboxform7-701940" allowtransparency="yes" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" allow="autoplay" src="https://www7.cbox.ws/box/?boxid=701940&boxtag=nx15v7&sec=form"> </iframe>       
       </div>
                  
       <!--          END CBOX          -->
    </div></td>
        <td colspan="0">Creative Chicks Publication</td>
      </tr>
      <tr>
        <td colspan="0">Creative Crash Pad</td>
        <td colspan="0">Portal</td>   
        </tr>
      <tr>
        <tr>
        <td colspan="0">Creative Daily and Monthly Apprecitations</td>
        <td colspan="0">Creative Chicks Cafe</td>   
        </tr>
        </tr>
      <tr>
        <td colspan="0">Creative Creations</td>
        <td colspan="0">Calendar</td>   
        </tr>
      <tr>
        <td colspan="0">Daily Challenges</td>
        <td colspan="0">Creative Chicks Contests and Events</td>   
        </tr>
      <tr>
        <td colspan="0">Bi-Weekly Challenges</td>
        <td colspan="0">Creative Resources</td>   
        </tr>
      <tr>
        <td colspan="0">Monthly Challenges</td>
        <td colspan="0">Creative Chicks Exclusive Corner</td>   
        </tr>
      <tr>
        <td colspan="0">Creative Chicks Shop</td>
        <td colspan="0">Creative Chicks Blog</td>   
        </tr>
      <tr>
        <td colspan="0">Creative Chicks Facebook</td>
        <td colspan="0">Newsletter</td>   
        </tr>
      <tr>
        <td colspan="0">Update Announcemence</td>
        <td colspan="0">Coming Soon</td>   
        </tr>
      <tr>
        <td colspan="0">Coming Soon</td>
        <td colspan="0">Coming Soon</td>   
        </tr>
      <tr>
        <td colspan="0">Coming Soon</td>
        <td colspan="0">Coming Soon</td>   
        </tr>
      </tr>
    </table>

    </body>
    </html>


    This is what it looks like when i submit it , and I dont want it to look like this
    Coding problem - Page 2 2v2ameeTNx67DPs

    This is what it should look like
    Coding problem - Page 2 2v2ameeSrx67DPs
    • Back to top
    Hazeleyez73
    Hazeleyez73
    Hazeleyez73
    Forumember


    Female Posts : 197
    Reputation : 2
    Language : English
    Location : Maryland
    • Post n°31

    Solved Re: Coding problem

    Post by Hazeleyez73 January 5th 2022, 5:37 am

    @Niko almost done - I hope lol 

    Ok so far the code u gave me to put in css it works perfect on my phone nice and sharp. However on I pad not so good on sharp. 

    Ok here is an image that snapshot for my cell looks like

    Coding problem - Page 2 2v2amctEgx67DPs

    Here is an image snapshot from my IPad not so good - chat box has big space up top and bottom it’s not like what I see on my phone. Or my computer. 

    Coding problem - Page 2 2v2amctHWx67DPs

    Can we fix it so all of it looks nice and sharp. 😄
    • Back to top
    skouliki
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15310
    Reputation : 1705
    Language : English,Greek
    Location : Greece
    • Post n°32

    Solved Re: Coding problem

    Post by skouliki January 5th 2022, 9:40 am

    hello

    from my laptop i can see it without the gap as image 1


    • Back to top
    Hazeleyez73
    Hazeleyez73
    Hazeleyez73
    Forumember


    Female Posts : 197
    Reputation : 2
    Language : English
    Location : Maryland
    • Post n°33

    Solved Re: Coding problem

    Post by Hazeleyez73 January 5th 2022, 3:03 pm

    @skouliki oh the Computer and my phone are good, I was saying the IPad isn’t right. I just want to have all three devices have the same outlook. So I am waiting to get the results from  @Niko to help me with it.

    skouliki likes this post

    • Back to top
    Niko
    Niko
    Niko
    Helper
    Helper


    Male Posts : 3228
    Reputation : 248
    Language : English, Italian, French
    Location : Italy
    • Post n°34

    Solved Re: Coding problem

    Post by Niko January 5th 2022, 5:18 pm

    @Hazeleyez73 Give a try also adding this Wink

    Code:
    @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
      table#table-intro td {
    height: 42px!important;
    } /* your css rules for ipad portrait */
    }
    • Back to top
    Hazeleyez73
    Hazeleyez73
    Hazeleyez73
    Forumember


    Female Posts : 197
    Reputation : 2
    Language : English
    Location : Maryland
    • Post n°35

    Solved Re: Coding problem

    Post by Hazeleyez73 January 6th 2022, 1:39 am

    @Niko that code didn’t do anything
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51497
    Reputation : 3523
    Language : English
    Location : United States
    • Post n°36

    Solved Re: Coding problem

    Post by SLGray January 6th 2022, 6:36 am

    Is the issue the resolution of each device?  If yes, would not auto size work?



    Coding problem - Page 2 Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top
    Niko
    Niko
    Niko
    Helper
    Helper


    Male Posts : 3228
    Reputation : 248
    Language : English, Italian, French
    Location : Italy
    • Post n°37

    Solved Re: Coding problem

    Post by Niko January 6th 2022, 4:01 pm

    Hazeleyez73 wrote: @Niko that code didn’t do anything
    What iPad model do you have?

    In the meantime, retry with:
    Code:
    @media all and (device-width: 768px) and (device-height: 1024px) {
      table#table-intro td {
    height: 42px!important;
    } /* your css rules for ipad portrait */
    }

    SLGray wrote:Is the issue the resolution of each device?  If yes, would not auto size work?
    The problem is how the browser interprets the frame and the heights. It is quite a strange behaviour to be honest Laughing Laughing
    • Back to top
    Hazeleyez73
    Hazeleyez73
    Hazeleyez73
    Forumember


    Female Posts : 197
    Reputation : 2
    Language : English
    Location : Maryland
    • Post n°38

    Solved Re: Coding problem

    Post by Hazeleyez73 January 7th 2022, 12:51 am

    @Niko my IPad is pro 4th generation
    • Back to top
    Ape
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19315
    Reputation : 2005
    Language : fluent in dork / mumbojumbo & English haha
    • Post n°39

    Solved Re: Coding problem

    Post by Ape January 25th 2022, 1:18 pm

    Hello @Hazeleyez73
    is this now solved ?

    If yes please press the mark solved button found at the top of this topic.



    Coding problem - Page 2 Left1212Coding problem - Page 2 Center11Coding problem - Page 2 Right112
    Coding problem - Page 2 Ape_b110
    Coding problem - Page 2 Ape1010

    TonnyKamper likes this post

    • Back to top
    Hazeleyez73
    Hazeleyez73
    Hazeleyez73
    Forumember


    Female Posts : 197
    Reputation : 2
    Language : English
    Location : Maryland
    • Post n°40

    Solved Re: Coding problem

    Post by Hazeleyez73 February 2nd 2022, 5:52 am

    yeah this is pretty muchover - Problem solved
    • Back to top
    skouliki
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15310
    Reputation : 1705
    Language : English,Greek
    Location : Greece
    • Post n°41

    Solved Re: Coding problem

    Post by skouliki February 2nd 2022, 6:19 am

    Problem solved & topic archived.
    Please read our forum rules: ESF General Rules

    • Back to top