7
Bide hau oso erabilgarri izan daiteke hainbat testu apaintzeko, une honetan burutik pasa zaizkit gure ipuinak eta narrazioak, gure bertsoak, poesiak… Gainera, sistema ez da batere zaila eta edozeinek egiteko modukoa dela pentsatzen dugu. Irudi bat hautatu ondoren, gardentasuna eman eta gorde egin beharko duzu. Honela, jatorrizko irudia izateaz gain, berdin bat izango duzu gardentasuna emanda. Gero, gardentasun irudiaren kokapena CSSan finkatuko dugu eta jatorrizkoarena HTMLan.
Bi irudi erabili ditugu eta nabigatzaile guztietan funtzionatzen du
Erabil ezazu zure idatziak apaintzeko
ADIBIDEA
Efektu polit bat
Bide hau oso erabilgarri izan daiteke hainbat testu apaintzeko, une honetan burutik pasa zaizkit gure ipuinak eta narrazioak, gure bertsoak, poesiak… Gainera, sistema ez da batere zaila eta edozeinek egiteko modukoa dela pentsatzen dugu. Irudi bat hautatu ondoren, gardentasuna eman eta gorde egin beharko duzu. Honela, jatorrizko irudia izateaz gain, berdin bat izango duzu gardentasuna emanda. Gero, gardentasun irudiaren kokapena CSSan finkatuko dugu eta jatorrizkoarena HTMLan.
Azalpenak
Lehenengo pausoa CSSan ondorengo kodea jartzea izango litzateke:
#image {
position:relative;
width:450px;
height:350px;
margin:0 auto;
border:1px solid #000;
margin-bottom:1em;
}
#text {
position:absolute;
top:0;
right:0;
width:200px;
height:330px;
background:url(irudia_gardentasunaz.jpg) top right;
padding:10px;
}
Eta gero, idatzi behar dugun tokian, honako hau egin beharko dugu:
<div id=”image”> <img src=”irudia.jpg” title=”Adibidea” alt=”Adibidea”/>
<div id=”text”>
<h2> IZENBURUA</h2>
<p class=”bold”> Azpitituloa</p>
<p> Idatzi nahi dugun testua </p>
</div>
</div>
Technorati etiketak:
CSS, GARDENTASUNA, IRUDIAK