colored container - page 2 | WordPress.org

Resolved lukeg01
(@lukeg01)

11 years, 9 months ago
hello,
i’m trying to make a green colored full width menu bar,
i got this:
html:
```
<menu>
Home News Contact About
</menu>
```
css :
```
menu{
width: device-width;
height: 1000px;
background-color: #ABCF38;
}
```
the problem is that it stays white

luke

Viewing 6 replies - 16 through 21 (of 21 total)

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years, 9 months ago
Put a fullstop infront of “logobar” here:
```
logobar {
    width: :100%;
    background-color: #fff;
    padding-left:5px;
    margin-left: 5px;
}
```
E.g.:
```
.logobar {
    width: :100%;
    background-color: #fff;
    padding-left:5px;
    margin-left: 5px;
}
```
Thread Starter lukeg01
(@lukeg01)

11 years, 9 months ago

hey, it workt, know i only seem to have a small glitch on the green bar, just out the centre in direction of left.
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years, 9 months ago
Try adding this CSS:
```
content {
    display: block;
}
```
Thread Starter lukeg01
(@lukeg01)

11 years, 9 months ago

thanks it seems to be fixed

Thread Starter lukeg01
(@lukeg01)

11 years, 9 months ago

could you give me a tip on how to divide a part of the menu in blocks so it’ll work with hover over

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years, 9 months ago

Use the HTML outlined in this tutorial: http://www.w3schools.com/css/css_navbar.asp

Then look at using the ‘:hover‘ selector on the anchor tags from this tutorial: http://www.w3schools.com/CSSref/sel_hover.asp

Viewing 6 replies - 16 through 21 (of 21 total)

The topic ‘colored container’ is closed to new replies.

21 replies
2 participants
Last reply from: Andrew Nevins
Last activity: 11 years, 9 months ago
Status: resolved

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics