Hol van a hiba ebben a CSS-kódban?
Stílust szeretnék rendelni a menümhöz, az almenüimhez (mindegyik külön html fájl, a baloldali frame-ben megjelenítve), illetve a szöveges tartalmaimhoz.
Nem külön-külön stíluslapokkal, hanem általánosságban. Tehát egy stílus pl. az összes egyes szintű címsorhoz, és így tovább.
Nagyon kezdő vagyok, s a suliban csak a HTML-t tanultuk, a CSS-t én tanulgatom pár napja, itthon, magánszorgalomból.
Az alábbi CSS kód valahol hibádzik; a FrontPage jól jeleníti meg (próbaképp bemásoltam oda), ellenben a böngésző nem úgy, ahogy kéne.
Ja, ami még fontos: az Ultrawebre vagyok regisztrálva, és ott a web-ftp-n keresztül (ott nem kell ftp-kliens a gépre) szerkesztem kódok beírásával az oldalt.
<style type="text/css">
<!--
H1 {
font-family: Comic Sans MS;
size: 26px;
style: bold;
text-align: center;
color: #8e0c0c;
}
H2 {
font-family: Comic Sans MS;
size: 22px;
style: bold;
text-align: center;
color: #8e0c0c;
}
H3 {
font-family: Comic Sans MS;
size: 17px;
style: bold;
text-align: center;
color: #8e0c0c;
}
P {
text-align: justify;
font-family: Comic Sans MS;
size: 12px;
color: #8e0c0c;
}
li˙{
text-align: justify;
font-family: Comic Sans MS;
size: 12px;
color: #8e0c0c;
}
-->
A betűtípuson és a színen kívül semmi nem stimmel. De néhol a betűtípus sem.
Kezdő vagyok, és lány; de érdekel ez, és meg szeretném tanulni. :)
válasza:Az oldal kettéválasztásához is létezik CSS megoldás. Lényegében CSS-el rengeteg minden megoldható, ha már úgymond bejáratos vagy a CSS nyelvben, akkor az internet és a Google segítségével bármit meg tudsz valósítani.
A CSS fájlodban pedig írd ugyanazt mint amit fentebb leírtál, csak ezeket hagyd ki:
<style type="text/css">
<!--
és
-->
</style>
Tehát ezek nélkül minden mást.
És persze, írhatsz privátot nyugodtan, ha szükséges akkor megadom az msn-em is, és elmagyarázhatom hogy szerintem mit hogyan kell.
Most még ideírom, úgyse baj, ha más is látja, hátha másnak is segítünk:
Tehát így csináljak stíluslapot:
<html>
<head>
<title>Stíluslap</title>
</head>
<body>
H1 {
font-family: Comic Sans MS;
font-size: 26px;
font-weight: bold;
text-align: center;
color: #8e0c0c;
}
H2 {
font-family: Comic Sans MS;
font-size: 22px;
font-weight: bold;
text-align: center;
color: #8e0c0c;
}
H3 {
font-family: Comic Sans MS;
font-size: 17px;
font-weight: bold;
text-align: center;
color: #8e0c0c;
}
P {
text-align: justify;
font-family: Comic Sans MS;
font-size: 12px;
color: #8e0c0c;
}
li {
text-align: justify;
font-family: Comic Sans MS;
font-size: 12px;
color: #8e0c0c;
}
</body>
</html>
Vagy a head-en belülre rakjam? De tag-ek nélkül?
válasza:Nemnem. Leírom a kódját egész pontosan.
Ez lesz a HTML fájl:
<html>
<head>
<title>Stíluslap</title>
<link href="stilus.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>Ez már egy CSS-el formázott címsor!</h1>
</body>
</html>
És kell külön egy CSS fájl, (jelen esetben ennek stilus.css legyen a neve) ami ezt tartalmazza:
H1 {
font-family: Comic Sans MS;
font-size: 26px;
font-weight: bold;
text-align: center;
color: #8e0c0c;
}
H2 {
font-family: Comic Sans MS;
font-size: 22px;
font-weight: bold;
text-align: center;
color: #8e0c0c;
}
H3 {
font-family: Comic Sans MS;
font-size: 17px;
font-weight: bold;
text-align: center;
color: #8e0c0c;
}
P {
text-align: justify;
font-family: Comic Sans MS;
font-size: 12px;
color: #8e0c0c;
}
li {
text-align: justify;
font-family: Comic Sans MS;
font-size: 12px;
color: #8e0c0c;
}
Ha a <link href="stilus.css" rel="stylesheet" type="text/css"> részt kihagyod a HTML fájlodból, akkor oldalon lévő szöveg teljesen alapértelmezett lesz. (a színe fekete lesz, nem lesz középen, a mérete is egy alap méret lesz, és alapértelmezett betűtípust fogsz látni)
válasza:Egy kis plusz info sosem árt:)
De azért remélem érthető voltam, és megvan a válasz:)
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, 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!