View previous topic :: View next topic |
Author |
Message |
booka
Joined: 06 Oct 2005 Posts: 325 Location: Zagreb
|
Posted: 16.09.2007 11:54 Post subject: Razmak između slika |
|
|
Imam jedan problem.
Imam dvije slike koje trebaju biti jedna ispod druge ali bez razmaka. Jedna je visoka oko 20px a druga 1px. Kad odem u novi red sa < br / > onda mi se napravi razmak između slika jer br ima svoju visinu.
Jel zna netko kako napravit da nema razmaka?
Hvala |
|
|
Back to top |
|
|
Jay-S Guest
|
Posted: 16.09.2007 12:15 Post subject: Re: Razmak između slika |
|
|
probaj pomoću lista, i onda mu zadaj line-height:1.5em; ili koliko ti već treba... |
|
|
Back to top |
|
|
red
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
Posted: 16.09.2007 12:17 Post subject: |
|
|
Jedan BR ti neće uzrokovati razmak između dvije slike. npr
Code: | <img src="http://www.mi3dot.org/forum/images/avatars/70757542143836861b71cc.jpg"><br>
<img src="http://www.mi3dot.org/forum/images/avatars/70757542143836861b71cc.jpg"> |
|
_________________ Get busy living, or get busy dying. |
|
Back to top |
|
|
booka
Joined: 06 Oct 2005 Posts: 325 Location: Zagreb
|
Posted: 16.09.2007 12:30 Post subject: |
|
|
@red: Sa jednim br mi radi u firefoxu, ali ne i u IE6.
@jay-s: možda je glupo pitanje, ali kad stavim list smeta mi grafički element, kak da ga maknem? |
|
|
Back to top |
|
|
Jay-S Guest
|
Posted: 16.09.2007 12:41 Post subject: |
|
|
daj stavi kod i sve... i link... i reci kaj ti točno smeta... |
|
|
Back to top |
|
|
red
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
Posted: 16.09.2007 12:43 Post subject: |
|
|
booka wrote: | @red: Sa jednim br mi radi u firefoxu, ali ne i u IE6.
|
IE6 je blesav, ali tolko nije
Kreni od nule, makni sve stilove i vidjeti ćeš da razmaka po defaultu nema. |
_________________ Get busy living, or get busy dying. |
|
Back to top |
|
|
Jay-S Guest
|
Posted: 16.09.2007 12:55 Post subject: |
|
|
booka wrote: |
@jay-s: možda je glupo pitanje, ali kad stavim list smeta mi grafički element, kak da ga maknem? |
border-style: none;
ak na to misliš |
|
|
Back to top |
|
|
booka
Joined: 06 Oct 2005 Posts: 325 Location: Zagreb
|
Posted: 16.09.2007 13:02 Post subject: |
|
|
Evo kad napravim skroz novu fajlu i stavim ovo opet mi u ie ne valja.
Code: | <body>
<img src="benefits.jpg" /> <br/>
<img src="line.jpg" />
</body> |
Evo slika:
Firefox:
Dobro!
IE6
Nije dobro! Razmak između slika.
Jel kužite sad? |
|
|
Back to top |
|
|
Jay-S Guest
|
Posted: 16.09.2007 13:14 Post subject: |
|
|
pa daj to slozi kao jednu sliku... zakaj se tak zajebavaš? |
|
|
Back to top |
|
|
booka
Joined: 06 Oct 2005 Posts: 325 Location: Zagreb
|
Posted: 16.09.2007 13:17 Post subject: |
|
|
Koji sam ja idiot! hvala |
|
|
Back to top |
|
|
Jay-S Guest
|
Posted: 16.09.2007 13:23 Post subject: |
|
|
booka wrote: | Koji sam ja idiot! hvala |
lol np |
|
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 17.09.2007 23:23 Post subject: |
|
|
Code: | <body>
<img src="benefits.jpg" /> <br/>
<img src="line.jpg" />
</body> |
Svi su prepristojni da ti kažu da se tako ne rade web stranice. Prouči malo ovo:
Code: |
<html><head>
<style type="text/css">
#benefits span {
text-indent:-100em;
display:block;
width:105px; height:32px; /* dimenzije slike */
background:url(benefits.jpg) no-repeat;
}
#benefits {
margin:0.5em 0;
padding-bottom:5px; /* malo postimas, ne znam napamet */
background:url(line.jpg) bottom left no-repeat;
}
</style>
</head>
<body>
<h1>Naslov stranice</h1>
<h2 id="benefits"><span>Benefits</span></h2>
</body>
</html> |
Da, ružno je, da, teže je, ali se više isplati. I kad makneš stilove imaš svoj content ispod toga ("Benefits" kao naslov), što je najvažnije. |
|
|
Back to top |
|
|
dbomez
Joined: 19 Oct 2007 Posts: 163 Location: Pula
|
Posted: 19.10.2007 12:50 Post subject: |
|
|
Slozio bi se sa sulien, samo je ipak mogao malo detaljnije objasnit to.
Kao prvo, nema smisla sve to stavit u 1 sliku jer ti je slika dosta veca tj. "teza" a to znaci sporije ucitavanja, ovako 1px linija ne uzima bas nesto previse.
U principu to sto je on napisao ti se zove image replacement, a to se koristi da bi sadrzaj pisao u kodu tj. u stranici jer trazilice i screen readeri mogu citat samo iz koda a ne text na nekoj slici, a osobitu vaznost ima text u headinzima. Tako da ovom metodom dobijes da ti se prikaze ljepi naslov kao slika a jos uvijek ti je zapisan "naslov" u kodu. Valja napomenuti da postoji vise metoda, cak imas i sFIR gdje umjesto slike u naslov stavljas flash fajl te tako mozes ubacit font koji zelis za taj naslov no to je druga prica. Uglavnom, ni jedna metoda nije savrsena, ali ova je i meni najdraza, doduse problem je ako su iskljucene slike a ukljucen css(sto je rijetki slucaj) i neki screenreaderi ce ignorirat skriveni text ali to je kompromis koji moramo ucinit(dok "ne dodje" css3), uglavnom miljama bolje od samo frknut sliku
http://www.mezzoblue.com/archives/2005/03/30/image_replac/
Evo i link na textic o tome |
|
|
Back to top |
|
|
|