MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Have One Table Cell be Bigger Than Other Cells Surrounding it in CSS?

    Scheduled Pinned Locked Moved Custom CSS
    2 Posts 2 Posters 401 Views 2 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J Offline
      jiwkel
      last edited by

      I’ve been trying to figure this out for a bit.

      Here’s the markup if it’ll help:

      <html>
          <head>
      
           <style>
              table{
                  width:1070px;
                  height:400px;
                  border-width: 5px;
                  border-spacing: 1px;
                  border-style: outset;
                  border-color: white;
                  border-collapse: separate;
                  background: blue url(images/stone.jpg) repeat;
              }
      
              tr{
                  
                  
                  
              }
      
              td{
                  
                  border-width: 3px;
                  padding: 1px;
                  border-style: inset;
                  border-color: white;
                  background: blue url(images/stone.jpg) repeat;
                  -moz-border-radius: ;
                  
              }
      
              smaller{
                  height:50px;
              }
      
           </style>   
          </head>
      
      <body>
      
          <body background="images/tile.jpg">
          <center>
              <table>
                  <tr>
                      <td>EXAMPLE1</td>
                      <td>EXAMPLE2</td>
                  </tr>
      
                  <smaller><tr><td colspan="2">&nbsp;</td></tr></smaller>
              </table>
          </center>
      
      </body>
      </html>    
      

      also counter strike source lol

      S 1 Reply Last reply Reply Quote 0
      • S Away
        sdetweil @jiwkel
        last edited by sdetweil

        @jiwkel sorry, don’t understand the request.

        u provided a page content, but that is not what u get for mm.

        open the developers window.

        see this
        https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1641827783364

        without a specific I’d on the td, you will have to use a specific css selector chain to target that element ( the dev window might give u the chain element tree)
        see
        https://www.w3schools.com/cssref/css_selectors.asp

        this is not a web page or css training site.
        if it’s not MagicMirror related, please delete your post

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • 1 / 1
        • First post
          Last post
        Enjoying MagicMirror? Please consider a donation!
        MagicMirror created by Michael Teeuw.
        Forum managed by Sam, technical setup by Karsten.
        This forum is using NodeBB as its core | Contributors
        Contact | Privacy Policy