Jump to content

Search the Community

Showing results for tags 'css responsive tables phone'.

  • Search By Tags

    Type tags separated by commas.

  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...


Date Created

  • Start

    End

Last Updated

  • Start

    End

Filter by number of...

Joined

  • Start

    End

Group

AIM

MSN

Website URL

ICQ

Yahoo

Jabber

Skype

Location

Interests

Languages

Found 1 result

  1. hikingwithu2
    I have created a "table" using css responsive only, and it looks fine on my laptop, but on my phone it is completely hosed. Here is the code, maybe somebody can take a look and clue me in on why it doesn't work on my phone - <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> <body> <!-- First table for positive form verb to be --> <div class="w3-row w3-center w3-grey"> <div class="w3-col l2 m2 s2"> </div> <div class="w3-col l2 m2 s2">Pronoun</div> <div class="w3-col l2 m2 s2">To Be</div> <div class="w3-col l2 m2 s2">Contraction</div> <div class="w3-col l2 m2 s2">Verb</div> <div class="w3-col l2 m2 s2"> </div> </div> <div class="w3-row w3-center"> <div class="w3-col l2 m2 s2 w3-blue" style="height:158px"> <br> <br> <br><b>Positive</b></div> <div class="w3-col l2 m2 s2 w3-green">I</div> <div class="w3-col l2 m2 s2 w3-green">am</div> <div class="w3-col l2 m2 s2 w3-green">I'm</div> <div class="w3-col l2 m2 s2 w3-green">working.</div> <div class="w3-col l2 m2 s2 w3-white"> </div> <div class="w3-col l2 m2 s2 w3-indigo">He<br>She<br>It</div> <div class="w3-col l2 m2 s2 w3-indigo">is<br> <br> </div> <div class="w3-col l2 m2 s2 w3-indigo">He's<br>She's<br>It's</div> <div class="w3-col l2 m2 s2 w3-indigo"> <br>working.<br> </div> <div class="w3-col l2 m2 s2 w3-white"> <br> </div> <div class="w3-col l2 m2 s2 w3-white"> </div> <div class="w3-col l2 m2 s2 w3-red">We<br>You<br>They</div> <div class="w3-col l2 m2 s2 w3-red">are<br> <br> </div> <div class="w3-col l2 m2 s2 w3-red">We're<br>You're<br>They're</div> <div class="w3-col l2 m2 s2 w3-red"> <br>working.<br> </div> <div class="w3-col l2 m2 s2 w3-white"> <br> </div> <div class="w3-col l2 m2 s2 w3-white"> </div> </div> <!-- end of first table --> <!-- second table for negative form of verb to be --> <div class="w3-row w3-center w3-grey"> <div class="w3-col l2 m2 s2"> </div> <div class="w3-col l2 m2 s2">Pronoun</div> <div class="w3-col l2 m2 s2">To Be</div> <div class="w3-col l2 m2 s2">Contraction</div> <div class="w3-col l2 m2 s2">Contraction</div> <div class="w3-col l2 m2 s2">Verb</div> </div> <div class="w3-row w3-center"> <div class="w3-col l2 m2 s2 w3-aqua" style="height:158px"> <br> <br> <br><b>Negative</b></div> <div class="w3-col l2 m2 s2 w3-yellow">I</div> <div class="w3-col l2 m2 s2 w3-yellow">am</div> <div class="w3-col l2 m2 s2 w3-yellow">I'm not</div> <div class="w3-col l2 m2 s2 w3-yellow"> </div> <div class="w3-col l2 m2 s2 w3-yellow">working</div> <div class="w3-col l2 m2 s2 w3-indigo">He<br>She<br>It</div> <div class="w3-col l2 m2 s2 w3-indigo"> <br>is<br> </div> <div class="w3-col l2 m2 s2 w3-indigo">He's not<br>She's not<br>It's not</div> <div class="w3-col l2 m2 s2 w3-indigo">He isn't<br>She isn't<br>It isn't</div> <div class="w3-col l2 m2 s2 w3-indigo"> <br>working.<br> </div> <div class="w3-col l2 m2 s2 w3-red">We<br>You<br>They</div> <div class="w3-col l2 m2 s2 w3-red">are<br> <br> </div> <div class="w3-col l2 m2 s2 w3-red">We're not<br>You're not<br>They're not</div> <div class="w3-col l2 m2 s2 w3-red">We aren't<br>You aren't<br>They aren't</div> <div class="w3-col l2 m2 s2 w3-red"> <br>working.<br> </div> </div> <!-- end of second table --> <!-- third table for question form of verb to be --> <div class="w3-row w3-center w3-grey"> <div class="w3-col l2 m2 s2"> </div> <div class="w3-col l2 m2 s2">To Be</div> <div class="w3-col l2 m2 s2">Pronoun</div> <div class="w3-col l2 m2 s2">Verb</div> <div class="w3-col l2 m2 s2"> </div> <div class="w3-col l2 m2 s2"> </div> </div> <div class="w3-row w3-center"> <div class="w3-col l2 m2 s2 w3-aqua" style="height:158px"> <br> <br> <br><b>Question</b></div> <div class="w3-col l2 m2 s2 w3-yellow">Am</div> <div class="w3-col l2 m2 s2 w3-yellow">I</div> <div class="w3-col l2 m2 s2 w3-yellow">working?</div> <div class="w3-col l2 m2 s2 w3-yellow">Yes, I am.</div> <div class="w3-col l2 m2 s2 w3-yellow">No, I'm not.</div> <div class="w3-col l2 m2 s2 w3-indigo"> <br>Is<br> </div> <div class="w3-col l2 m2 s2 w3-indigo">He<br>She<br>It</div> <div class="w3-col l1 m1 s1 w3-indigo"> <br>working?<br> </div> <div class="w3-col l1 m1 s1 w3-indigo">No<br>-<br>Yes</div> <div class="w3-col l1 m1 s1 w3-indigo">he<br>she<br>it</div> <div class="w3-col l1 m1 s1 w3-indigo">isn't<br>-<br>is</div> <div class="w3-col l2 m2 s2 w3-indigo"> <br>working.<br> </div> <div class="w3-col l2 m2 s2 w3-red"> <br>Are<br> </div> <div class="w3-col l2 m2 s2 w3-red">We<br>You<br>They</div> <div class="w3-col l2 m2 s2 w3-red">We're not<br>You're not<br>They're not</div> <div class="w3-col l2 m2 s2 w3-red">We aren't<br>You aren't<br>They aren't</div> <div class="w3-col l2 m2 s2 w3-red"> <br>working.<br> </div> </div> <!-- end of third table --> </body> </html>
×
×
  • Create New...