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
Underline na image linku

 
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
Zeus



Joined: 09 Sep 2003
Posts: 775
Location: Čakovec

PostPosted: 03.12.2008 12:53    Post subject: Underline na image linku Add user to your forum ignore list Reply with quote

Evo, da odvojim ovu temu iz one druge, pa da netko možda i riješi ovo. Naime, već se dugo vremena mučim s time da maknem underline sa slike koja je link. Da pojasnim:

Koristim Zoom gallery komponentu za Joomlu gdje mi prilikom mouse hovera slika bude podcrtana (a to hoću izbaciti).

Pošto u CSSu imam definirano za sve linkove (a:hover pa text-decoration: underline), onda mi to uzima i pod slike u albumu (i to samo tamo u Zoom galeriji i nigdje drugdje makar imam i druge slike sa sajtu koje sadrže linkove).

U pregledniku IE sve radi:


Dok je kod Firefoxa ovako:

(ova crta ispod slike)

Ne vidim načina kako maknuti tu crtu, prekopao sam cijeli google već, dosta foruma, nitko ne nudi nikakvo rješenje. Probao sam prčkati i po CSSu templatea, pa u zoom.css, ali nikako maknuti taj underline.

U drugom threadu je jasi predlozio ovo:
jasi wrote:
Problem je u tome kaj imas defulatni link... napravi nove klase za linkove i riješen problem...

Ovo mi je malo čudno s obzirom da se ovo samo dešava u toj komponenti, a kao što sam već rekao, imam i druge slike koje imaju link pa nemaju taj efekt.

Zatim, dajajde je dao ovaj link:
dajajde wrote:
http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

Ali mi ne pomaže Smile

Pokušao sam u CSS templatea (postoji i zasebni CSS za tu galeriju) ubaciti ovo:
Code:
a:link, a:visited {text-decoration:none;}
a:hover, a:active {text-decoration:underline;}
a img {border:0 none; text-decoration:none;}


Ali ništa, a ako tu izmjenim ovu drugu liniju u 'none' onda mi se nigdje ne prikazuje underline, niti na tekstu, niti na slici. Kao da je 'a' jače od 'a img' Smile

Evo, u .zip datoteci su dvije css datoteke, pa ako netko ima volje, neka pogleda. Jedna je od templatea (template_css.css), a druga od Zoom gallerije (zoom.css). Klasa koja se koristi za taj 'album' je:
Code:
.zmg-image-of-album


http://www.umms.hr/css.zip

Uglavnom, neka naredba koja bi toj klasi zadala da NE stavlja underline kada miš dođe iznad slike.
Back to top
View user's profile Send private message Twitter profile
dr_Hate



Joined: 28 Aug 2007
Posts: 168
Location: Rijeka

PostPosted: 03.12.2008 16:07    Post subject: Add user to your forum ignore list Reply with quote

ovako naslijepo, div-u unutar kojega ti se to nalazi maknes underline, pa ga posebno definiras za taj paragraf teksta ili u sto si vec stavio taj tekst

_________________
imam domenu |stajduhar.org|
Back to top
View user's profile Send private message Visit poster's website
Zeus



Joined: 09 Sep 2003
Posts: 775
Location: Čakovec

PostPosted: 03.12.2008 16:10    Post subject: Add user to your forum ignore list Reply with quote

dr_Hate wrote:
ovako naslijepo, div-u unutar kojega ti se to nalazi maknes underline, pa ga posebno definiras za taj paragraf teksta ili u sto si vec stavio taj tekst


Moram priznati da nisam skužio Smile
Back to top
View user's profile Send private message Twitter profile
fanatic



Joined: 02 Nov 2004
Posts: 81
Location: vienna

PostPosted: 03.12.2008 17:13    Post subject: Add user to your forum ignore list Reply with quote

probaj ovako

Code:

#header a.thumb:link, #header a.thumb:hover, #header a.thumb:visited {
   background-color: transparent;
   border: none;
}


Code:

<div id="header">
<a href="#" class="thumb"><img src="..." /></a>
</div>
Back to top
View user's profile Send private message
Zeus



Joined: 09 Sep 2003
Posts: 775
Location: Čakovec

PostPosted: 03.12.2008 17:26    Post subject: Add user to your forum ignore list Reply with quote

fanatic wrote:
probaj ovako

Code:

#header a.thumb:link, #header a.thumb:hover, #header a.thumb:visited {
   background-color: transparent;
   border: none;
}


Code:

<div id="header">
<a href="#" class="thumb"><img src="..." /></a>
</div>


Care, radi!!! Hvala puno! Smile
Back to top
View user's profile Send private message Twitter profile
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