Hogy lehet úgy megcsinálni a weboldalt, hogy Opera 11-ben is működjön a CSS?
A head ben add meg:
<link rel="stylesheet" href="valami.css" type="text=css" />
Jónak kéne lennni.
Jobb klikk társítsd operába!
Így se működik. Eddig így csináltam.
Próbáltam már így is, de ez sm jó:
<head>
<style>
Ide jön a formázás
</style>
</head>
Van még valami megoldás rá? Lehet, hogy a CSS-t írom rosszul?
Először is jó lenne, ha a forrást is megosztanád, mert így nem lehet konkrétumokat mondani, csak találgatni tudunk.
Ha látjuk a forrást, utána már el lehet dönteni, hogy böngésző vagy CSS esetleg HTML gond van.
<html>
<head>
<title> konzolok </title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="clearbox.js" type="text/javascript"></script>
</head>
<body>
<p ID="fejlec">
Kezdőlap
</p>
<h1 class="kezi">
Kézikonzolok:<br>
</h1>
<ul>
<li> Nintendo DS
<li> Sony PSP
<li> Nintendo 3DS
</ul>
<h1 class="asztali">
Asztali konzolok: <br>
</h1>
<ul>
<li> Sony PS2
<li> Sony PS3
<li> Microsoft Xbox
<li> Microsoft Xbox360
<li> Nintendo Wii
</ul>
<table>
<tr>
<td> <a href="3ds.jpg" rel="clearbox" title="Caption"><img src="3ds.jpg" width="256" height="150" /></a> <br> Nintendo 3DS </td>
<td> <a href="PSP.jpg" rel="clearbox" title="Caption"><img src="PSP.jpg" width="256" height="150" /></a> <br> Sony PSP </td>
<td> <a href="ds.jpg" rel="clearbox" title="Caption"><img src="ds.jpg" width="256" height="150" /></a><br> Nintendo DS </td>
</tr>
<tr>
<td> <a href="PS3.jpg" rel="clearbox" title="Caption"><img src="PS3.jpg" width="256" height="200" /></a> <br> Sony PS3 </td>
<td> <a href="PS2.jpg" rel="clearbox" title="Caption"><img src="PS2.jpg" width="256" height="200" /></a><br> Sony PS2 </td>
<td> <a href="Xbox360.jpg" rel="clearbox" title="Caption"><img src="Xbox360.jpg" width="256" height="200" /></a><br> Xbox 360 </td>
</tr>
<tr>
<td> <a href="Wii.jpg" rel="clearbox" title="Caption"><img src="Wii.jpg" width="256" height="150" /></a><br> Nintendo Wii </td>
</tr>
</table>
<p class="zaro">
Ezek voltak a leghíresebb és a legsikeresebb konzolok.
</p>
</body>
</html>
És a CSS:
body{
background-color=#803225;
}
#fejlec{
font-size=35px;
text-align=center;
color: blue;
border=15px dashed green;
}
table{
border=3px solid black;
}
tr,td{
border=3px dotted blue;}
.kezi{
font-size=35pt;
color=orange;
}
.asztali{
font-size=35pt;
color=orange;
}
ul{
font-size=20px;
color=blue;
}
#fejlec{
text-size=35px;
text-alig="center";
}
.zaro{
font-size=29px;
color=#479812;
}
A legnagyobb probléma, a HTML és CSS ismereteiddel van.
A CSS szintaktikailag teljesen hibás.
Ilyen nincs:
background-color=#803225;
esetleg ilyen:
background-color:#803225;
Ennek mintájára mindent javíts ki!
HTML-ben pedig a a listaelemek nincsenek lezárva.
Egy Doctype is jó lenne.
Szvsz jó lenne, ha utánaolvasnál az alapoknak, akkor nem vétenél ilyen szarvas hibákat.
Köszi a választ!
A neten, ahol néztem, rosszul írták le. (egyenlőségjelet raktak 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!