Cascading Style Sheets

Why Does Style Block Affect Some Properties But Not Width of #primary_menu?

Why Does Style Block Affect Some Properties But Not Width of#primary_menu
Why isn't #primary_menu being selected for width, but is selected for other properties on the page at the following link, using the style shown after the link?

CSS keyframes overlap despite animation timing

Being relatively new to coding, I have created an animated banner in HTML and CSS, and got everything to work properly. (I'm building this on a local system, so images are not uploaded to server but are on my computer).

The animation is one image come up first for a few seconds then quickly fades out, then second image comes in and fades out, the 3rd comes in and fades out, and all of this loos indefinitely.

The problem I have is that the second "slide" reappears at the same time as the 3rd, lasts longer, therefore delaying the beginning of the loop with the first slide.

Centering Text

I changed the size of the pricetage pic on the roundabout. Now I need my text to be centered on the image of the pricetag. see css code below and website link. I also need help with centering my Navigation in the grey box above the roundabout. Any help is appreciated.

http://www.luvenlexi.com/Lexistore/

}
.roundabout-moveable-item .pricetag {
background:url(../image/pricetag2.png) top left no-repeat;
display:block;
width:135px;
height:69px;
position:absolute;
top:-1px;
right:30px;
font-family: Verdana, Geneva, sans-serif;
color:#f5f5f5;
font-weight:100;

Indent CSS to big

Hello,

On my weebly site, I've got a lot of space before the content text.
(site: floor123test.weebly.com)

Does anybody know where to fix my problem?

HTML code:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body class='  wsite-theme-light'>
<div id="wrapper">
    <div class="bg-wrapper">
        <div id="header">
            <div id="sitename">{logo}</div>
        </div>
        <div id="navigation">{menu}</div>
        <div id="content-wrapper">
            <div id="content">{content}</div>

I have three columns 1 2 and 3 counted from left. When reduce viewport I want the 3 to be below the 1 and this to be under 2

Here I have listed the html file and at the bottom the css file.
When I view this html file it display three columns.
The first one is far to the left is called menu and then the second is called left column which is in the middle and then finally the one to the right is called Right column.

If I now reduce the width of the screen it will display the menu at the top and then below the menu it will desplay the left column the then below the left column it will display the right column. Now it is displayed like this
Menu
Left column
Right column

Syndicate content