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
liste

 
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
darkqueliss



Joined: 27 May 2008
Posts: 1058

PostPosted: 13.05.2009 08:24    Post subject: liste Add user to your forum ignore list Reply with quote

Fakat neznam kak da nazovem thread... Možete i promjenit što se mene tiče...

Ovako problem je u listama, imam definirane liste i p tag unutrak tih lista...

na listama je definiran link i hover slika, ali mi u ie6 baš taj hover i ne radi...

Naime dok sam imao drugačije složene liste, radio je hover svugdje, ali kad sam neštio htio linkat u p tagu, taj link mi je poprimio svojstvo cssa kao što je i na slikama...

Ako zna netko gdje griješim molio bi pomoć...

CSS ( ovdje znaaći sve ok kad je zalinkano nešto u p tagu i hover je ok, al nije u ie6 )

Quote:

ul#folio, ul#folio li { margin:0; padding:0; list-style:none }
ul#folio li { }
ul#folio a img { float:left; border:none; width:906px; height:134px; position:relative; background-color:#FFF; padding:7px; }
ul#folio a:hover img { background-color:#000; padding:7px; }
ul#folio li p { padding:15px 0px 40px 0px; clear:both; color:#FFF; font-size:15px }
ul#folio li p a { color:#FFCB2D; text-decoration:underline }
ul#folio li p a:hover { color:#333; text-decoration:underline }


link: http://livingforart.com/websites/ ili gore u recent works... tamo je ova lista što je na dnu threada... kod nje, ako nešto zalinkam u tekstu onom, koji je unutar p, taj link dobije svojstvo isto kao što je na slikama, makar mu stavim neku klasu... :/

A ovaj CSS ( u svim browserima ok kad se prelazi preko slike, ali kad zalinkam nešto u p tagu, taj dio poprimi CSS kao što je na slikama , tj li )

Quote:

ul#recent-works-thumbs, ul#recent-works-thumbs li { margin:0; padding:0; list-style:none }
ul#recent-works-thumbs li { float:left }
ul#recent-works-thumbs a { float:left; width:255px; height:134px; position:relative;
background-color:#FFF; padding:7px; margin: 28px 0px 0px 28px }
ul#recent-works-thumbs a:hover { background-color:#000; padding:7px }
ul#recent-works-thumbs a img { float:left; border:none }
ul#recent-works-thumbs li p { padding:41px 26px 0px; clear:both; color:#FFF; font-size:15px; }



E sad ima kakva sredina, i kak se točno mora složit da bi mi sve ok funkcioniralo... di je problem...?

Thanks
Back to top
View user's profile Send private message
mile



Joined: 10 Sep 2003
Posts: 1327
Location: Jeruzalem

PostPosted: 13.05.2009 09:15    Post subject: Add user to your forum ignore list Reply with quote

Probaj ovako
Quote:
ul#folio, ul#folio li { margin:0; padding:0; list-style:none }
ul#folio li { }
ul#folio li.pero a { float:left; border:none; width:906px; height:134px; position:relative; background-color:#FFF; padding:7px; }
ul#folio li.pero a:hover { background-color:#000; padding:7px; }
ul#folio li p { padding:15px 0px 40px 0px; clear:both; color:#FFF; font-size:15px }
ul#folio li p a { color:#FFCB2D; text-decoration:underline }
ul#folio li p a:hover { color:#333; text-decoration:underline }

_________________
mile.is
Back to top
View user's profile Send private message Visit poster's website
darkqueliss



Joined: 27 May 2008
Posts: 1058

PostPosted: 13.05.2009 09:27    Post subject: Add user to your forum ignore list Reply with quote

Hmm neće onako, probao sam onda ovak...


Quote:

ul#folio, ul#folio li { margin:0; padding:0; list-style:none }
ul#folio li { }
ul#folio li.pero a img { float:left; border:none; width:906px; height:134px; position:relative; background-color:#FFF; padding:7px; }
ul#folio li.pero a:hover img { background-color:#000; padding:7px; }
ul#folio li p { padding:15px 0px 40px 0px; clear:both; color:#FFF; font-size:15px }
ul#folio li p a { color:#FFCB2D; text-decoration:underline }
ul#folio li p a:hover { color:#333; text-decoration:underline }


Al opet isto u ie6 ne šljaka... ostalo radi... damn...
Back to top
View user's profile Send private message
mile



Joined: 10 Sep 2003
Posts: 1327
Location: Jeruzalem

PostPosted: 13.05.2009 09:59    Post subject: Add user to your forum ignore list Reply with quote

Neće ti ni raditi u IE6 jer ne podržava hover pseudoklasu na ničemu osim na 'a' elementu.

_________________
mile.is
Back to top
View user's profile Send private message Visit poster's website
darkqueliss



