Miert nem megy?

Figyelt kérdés

netrol szedtem css=html menut miert nem megy

Ertelmes valaszokat legyszi meg csak kezdo vagyok csak videokbol tanulom a htmlt!!!

Bemasoltam mindent hogy ne kerdezgessetek ok?

most megcsinaltam egy kulon fajlba csak a menut.



<html>

<head>

<link href="style.css" rel="stylesheet" type="text/css">

</head>

<body>

<ul id="menu-bar">

<li class="current"><a href="#">Home</a></li>

<li><a href="#">Products</a>

<ul>

<li><a href="#">Products Sub Menu 1</a></li>

<li><a href="#">Products Sub Menu 2</a></li>

<li><a href="#">Products Sub Menu 3</a></li>

<li><a href="#">Products Sub Menu 4</a></li>

</ul>

</li>

<li><a href="#">Services</a>

<ul>

<li><a href="#">Services Sub Menu 1</a></li>

<li><a href="#">Services Sub Menu 2</a></li>

<li><a href="#">Services Sub Menu 3</a></li>

<li><a href="#">Services Sub Menu 4</a></li>

</ul>

</li>

<li><a href="#">About</a></li>

<li><a href="#">Contact Us</a></li>

</ul>

</body>


</html>



es a css file:


#menu-bar {

margin: 0px 0px 0px 0px;

padding: 6px 6px 0px 6px;

height: 34px;

line-height: 100%;

border-radius: 9px;

-webkit-border-radius: 9px;

-moz-border-radius: 9px;

box-shadow: 2px 2px 6px #666666;

-webkit-box-shadow: 2px 2px 6px #666666;

-moz-box-shadow: 2px 2px 6px #666666;

background: #8B8B8B;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A9A9A9, endColorstr=#7A7A7A);

background: -webkit-gradient(linear, left top, left bottom, from(#A9A9A9), to(#7A7A7A));

background: -moz-linear-gradient(top, #A9A9A9, #7A7A7A);

border: solid 1px #6D6D6D;

}

#menu-bar li {

margin: 0px 6px 0px 6px;

padding: 0px 0px 6px 0px;

float: left;

position: relative;

list-style: none;

}

#menu-bar a {

font-weight: bold;

font-family: verdana;

font-style: normal;

font-size: 12px;

color: #E7E5E5;

text-decoration: none;

display: block;

padding: 8px 20px 8px 20px;

margin: 0;

border-radius: 6px;

-webkit-border-radius: 6px;

-moz-border-radius: 6px;

text-shadow: 2px 2px 25px #000000;

}

#menu-bar .current a, #menu-bar li:hover > a {

background: #0399D4;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EBEBEB, endColorstr=#A1A1A1);

background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1));

background: -moz-linear-gradient(top, #EBEBEB, #A1A1A1);

color: #444444;

-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);

-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);

box-shadow: 0 1px 1px rgba(0, 0, 0, .2);

text-shadow: 2px 2px 3px #FFFFFF;

}

#menu-bar ul li:hover a, #menu-bar li:hover li a {

background: none;

border: none;

color: #666;

-box-shadow: none;

-webkit-box-shadow: none;

-moz-box-shadow: none;

}

#menu-bar ul a:hover {

background: #0399D4 !important;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#04ACEC, endColorstr=#0186BA);

background: -webkit-gradient(linear, left top, left bottom, from(#04ACEC), to(#0186BA)) !important;

background: -moz-linear-gradient(top, #04ACEC, #0186BA) !important;

color: #FFFFFF !important;

border-radius: 0;

-webkit-border-radius: 0;

-moz-border-radius: 0;

text-shadow: 2px 2px 3px #FFFFFF;

}

#menu-bar ul {

background: #DDDDDD;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#CFCFCF);

background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));

background: -moz-linear-gradient(top, #FFFFFF, #CFCFCF);

display: none;

margin: 0;

padding: 0;

width: 185px;

position: absolute;

top: 30px;

left: 0;

border: solid 1px #B4B4B4;

border-radius: 10px;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

-webkit-box-shadow: 2px 2px 3px #222222;

-moz-box-shadow: 2px 2px 3px #222222;

box-shadow: 2px 2px 3px #222222;

}

#menu-bar li:hover > ul {

display: block;

}

#menu-bar ul li {

float: none;

margin: 0;

padding: 0;

}

#menu-bar ul a {

padding:10px 0px 10px 15px;

color:#424242 !important;

font-size:12px;

font-style:normal;

font-family:arial;

font-weight: normal;

text-shadow: 2px 2px 3px #FFFFFF;

}

#menu-bar ul li:first-child > a {

border-top-left-radius: 10px;

-webkit-border-top-left-radius: 10px;

-moz-border-radius-topleft: 10px;

border-top-right-radius: 10px;

-webkit-border-top-right-radius: 10px;

-moz-border-radius-topright: 10px;

}

#menu-bar ul li:last-child > a {

border-bottom-left-radius: 10px;

-webkit-border-bottom-left-radius: 10px;

-moz-border-radius-bottomleft: 10px;

border-bottom-right-radius: 10px;

-webkit-border-bottom-right-radius: 10px;

-moz-border-radius-bottomright: 10px;

}

#menu-bar:after {

content: ".";

display: block;

clear: both;

visibility: hidden;

line-height: 0;

height: 0;

}

#menu-bar {

display: inline-block;

}

html[xmlns] #menu-bar {

display: block;

}

* html #menu-bar {

height: 1%;

}



2013. febr. 27. 20:49
 1/6 Argloss ***** válasza:
Mi a baj vele?
2013. febr. 27. 21:31
Hasznos számodra ez a válasz?
 2/6 A kérdező kommentje:

csak az hogy linkelve adja ki a szavakat semmi css sel

csak sima linkek

2013. febr. 28. 12:41
 3/6 Argloss ***** válasza:
A kód működik. Valószínűleg az a baj, hogy véletlenül elírtad a style.css nevét vagy elérési útvonalát.
2013. febr. 28. 13:25
Hasznos számodra ez a válasz?
 4/6 A kérdező kommentje:
hat de mer valoszinuleg ha itt van amit leirtam?
2013. febr. 28. 13:53
 5/6 Lajos54 ***** válasza:

Nem néztem át részletesen, de a CSS hibás. Valószínűleg valami formai hiba-hibák vannak bent. A CSS Validátor sem fogadja el. Nézd meg mégegyszer, jól másoltad-e át a forráshelyről.

Ha elmentetted a fájlt, itt le tudod ellenőrizni: [link]

2013. febr. 28. 15:06
Hasznos számodra ez a válasz?
 6/6 Argloss ***** válasza:

Azért gondoltam rá, mert bemásolva nekem így néz ki: (IE-ben csak böngészőmód váltással megy, gondolom a first és last child-ot nem ismeri)

[link]


Gondolom a validatornak a színátmenetelekkel van baja meg esetleg az árnyékokkal.

2013. febr. 28. 18:18
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!