View previous topic :: View next topic |
Author |
Message |
Zeus
Joined: 09 Sep 2003 Posts: 775 Location: Čakovec
|
Posted: 27.11.2008 17:47 Post subject: Razmak između slika? |
|
|
Ovako, problem je sljedeći: u firefoxu se galerija slika prikazuje dobro, a u IE 6 ne.
Primjer kod Firefoxa:
Sve uredno poslozeno, u 3 reda.
Primjer kod IE 6:
Ovdje se prikazuje u 2 reda (vjerojatno jer je previše razmaka u pitanju). Sada, koja je to fukncija ili naredba koja 'dogovara' taj razmak između slika? Ili je nešto drugo? |
|
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
|
Back to top |
|
|
Zeus
Joined: 09 Sep 2003 Posts: 775 Location: Čakovec
|
Posted: 27.11.2008 19:22 Post subject: |
|
|
maratz wrote: | na element koji ima lijevu marginu i float: left; dodaj display: inline; |
Brzo i efikasno hvala! |
|
|
Back to top |
|
|
Zeus
Joined: 09 Sep 2003 Posts: 775 Location: Čakovec
|
Posted: 27.11.2008 19:43 Post subject: |
|
|
Dakle, sve radi u IE 6. Probam instalirati Chrome da vidim kako tamo funkcionira i gle: galerija je IZNAD teksta (a ne kao kod Firefoxa i IE6 ispod teksta). Pa nije mi nikako to jasno, je li to Chrome kriv pošto je u beti? Ili? |
|
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
|
Back to top |
|
|
Zeus
Joined: 09 Sep 2003 Posts: 775 Location: Čakovec
|
Posted: 28.11.2008 19:58 Post subject: |
|
|
Sa maratzom sam ovo rijesio na PM, hvala maratz, a sada sljedeće
Code: | a.image {
text-decoration: none;
} |
Radi u IE6, ali ne radi u Firefoxu.
Moram maknuti border (bottom border) sa slike koja ima link. Kako da to radi u svim browserima? |
|
|
Back to top |
|
|
davorr
Joined: 10 Aug 2006 Posts: 82 Location: Vž / Ka
|
Posted: 28.11.2008 20:19 Post subject: |
|
|
Zeus wrote: |
Moram maknuti border (bottom border) sa slike koja ima link. Kako da to radi u svim browserima? |
ja to radim ovako: Code: |
img.a {
border: none;
} |
|
|
|
Back to top |
|
|
Limeni
Joined: 13 Nov 2007 Posts: 109
|
Posted: 28.11.2008 20:43 Post subject: :) |
|
|
Najbolje ti je na samom pocetku CSS fajla stavit ovo:
Code: |
* {
padding: 0;
margin: 0;
border: none;
}
|
ili/i ovako:
Code: |
img {
padding: 0;
margin: 0;
border: none;
}
|
Prvi kod se odnosi na sve elemente, a drugi se odnosi samo na slike. U tvojoj situaciji bi mozda pomoglo da pozoves sve a tagove i skines im sve. Najbolje je u samom startu svim elementima skinut sve bordere, paddinge i margine tako da nemas poslije problema. Jel pomaze to? |
|
|
Back to top |
|
|
Zeus
Joined: 09 Sep 2003 Posts: 775 Location: Čakovec
|
Posted: 28.11.2008 21:50 Post subject: |
|
|
O fak. Malo boljim testiranjem sam dosao do zakljucka da uopce nije u tome problem...
Evo primjera (bez ikakvih prckanja po CSSu, i ono moje sam maknuo):
Ovo je IE, dakle, samo tekst je underline i tako bi trebalo biti.
A ovo je Firefox, s tim da su i tekst i slika underline, ali slika se underlina sa nekakvim delayom (znaci, dođe se mišem preko slike, tekst je underline odmah, a slika nakon 1 sec otprilike). Pa ne mogu skuzit sto bi to moglo biti.
Hmm |
|
|
Back to top |
|
|
sphx
Joined: 02 Jun 2004 Posts: 109 Location: Split
|
Posted: 28.11.2008 22:01 Post subject: |
|
|
hajd daj link bit ce lakse |
|
|
Back to top |
|
|
Limeni
Joined: 13 Nov 2007 Posts: 109
|
Posted: 28.11.2008 22:17 Post subject: :9 |
|
|
Daj kod tu ili link ovako je tesko nagadat sta bi moglo bit... |
|
|
Back to top |
|
|
Zeus
Joined: 09 Sep 2003 Posts: 775 Location: Čakovec
|
Posted: 28.11.2008 22:30 Post subject: |
|
|
Code: | .blockContainer {
width: 100%;
visibility: visible;
border: none;
}
.blockHeader {
background-image: url('../www/images/blocks/header.png');
background-repeat: repeat-x;
height: 21px;
font-size: 6px;
font-weight: bold;
color: #D9E1F6;
text-align: center;
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
.blockBody {
border: 1px solid #0F367B;
padding: 4px;
text-align: left;
}
a.blockHeader {
font-size: 9pt;
font-weight: bold;
color: #D9E1F6;
text-align: center;
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
a.blockHeader:hover {
color: #FFFFFF;
}
/* Shadow for thumbnail images */
.img-shadow {
float:left;
background: url(../www/images/shadowAlpha.png) no-repeat bottom right !important;
background: url(../www/images/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
.img-shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 3px;
}
/*For full size img (zoom gallery) */
.img-shadow-full {
float: right;
}
.img-shadow-full-border {
background: url(../www/images/shadowAlpha.png) no-repeat bottom right !important;
background: url(../www/images/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
float:left; /* RC4 Release */
}
.img-shadow-full {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 6px;
}
/*Custom Zoom Media Gallery CSS*/
/*For galleryshow.php */
.zoom-logo {text-align:left;}
.zoom-wrap-search {}
.zoom-keywords {float:left;clear:right;margin-top:20px;}
.zoom-search {float:right;clear:left;margin:0;padding:0;margin-top:-26px;}
.search-zg{font-size:1em;}
.search-zg label {font-weight:bold;color:#666;padding-left:5px;}
/* ZMG Album */
.zmg-album {width:100%;text-align:center;margin-left:0%;margin-right:0%;padding-top:20px;}
.zmg-album-inner {float:left;}
.zmg-album-inner a {font-weight:bold;}
.zmg-album-image {font-size:0.8em;line-height:16px;color:#777;background-color:#eee;border:1px solid #ddd; margin:5px 15px 15px 5px;padding:8px;}
.zmg-image-of-album {background-color:#fff;border:1px solid #ddd;padding:4px;} /*Style the actual image album*/
/* ZMG SubAlbum */
.zmg-sub-album {width:100%;text-align:center;margin-left:0%;margin-right:0%;padding-top:20px;}
.zmg-sub-album-inner {float:left;}
.zmg-sub-album-inner a {font-weight:bold;border:0px;}
.zmg-sub-album-image {font-size:0.8em;line-height:16px;color:#777;background-color:#eee;border:1px solid #ddd; margin:5px 15px 15px 5px;padding:8px;}
.zmg-image-of-sub-album {background-color:#fff;border:1px solid #ddd;padding:4px;} /*Style the actual image album*/
/*ZMG Thumbnail display*/
.zmg-image-thumb {background-color:#fff;border:1px solid #ddd;padding:4px;} /*Style the actual image thumbnail*/
.zmg-image-thumb-outer {margin-bottom:20px;}
.zmg-unpublished {color:red;} /*unpublished text*/
/*Details shown on thumbnails page*/
.zmg-comments-on {margin:0;font-size:0.8em;}
.zmg-hits {margin:0;font-size:0.8em;}
.zmg-bar {width:100%; float:right; padding-top:20px; display:inline; text-align:right;font-size:0.8em;margin:10px 0;} /* For the - Top | Last submitted | Last Coomented | Top Rate | */
.zmg-bar-left {float:left; clear:left; }
.zmg-bar-right {float:right; clear:right; }
.zmg-bar a {font-weight:bold;}
.zmg-admin-system a {font-weight:bold;}
/* Styles for ZMG full size image */
.zmg-image-full-outer {margin:30px auto 0px auto;}
.zmg-image-full {background-color:#fff;text-align:center;border:1px solid #ddd; padding:6px;}
/*Zoom Gallery slide show control*/
h3.zmg-slideshow-control-title {margin:0;font-size:0.9em;}
.zmg-slideshow-control {text-align:center;}
/*For the search.php (zoom)*/
.zoom-search-page {float:right;margin:0;padding:0;margin-top:-16px;}
/*Add to Lightbox link*/
a.add-to-lightbox {font-size:0.8em;}
/*For top of full image page where lightbox and ecard is*/
.top-full-image-lightbox {float:right;}
.top-full-image-ecard {float:right;}
/*Zoom Gallery Properties box details */
#details {clear:both;}
.detail-box {}
.detail-box-img-name-title {font-weight:bold;width:100px;text-align:left;}
.detail-box-img-name {text-align:left;}
.detail-box-filename-title {font-weight:bold;width:100px;text-align:left;}
.detail-box-filename {text-align:left;}
.detail-box-keyword-title {font-weight:bold;width:100px;text-align:left;}
.detail-box-keyword {text-align:left;}
.detail-box-date-title {font-weight:bold;width:100px;text-align:left;}
.detail-box-date {text-align:left;}
.detail-box-username-title {font-weight:bold;width:100px;text-align:left;}
.detail-box-username {text-align:left;}
.detail-box-desc-title {font-weight:bold;width:100px;text-align:left;}
.detail-box-desc {text-align:left;}
.detail-box-hits-title {font-weight:bold;width:100px;text-align:left;}
.detail-box-hits {text-align:left;}
.detail-box-ratings-title {font-weight:bold;width:100px;text-align:left;}
.detail-box-ratings {text-align:left;}
/*Zoom Gallery Commments*/
.zmg-comment-block {padding:10px;margin:10px;border:1px solid #ddd;background-color:#fefefe;}
h4.zmg-comment-intro {font-weight:bold;padding-bottom:10px;padding-left:10px;margin:0;}
.comments-added-date {font-size:0.9em}
.zmg-comments-added-name {font-weight:bold;padding-bottom:10px;}
.zmg-comments-says {font-weight:normal;}
.zmg-comments-added-text {padding-bottom:20px;}
.zmg-comments {padding-top:20px;}
.zmg-comments-name {text-align: right;margin-left:35px;}
.inputbox-zmg-comment {width:280px}
.zmg-comments-textarea {vertical-align:top;margin-top:10px;margin-left:10px}
.zmg-comments-submit {margin:20px 0 10px 85px;}
.zmg-comment-button {}
.zmg-comments-emoticons {margin-left:10px;padding:5px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
/* Zoom Gallery Ecard */
h3.zmg-ecard-title {}
#zmg-ecard form {margin:0;margin-top:20px;float:left;}
#zmg-ecard label {text-align:right;}
#zmg-ecard p {margin:0;padding-bottom:5px;}
.zmg-ecard-name {margin-left:103px;}
.zmg-ecard-email {margin-left:50px;}
.zmg-ecard-friendsname {margin-left:53px;}
.zmg-ecard-friendsendemail {}
.zmg-ecard-msg {vertical-align:top;margin-left:114px;}
.inputbox-zmg-ecard {width:250px;}
.zmg-ecard-submit {padding-left:178px;padding-top:10px;}
.clr {clear: both;} |
Ovo je taj CSS cini mi se. Da, zbrda zdola sve, to je joomla komponenta Pa ako netko moze sto iz toga izvuci... |
|
|
Back to top |
|
|
ghosap
Joined: 18 Sep 2003 Posts: 79
|
Posted: 29.11.2008 10:30 Post subject: |
|
|
Pitanje, jel imas negdje van ovog definiran stil a sa a:link, a:visited itd?
Po mom iskustvu, IE to kuži kao bitnije pa ti a{nesto} nece prepisati ovo od a:link{nesto} ... |
_________________ . . . and when the balance is lost all that is left is the reckening . . . |
|
Back to top |
|
|
Zeus
Joined: 09 Sep 2003 Posts: 775 Location: Čakovec
|
Posted: 29.11.2008 12:11 Post subject: |
|
|
ghosap wrote: | Pitanje, jel imas negdje van ovog definiran stil a sa a:link, a:visited itd?
Po mom iskustvu, IE to kuži kao bitnije pa ti a{nesto} nece prepisati ovo od a:link{nesto} ... |
Vjerojatno u tome lezi problem, budem malo pogledao... ali mi nije jasno zasto se underline desava sa delayom?
EDIT: hm, bas i ne mogu naci...
Last edited by Zeus on 29.11.2008 12:28; edited 1 time in total |
|
|
Back to top |
|
|
Zeus
Joined: 09 Sep 2003 Posts: 775 Location: Čakovec
|
Posted: 29.11.2008 12:27 Post subject: |
|
|
Btw. ne bi to onda negdje drugdje moralo biti definirano sa 'img'? |
|
|
Back to top |
|
|
darkqueliss
Joined: 27 May 2008 Posts: 1058
|
Posted: 01.12.2008 11:34 Post subject: |
|
|
Problem je u tome kaj imas defulatni link... napravi nove klase za linkove i riješen problem... |
|
|
Back to top |
|
|
Zeus
Joined: 09 Sep 2003 Posts: 775 Location: Čakovec
|
Posted: 01.12.2008 13:49 Post subject: |
|
|
jasi wrote: | Problem je u tome kaj imas defulatni link... napravi nove klase za linkove i riješen problem... |
Da, ovako:
Kada u CSSu od templatea maknem underline (dakle, da izgleda ovako):
Code: | a:hover {
text-decoration: none;
} |
Onda nema underline nigdje, niti na slici niti na linkovima.
Sada opet stavim underline (da mi linkovi imaju to), i idem mijenjat classu za sliku.
Slika ima classu ovu '.zmg-album-image'
Pokusavam sada maknuti u toj classi taj underline (isto text-decoration: none;), ali nikak maknuti taj underline na slici. Hm. |
|
|
Back to top |
|
|
darkqueliss
Joined: 27 May 2008 Posts: 1058
|
Posted: 01.12.2008 14:01 Post subject: |
|
|
lol, moras klasu izmjenit obicnim linkovima, tada slika ni netreba nikakvu klasu, sve dok budes imao defualtne linkove, slike ce ti isto bit tak zalinkane po njima...
znaci, odjeb: a:hover blabla... nek ni ne postoji...
odma rokaj: a.linkovi:link, a.linkovi:visited, a.linkovi:active{
color: #AC4533;
text-decoration:underline;
}
a.linkovi:hover{
color: #353535;
text-decoration:underline;
} |
|
|
Back to top |
|
|
Zeus
Joined: 09 Sep 2003 Posts: 775 Location: Čakovec
|
Posted: 01.12.2008 14:46 Post subject: |
|
|
Pa malo je meni to cudno, kad imam po sajtu i na drugim mjestima slike koje sadrze linkove (u drugim sadrzajima), pa one nemaju underline. |
|
|
Back to top |
|
|
dajajde
Joined: 13 Dec 2007 Posts: 12
|
|
Back to top |
|
|
Zeus
Joined: 09 Sep 2003 Posts: 775 Location: Čakovec
|
Posted: 02.12.2008 16:40 Post subject: |
|
|
Hoces malo pojasniti? |
|
|
Back to top |
|
|
|