Hova kell beilleszteni a css menü kódokat?
itt egy példa..nah most ezt hova tegyem?: ul#menu{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:40px;
text-transform:uppercase;
font-size:13px;
background:transparent url("images/black.jpg") repeat-x top left;
font-family:Helvetica,Arial,Verdana,sans-serif;
}
ul#menu li{
display:block;
float:left;
margin:0;
pading:0;
border-right:1px solid #ffffff;
}
ul#menu li a{
display:block;
float:left;
color:#ffffff;
text-decoration:none;
padding:12px 20px 0 20px;
height:24px;
height:40px;
}
ul#menu li a:hover{
background:transparent url("images/blue.jpg") repeat-x top left;
}
válasza:Csinálsz egy új fájlt. Legyen CSS a kiterjesztése és legyen mondjuk style a neve vagyis style.css, ez a fájl azt tartalmazza amit leírtál. Aztán, az oldalad kódjában a HEAD tag-ek közé ezt:
<link type="text/css" href="style.css" rel="stylesheet" media="screen">
És így már jó lesz...
válasza:"na jó én k*rvára kezdő vok ezzel most nem mondtál semmit de mind1 majd kérek máshonnan segítséget :S"
Ne segítséget kérj, hanem gondolkozz. Minden egyes css leírás azzal kezdődik, hogy hova írd, annyara alap dolgot kérdeztél. Ugyan keress már egyet. (Segítek: GOOGLE)
nekem csak ne működik pedig a neve is jó meg minden
<html>
<head>
<link type="text/css" href="style.css" rel="stylesheet" media="screen">
</head>
<body>
adsa
</body>
</html>
válasza: válasza:Látom ez nem megy olyan egyszerűen mint kéne, és hogy megspóroljam az időt neked, látatlanban leírtam mi is kell legyen a HTML fájlban:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="hu">
<head>
<meta http-equiv="Content-Type" content="text/html; ISO-8859-2">
<title>Title</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta http-equiv="content-language" content="hu">
<link type="text/css" href="style.css" rel="stylesheet" media="screen">
</head>
<body>
<ul id="menu">
<li><a href="#">Menü 1</a></li>
<li><a href="#">Menü 2</a></li>
<li><a href="#">Menü 3</a></li>
<li><a href="#">Menü 4</a></li>
</ul>
</body>
</html>
A style.css fájlban pedig:
ul#menu{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:40px;
text-transform:uppercase;
font-size:13px;
background:transparent url("images/black.jpg") repeat-x top left;
font-family:Helvetica,Arial,Verdana,sans-serif;
}
ul#menu li{
display:block;
float:left;
margin:0;
pading:0;
border-right:1px solid #ffffff;
}
ul#menu li a{
display:block;
float:left;
color:#ffffff;
text-decoration:none;
padding:12px 20px 0 20px;
height:24px;
height:40px;
}
ul#menu li a:hover{
background:transparent url("images/blue.jpg") repeat-x top left;
}
Ha már így se megy, akkor ne is próbálkozz vele.
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
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!