HTML oldal készítésénél mi az a fehér csík körben a böngészőkben?
Helló!
Az a problémám, hogyha csinálok bármilyen HTML oldalt, a böngészőben megnyitva körben tesz egy néhány pixeles üres helyet és fogalmam nincs miért.
szerkesztő: Notepad++
böngészők: legújabbak
Egyszerűen nem tudom eltüntetni, maximum a felsőt, ha arra húzok egy margin mínusz Xpixelt, de az oldalsók miatt még hátteret sem tudok csinálni.
Nem beszélve, hogy a "background-image" nem működik a body-n...
Mi lehet a gond? Itt egy példa, csatolom:
<!doctype html>
<html lang="hu">
<head>
<meta charset="ISO-8859-2">
<title> tesztkép</title>
</head>
<body>
<img src="tesztkep.jpg">
</body>
</html>
-----------------
A képe:
http://kepfeltoltes.hu/130102/teszt_www.kepfeltoltes.hu_.png
linkelem az eredeti képet is, hátha valaki kipróbálja és kiderül hogy csak az én böngészőm szórakozik :S
válasza:Le van nullázva a margin és a padding?
<!doctype html>
<html lang="hu">
<head>
<meta charset="ISO-8859-2">
<title> tesztkép</title>
<style>
* {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<img src="tesztkep.jpg">
</body>
</html>
Ez egy csúnyább de rövidebb megoldás, érdemes szétnézned a CSS reset téren. Vannak előre megírt CSS Reset-ek, aminek az a feladata hogy lenullázzon mindent, minden böngészőben, minden OP rendszeren. HTML5-ös reset-et keress, mert látom abban dolgozol.
válasza:Margó, és háttérkép beállítás:
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" background="valami.jpg">
válasza:Ha külső CSS fájlban akarod megadni a beállításokat, akkor arra hivatkozni kellene a kódban:
<link rel="stylesheet" type="text/css" href="theme.css" />
válasza:Háttérként itt a HTML kód :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
background-image: url(tesztkep_www.kepfeltoltes.hu_.jpg);
}
</style>
</head>
<body>
</body>
</html>
Ha a Body-ba szeretnéd beilleszteni a képet akkor pedig itt a HTML kód :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
margin:0;
}
</style>
</head>
<body>
<img src="tesztkep_www.kepfeltoltes.hu_.jpg" width="590" height="590" />
</body>
</html>
Köszi, ment a zöld.
A margin,padding nem volt nullázva. Eddig sosem tűnt fel hogy kellene, csak fehér hátteres oldalakat csináltam XD
, de ezzel volt a gond.
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!