Jeg er i gang med at lege lidt med effekter, men min ene menu opføre sig underligt, udover på firefox. Den laver mellemrum på mobil, chrome og IE - men ikke firefox?
I kan tjekke det her; se på den med farverne.
http://xsassy.dk/Home/demo.phpNogle forslag til, hvordan jeg kan ændre dette her?.
Den er bygget op med en overordnet div, samt ul og li.
Css:
- #menu {
- position: absolute;
- margin-top: -5px;
- margin-left: 550px;
- list-style: none;
- }
-
- ul#navigation li {
- width: 100px;
- padding: 0px;
- margin: 0px;
- }
- ul#navigation li a {
- display: block;
- margin-left: -2px;
- width: 150px;
- height: 77px;
- background-color: #ffffff;
- border-bottom: 1px dashed #000000;
- opacity: 0.6;
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
- }
- ul#navigation .forside a{
- background-image: url(../Menu/b01.png);
- }
-
- ul#navigation .portfolio a{
- background-image: url(../Menu/b02.png);
- }
-
- ul#navigation .sffoto a{
- background-image: url(../Menu/b03.png);
- }
-
- ul#navigation .monchia a{
- background-image: url(../Menu/b04.png);
- }
-
- ul#navigation .kontakt a{
- background-image: url(../Menu/b05.png);
- }