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

jiwkel

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

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