Joined: 27 May 2008
Posts: 1058

PostPosted: 13.05.2009 10:04    Post subject: Add user to your forum ignore list Reply with quote

mile wrote:
Neće ti ni raditi u IE6 jer ne podržava hover pseudoklasu na ničemu osim na 'a' elementu.


hmm ok... znaci onda ni nemogu imat link unutar lista na tekstu...

onda ću morat ignorat ie6, da nema hovera...
Back to top
View user's profile Send private message
snyder



Joined: 21 Dec 2005
Posts: 57
Location: Zagreb

PostPosted: 13.05.2009 10:26    Post subject: Add user to your forum ignore list Reply with quote

pa to rijesis javascriptom. nema druge za ie6 Smile

ako koristis jquery onda je ovo:

Code:

$('#moja-lista li').mouseover(function() {
$(this).addClass('show-ul');
}).mouseout(function(){
$(this).removeClass('show-ul');
})


ako ne onda koristis suckerfish (www.google.hr Smile):
Code:

sfHover = function() {
   var sfEls = document.getElementById("nav").getElementsByTagName("LI");
   for (var i=0; i<sfEls.length; i++) {
      sfEls[i].onmouseover=function() {
         this.className+=" sfhover";
      }
      sfEls[i].onmouseout=function() {
         this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
      }
   }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
Back to top
View user's profile Send private message Visit poster's website MSN Messenger
mile



Joined: 10 Sep 2003
Posts: 1327
Location: Jeruzalem

PostPosted: 13.05.2009 10:43    Post subject: Add user to your forum ignore list Reply with quote

Starno nema potrebe za JavaScriptom, neznam u čemu je sada problem?
Jednostavno svojstva koja si imao u CSS-u za 'img' element samo stavi za 'a' element u kojem se ta slika nalazi (dodaj display: block)

_________________
mile.is
Back to top
View user's profile Send private message Visit poster's website
darkqueliss



Joined: 27 May 2008
Posts: 1058

PostPosted: 13.05.2009 11:07    Post subject: Add user to your forum ignore list Reply with quote

mile wrote:
Starno nema potrebe za JavaScriptom, neznam u čemu je sada problem?
Jednostavno svojstva koja si imao u CSS-u za 'img' element samo stavi za 'a' element u kojem se ta slika nalazi (dodaj display: block)


Pa kužim ja to, ali onda kad hoću linkat tekst u p tagu, koji je unutar li dobije svojstva kao što slika ima, a ne kako ja želim, a to nije dobro...
Back to top
View user's profile Send private message
mile



Joined: 10 Sep 2003
Posts: 1327
Location: Jeruzalem

PostPosted: 13.05.2009 11:29    Post subject: Add user to your forum ignore list Reply with quote

Onda stavi ovako (primjeni klasu .pero na 'a' element u kojem je slika)
Quote:

ul#folio li a.pero { float:left; border:none; width:906px; height:134px; position:relative; background-color:#FFF; padding:7px; }
ul#folio li a.pero:hover { background-color:#000; padding:7px; }

_________________
mile.is
Back to top
View user's profile Send private message Visit poster's website
darkqueliss



Joined: 27 May 2008
Posts: 1058

PostPosted: 13.05.2009 12:06    Post subject: Add user to your forum ignore list Reply with quote

Puno hvala Mile, evo nekaj sam iskemijal...

Ovak bi išlo da bi sve bilo u redu...

Quote:

ul#folio, ul#folio li { margin:0; padding:0; list-style:none }
ul#folio li { }
ul#folio li a.pic { float:left; width:906px; height:134px; background-color:#FFF; padding:7px }
ul#folio li a.pic:hover { background-color:#000 }
ul#folio a img { float:left; border:none }
ul#folio li p { padding:15px 0px 40px 0px; clear:both; color:#FFF; font-size:15px }
ul#folio li p a { color:#FFCB2D; text-decoration:underline }
ul#folio li p a:hover { color:#333; text-decoration:underline }


Još jednom thanks...
Back to top
View user's profile Send private message
mile



Joined: 10 Sep 2003
Posts: 1327
Location: Jeruzalem

PostPosted: 13.05.2009 13:11    Post subject: Add user to your forum ignore list Reply with quote

np, šteta što nisi ostavio da se klasa zove .pero Very Happy

_________________
mile.is
Back to top
View user's profile Send private message Visit poster's website
darkqueliss



Joined: 27 May 2008
Posts: 1058

PostPosted: 13.05.2009 13:15    Post subject: Add user to your forum ignore list Reply with quote

mile wrote:
np, šteta što nisi ostavio da se klasa zove .pero Very Happy


lol xD baš sam razmišljao o tome... Laughing
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