View previous topic :: View next topic |
Author |
Message |
darkqueliss
Joined: 27 May 2008 Posts: 1058
|
Posted: 13.05.2009 09:24 Post subject: liste |
|
|
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 |
|
|
mile
Joined: 10 Sep 2003 Posts: 1327 Location: Jeruzalem
|
Posted: 13.05.2009 10:15 Post subject: |
|
|
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 |
|
|
darkqueliss
Joined: 27 May 2008 Posts: 1058
|
Posted: 13.05.2009 10:27 Post subject: |
|
|
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 |
|
|
mile
Joined: 10 Sep 2003 Posts: 1327 Location: Jeruzalem
|
Posted: 13.05.2009 10:59 Post subject: |
|
|
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 |
|
|
darkqueliss
Joined: 27 May 2008 Posts: 1058
|
Posted: 13.05.2009 11:04 Post subject: |
|
|
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 |
|
|
snyder
Joined: 21 Dec 2005 Posts: 57 Location: Zagreb
|
Posted: 13.05.2009 11:26 Post subject: |
|
|
pa to rijesis javascriptom. nema druge za ie6
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 ):
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 |
|
|
mile
Joined: 10 Sep 2003 Posts: 1327 Location: Jeruzalem
|
Posted: 13.05.2009 11:43 Post subject: |
|
|
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 |
|
|
darkqueliss
Joined: 27 May 2008 Posts: 1058
|
Posted: 13.05.2009 12:07 Post subject: |
|
|
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 |
|
|
mile
Joined: 10 Sep 2003 Posts: 1327 Location: Jeruzalem
|
Posted: 13.05.2009 12:29 Post subject: |
|
|
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 |
|
|
darkqueliss
Joined: 27 May 2008 Posts: 1058
|
Posted: 13.05.2009 13:06 Post subject: |
|
|
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 |
|
|
mile
Joined: 10 Sep 2003 Posts: 1327 Location: Jeruzalem
|
Posted: 13.05.2009 14:11 Post subject: |
|
|
np, šteta što nisi ostavio da se klasa zove .pero |
_________________ mile.is |
|
Back to top |
|
|
darkqueliss
Joined: 27 May 2008 Posts: 1058
|
Posted: 13.05.2009 14:15 Post subject: |
|
|
mile wrote: | np, šteta što nisi ostavio da se klasa zove .pero |
lol xD baš sam razmišljao o tome... |
|
|
Back to top |
|
|
|