MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

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

    Custom CSS
    2
    2
    172
    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
      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
        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

        Create a working config
        How to add modules

        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 Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
        This forum is using NodeBB as its core | Contributors
        Contact | Privacy Policy