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.

Coding problem

5 posters

Page 2 of 2 Previous  1, 2

Go down

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
Hazeleyez73
Hazeleyez73
Forumember

Female Posts : 197
Reputation : 2
Language : English
Location : Maryland

View user profile https://ourtagathongroup.forumotion.com

Back to top Go down


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. 😄
Hazeleyez73
Hazeleyez73
Forumember

Female Posts : 197
Reputation : 2
Language : English
Location : Maryland

View user profile https://ourtagathongroup.forumotion.com

Back to top Go down

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

skouliki
skouliki
Manager
Manager

Female Posts : 12343
Reputation : 1519
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

Back to top Go down

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.
Hazeleyez73
Hazeleyez73
Forumember

Female Posts : 197
Reputation : 2
Language : English
Location : Maryland

View user profile https://ourtagathongroup.forumotion.com

skouliki likes this post

Back to top Go down

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 */
}
Niko
Niko
Hyperactive

Male Posts : 2462
Reputation : 127
Language : English, Italian, French
Location : Italy

View user profile https://www.fmcodes.net/

Back to top Go down

Solved Re: Coding problem

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

@Niko that code didn’t do anything
Hazeleyez73
Hazeleyez73
Forumember

Female Posts : 197
Reputation : 2
Language : English
Location : Maryland

View user profile https://ourtagathongroup.forumotion.com

Back to top Go down

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.
SLGray
SLGray
Administrator
Administrator

Male Posts : 50162
Reputation : 3458
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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
Niko
Niko
Hyperactive

Male Posts : 2462
Reputation : 127
Language : English, Italian, French
Location : Italy

View user profile https://www.fmcodes.net/

Back to top Go down

Solved Re: Coding problem

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

@Niko my IPad is pro 4th generation
Hazeleyez73
Hazeleyez73
Forumember

Female Posts : 197
Reputation : 2
Language : English
Location : Maryland

View user profile https://ourtagathongroup.forumotion.com

Back to top Go down

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 Keep_s10
Coding problem - Page 2 Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 17655
Reputation : 1884
Language : fluent in dork / mumbojumbo & English haha

View user profile http://chatworld.forumotion.co.uk/

TonnyKamper likes this post

Back to top Go down

Solved Re: Coding problem

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

yeah this is pretty muchover - Problem solved
Hazeleyez73
Hazeleyez73
Forumember

Female Posts : 197
Reputation : 2
Language : English
Location : Maryland

View user profile https://ourtagathongroup.forumotion.com

Back to top Go down

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
skouliki
skouliki
Manager
Manager

Female Posts : 12343
Reputation : 1519
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

Back to top Go down

Page 2 of 2 Previous  1, 2

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum