Hogyan kell css. T html-hez adni, hogy megjelenjen?
Dm-ben van egy index.html oldalam:
pl ez:
<html>
<head>
<LINK REL=StyleSheet HREF="index.css" TYPE="text/css" MEDIA=screen>
<title>Kung Fu</title>
<style type ="text/css">
center { color:#900;font-size:40px }
table { color:#FFF }
</style>
</head>
<body>
<center>Shaolin Mei Mua Tang Lang</center>
<center>
<p>Kung fu Iskola </p>
<p> </p>
</center>
<body background="hatter.jpg">
<table width="176" height="391" border="1">
<tr>
<th width="163" scope="col"><p><a href="oldal1.html"><font color="red">Rólunk</a></p></th>
</tr>
<tr>
<th scope="row"><p><a href="oldal2.html"><font color="red">Mesterek</p></th>
</tr>
<tr>
<th scope="row"><a href="oldal3.html"><font color="red">Tagok</th>
</tr>
<tr>
<th scope="row"><a href="oldal4.html"><font color="red">Programok</th>
</tr>
<tr>
<th scope="row"><a href="oldal5.html"><font color="red">Forum</th>
</tr>
<tr>
<th scope="row"><a href="oldal6.html"><font color="red">Fegyverek</th>
</tr>
<tr>
<th height="44" scope="row"><a href="oldal7.html"><font color="red">Kapcsoalt</th>
</tr>
<tr>
<th height="40" scope="row"><a href="oldal7.html"><font color="red">Extrák</th>
</tr>
</table>
</body>
</html>
hozzá van adva a cs.s file,a neve is jó,de mégsem jelenik meg a css kódok által létrejövő menü.
Ez van a css-ben:
<style type="text/css">
<!--
#menu { width: 150px; }
#menu ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#menu a {
display: block;
padding: 3px;
background-color:#333333;
border-bottom: 1px solid #FF0000;
width:100%;
}
#menu a:link, #menulista a:visited {
color: #FF0000;
text-decoration: none;
}
#menu a:hover {
background-color: #FF0000;
color: #333333;
}
-->
</style>
Akkor miért nem jelenik meg a css-s menüm az index.html-ben,hogyha elvileg odacsatoltam?
köszönöm
válasza:
válasza:Ezt a kódot te írtad magadtól, vagy valami grafikus html szerkesztő kreálta?
Végülis a lényegen nem változtat, hogy sok a hiba.
eleve kezdjük azzal, hogy pl:
az a menü amit táblázatba rendeztél, azt miérz <TH> tag-el tetted?
Tablazat sor = TR
Cella = TD
A TH az táblázat címsorcella (de nemigazán használják) gyakorlatban.
viszont neked miden sorban TH val vannk a cellák
(lehet, hogy működik, és megjelenik, viszont nem helyes).
továbbá mire van a scope="row" nem hallottam még erről (lehet én vagyok lemarada, vagy ezt is csak valami html editor használja.
Aztán ott van a menü linkjének a megjelenő szövege és ott FONT színét beállítottad pirosra, viszont nem zártad le a /font al (lehet, hogy működik és megjelenik de szintén em helyes) továbbá a hivatkozás sincs lezárva, és nem értem miért kell oda <p >
Ha ezt a részletet ilyen megoldással csinálnám akkor valahogy így tenném:
<tr>
<td>
<a href="oldal2.html"><font color="red">Mesterek</font> </a>
</td>
</tr>
ugye menyivel barátságosabb.
Továbbá a CSS elemeit hozzá kel rendelned a HTML hez
pl ott van a CSS fájlodban olyan hogy:
#menu ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
az "ul" csak a lista elemekre fog vonatkozni, viszont neked a html kódodban nincs lista létrehozva.
ha pl a táblázat celláihoz <TD> akarsz formázást rendelni CSS el akkor
td {
font-family: tahoma;
color: #C00C0C;
font-size:12pt;
background-color: #220202;
}
Nem tudom mit sikerült megértened abból amit írtam, de szerintem vegyél egy könyvet a HTML ről és a CSS ről, vagy keress a neten ingyenes anyagot. És olvass, tanulj, gyakorolj, próbálkozz, .
válasza:Találtam számodra egy jól érthető oldalt HTML-CSS Tanulásra.
válasza:<head>
<link href="style(a fájl neve amiben készitetted a CSS
t).css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- ide jön amit a szived kiván -->
</body>
A CSS t külön ird meg könnyebb valahogz igz néz ki
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!