footer menu

[alexdog1805]

#navSuppWrapper ul li a {
background-color: yellow;
color: black;
margin: 100px 200px 0px -100px;
padding: -40px;
text-align: center;
}

How to change the code that footer menu display like the foto attached?

[gjh42]

The zip doesn't want to open. You don't need to zip images.

[keneso]

@gjh42
Use 7zip

[gjh42]

I prefer to, but my computer makes it take several more steps to use that rather than the machine's utility, so when I'm feeling lazy... At any rate, the image doesn't tell much beside generic look, which the OP's styling already gets to.

What we need is to see your site live, so we can test things. Also, a description of what it is about the example that you are having difficulty with.

#navSuppWrapper ul li a { <--this applies to individual links only; you also need one or more rules to style the whole list.
background-color: yellow;
color: black;
margin: 100px 200px 0px -100px; <-------probably better used for #navSuppWrapper ul {}
padding: -40px; <------negative padding is invalid
text-align: center;
}

[alexdog1805]

problem solved

[gjh42]

So what turned out to be the problem, and the solution?

[alexdog1805]

i delete completely the footer menu:)

[gjh42]

OK then:)

[alexdog1805]

i decided that it's better to use footer links :))


#navSuppWrapper ul li {
background-color: black;
color: white;
text-align: center;
}


http://otisweb.ro/test/index.php

what padding/margin should I se to positionate footer link just before the "Copyright © Florida Elite Furnishing"

and both should be inline with paypal/mastercard/visa photos and centered.

[gjh42]

Add to your stylesheet


#siteinfoLegal {float: right; margin-right: 20px; position: relative; top: -6.7em;}

#navSuppWrapper {float: left; margin-left: 200px; position: relative; top: -6.7em;}