Forum FAQForum FAQSearchSearch MemberlistMemberlist Forum ignore listForum ignore list RegisterRegister ProfileProfile Log in to check your private messagesLog in to check your private messages Log inLog in
Razmak između slika

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side
View previous topic :: View next topic  
Author Message
booka



Joined: 06 Oct 2005
Posts: 325
Location: Zagreb

PostPosted: 16.09.2007 10:54    Post subject: Razmak između slika Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Send e-mail MSN Messenger
Jay-S
Guest





PostPosted: 16.09.2007 11:15    Post subject: Re: Razmak između slika Reply with quote

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

PostPosted: 16.09.2007 11:17    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website Twitter profile
booka



Joined: 06 Oct 2005
Posts: 325
Location: Zagreb

PostPosted: 16.09.2007 11:30    Post subject: Add user to your forum ignore list Reply with quote

@red: Sa jednim br mi radi u firefoxu, ali ne i u IE6. Rolling Eyes
@jay-s: možda je glupo pitanje, ali kad stavim list smeta mi grafički element, kak da ga maknem?
Back to top
View user's profile Send private message Send e-mail MSN Messenger
Jay-S
Guest





PostPosted: 16.09.2007 11:41    Post subject: Reply with quote

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

PostPosted: 16.09.2007 11:43    Post subject: Add user to your forum ignore list Reply with quote

booka wrote:
@red: Sa jednim br mi radi u firefoxu, ali ne i u IE6. Rolling Eyes


IE6 je blesav, ali tolko nije Smile

Kreni od nule, makni sve stilove i vidjeti ćeš da razmaka po defaultu nema.

_________________
Get busy living, or get busy dying.
Back to top
View user's profile Send private message Visit poster's website Twitter profile
Jay-S
Guest





PostPosted: 16.09.2007 11:55    Post subject: Reply with quote

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

PostPosted: 16.09.2007 12:02    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Send e-mail MSN Messenger
Jay-S
Guest





PostPosted: 16.09.2007 12:14    Post subject: Reply with quote

pa daj to slozi kao jednu sliku... zakaj se tak zajebavaš?
Back to top
booka



Joined: 06 Oct 2005
Posts: 325
Location: Zagreb

PostPosted: 16.09.2007 12:17    Post subject: Add user to your forum ignore list Reply with quote

Shocked Koji sam ja idiot! Embarassed hvala
Back to top
View user's profile Send private message Send e-mail MSN Messenger
Jay-S
Guest





PostPosted: 16.09.2007 12:23    Post subject: Reply with quote

booka wrote:
Shocked Koji sam ja idiot! Embarassed hvala


lol np Laughing
Back to top
Sulien



Joined: 04 Jan 2004
Posts: 2905
Location: Zagreb

PostPosted: 17.09.2007 22:23    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Send e-mail Visit poster's website
dbomez



Joined: 19 Oct 2007
Posts: 163
Location: Pula

PostPosted: 19.10.2007 11:50    Post subject: Add user to your forum ignore list Reply with quote

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 Very Happy

http://www.mezzoblue.com/archives/2005/03/30/image_replac/

Evo i link na textic o tome Smile
Back to top
View user's profile Send private message
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side All times are GMT + 1 Hour
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group