CSS - bar (decoration)

Asked

Viewed 369 times

0

ideia

I’m trying to create a bar like the one in the image, the bar that has product etc. I have the following code:

 <div id="topcart"> 
    <thead>
        <tr>
            <th>ISBN</th>
            <th>Book</th>
            <th>Price</th>
            <th>Quantity</th>
            <th>Subtotal</th>
            <th>&nbsp;</th>
        </tr>  
    </thead>
        </div>

and then in CSS I have the following;

#topcart{
    overflow: hidden;
    display:block;
}

but it is not doing anything. it is not overflow that causes the bar to appear as in the image?

html css

  • Overflow serves to indicate to the browser what it should do with the content that does not fit within a layer, according to the dimensions assigned to it. Hidden: This value indicates that contents that, by layer size, do not fit in it, should be hidden.

  • Could you kindly tell me what is the CSS element that allows you to do the blue bar? I searched and couldn’t find it.

  • <style>#topcart { background-color: #0000FF }</style>

  • the color of the product bar is +- this #71658B

  • I don’t want the color but how to make the bar!

  • the css element that allows you to make the bar in blue is background-color.

  • for though I have realized it, the problem is that in my code it is not working. because it will be?

  • can I chat with Voce? a question has arisen?

  • Let’s go continue this discussion in chat.

Show 4 more comments

1 answer

0


word-Spacing is the space between words

padding-left is space left 

#topcart  { 
font-family: Arial, courier, serif;
background-color: #71658B;
color: #FFFFFF;
word-spacing: 20px;
padding-left: 80px;
}
 <div id="topcart"> 
    <thead>
        <tr>
            <th>ISBN</th>
            <th>Book</th>
            <th>Price</th>
            <th>Quantity</th>
            <th>Subtotal</th>
            <th>&nbsp;</th>
        </tr>  
    </thead>
  </div>

  • edited the answer that had an error in tr

Browser other questions tagged html css

You are not signed in. Login or sign up in order to post.