Hogy tudnám megoldani, hogy a képen belül maradjon az írás?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " [link]
<html xmlns=" [link]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>404</title>
<style type="text/css">
<!--
body {
margin: 0px;
padding: 0px;
}
#tartalom {
height: 1000px;
width: 1000px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#kep {
height: 750px;
width: 990px;
padding-left: 3px;
background-image: url(wooden_board.png);
background-repeat: no-repeat;
}
#szoveg {
height: 150px;
width: 320px;
text-align: center;
margin-left: 30px;
padding-top: 180px;
}
-->
</style>
</head>
<body>
<div id="tartalom">
<div id="kep">
<div id="szoveg"> fdsgdfsgsdfgsdfgdsfdfsgsdfgsdfgdsfgdfgsdfgdfdsgdfsgsdfgsdfgdsfdfsgsdfgsdfgdsfgdfgsdfgdfdsgdfsgsdfgsdfgdsfdfsgsdfgsdfgdsfgdfgsdfgdfdsgdfsgsdfgsdfgdsfdfsgsdfgsdfgdsfgdfgsdfgdfdsgdfsgsdfgsdfgdsfdfsgsdfgsdfgdsfgdfgsdfgdfdsgdfsgsdfgsdfgdsfdfsgsdfgsdfgdsfgdfgsdfgdfdsgdfsgsdfgsdfgdsfdfsgsdfgsdfgdsfgdfgsdfgdfdsgdfsgsdfgsdfgdsfdfsgsdfgsdfgdsfgdfgsdfgdfdsgdfsgsdfgsdfgdsfdfsgsdfgsdfgdsfgdfgsdfgdfdsgdfsgsdfgsdfgdsfdfsgsdfgsdfgdsfgdfgsdfgdfdsgdfsgsdfgsdfgdsfdfsgsdfgsdfgdsfgdfgsdfgd
</div>
</div>
</div>
</body>
</html>
Innen le lehet tölteni és ha valaki meg tudta csinálni esetleg vissza is küldené? :)
www.pela.hu/ezaz.zip
válasza:Nagyon leegyszerűsítve:
#szoveg {
height: 150px;
width: 320px;
text-align: center;
margin-left: 30px;
padding-top: 180px;
}
Ebben a szakaszban a "margin-left" értéket változtatva tudod a szöveg bal szélét jobbra-balra elhelyezni. A "padding-top" értéket változtatva pedig a tetejét tudod fel-le elhelyezni. Ha 300-at, és 250-et adsz meg, már nem is lóg ki a tesztszöveg. Ha 280-at, és 230-at adsz meg, láthatod, hogy a 300/250-es értékpárhoz képest balra és felfelé ment egy kicsit a szöveg.
Bocs, de a bonyolultabb formázáshoz most már fáradt vagyok.
Itt pontos, és könnyen megtanulható infókat találsz, ha beszélsz angolul:
köszönöm!
sikerült! :)
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!