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
Zeus



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

PostPosted: 27.11.2008 16:47    Post subject: Razmak između slika? Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Twitter profile
maratz
mi3.crew


Joined: 24 Nov 2003
Posts: 1207
Location: ZAG

PostPosted: 27.11.2008 18:00    Post subject: Add user to your forum ignore list Reply with quote

na element koji ima lijevu marginu i float: left; dodaj display: inline;

_________________
STOP HITTING YOURSELF! | NETIQUETTE | TYPETESTER | Hypertext rulez™ | CREATIVE NIGHTS | ACCOMMODATIONS
Back to top
View user's profile Send private message Visit poster's website Twitter profile
Zeus



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

PostPosted: 27.11.2008 18:22    Post subject: Add user to your forum ignore list Reply with quote

maratz wrote:
na element koji ima lijevu marginu i float: left; dodaj display: inline;


Brzo i efikasno Smile hvala!
Back to top
View user's profile Send private message Twitter profile
Zeus



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

PostPosted: 27.11.2008 18:43    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Twitter profile
maratz
mi3.crew


Joined: 24 Nov 2003
Posts: 1207
Location: ZAG

PostPosted: 27.11.2008 21:05    Post subject: Add user to your forum ignore list Reply with quote

Postaj link na primjer, ovako na pamet može biti sto stvari.

_________________
STOP HITTING YOURSELF! | NETIQUETTE | TYPETESTER | Hypertext rulez™ | CREATIVE NIGHTS | ACCOMMODATIONS
Back to top
View user's profile Send private message Visit poster's website Twitter profile
Zeus



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

PostPosted: 28.11.2008 18:58    Post subject: Add user to your forum ignore list Reply with quote

Sa maratzom sam ovo rijesio na PM, hvala maratz, a sada sljedeće Smile

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
View user's profile Send private message Twitter profile
davorr



Joined: 10 Aug 2006
Posts: 82
Location: Vž / Ka

PostPosted: 28.11.2008 19:19    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message MSN Messenger
Limeni



Joined: 13 Nov 2007
Posts: 109

PostPosted: 28.11.2008 19:43    Post subject: :) Add user to your forum ignore list Reply with quote

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
View user's profile Send private message
Zeus



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

PostPosted: 28.11.2008 20:50    Post subject: Add user to your forum ignore list Reply with quote

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 Smile
Back to top
View user's profile Send private message Twitter profile
sphx



Joined: 02 Jun 2004
Posts: 109
Location: Split

PostPosted: 28.11.2008 21:01    Post subject: Add user to your forum ignore list Reply with quote

hajd daj link bit ce lakse
Back to top
View user's profile Send private message Visit poster's website MSN Messenger
Limeni



Joined: 13 Nov 2007
Posts: 109

PostPosted: 28.11.2008 21:17    Post subject: :9 Add user to your forum ignore list Reply with quote

Daj kod tu ili link ovako je tesko nagadat sta bi moglo bit...
Back to top
View user's profile Send private message
Zeus



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

PostPosted: 28.11.2008 21:30    Post subject: Add user to your forum ignore list Reply with quote

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 Smile Pa ako netko moze sto iz toga izvuci...
Back to top
View user's profile Send private message Twitter profile
ghosap



Joined: 18 Sep 2003
Posts: 79

PostPosted: 29.11.2008 09:30    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message
Zeus



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

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

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 11:28; edited 1 time in total
Back to top
View user's profile Send private message Twitter profile
Zeus



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

PostPosted: 29.11.2008 11:27    Post subject: Add user to your forum ignore list Reply with quote

Btw. ne bi to onda negdje drugdje moralo biti definirano sa 'img'?
Back to top
View user's profile Send private message Twitter profile
darkqueliss



Joined: 27 May 2008
Posts: 1058

PostPosted: 01.12.2008 10:34    Post subject: Add user to your forum ignore list Reply with quote

Problem je u tome kaj imas defulatni link... napravi nove klase za linkove i riješen problem...
Back to top
View user's profile Send private message
Zeus



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

PostPosted: 01.12.2008 12:49    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Twitter profile
darkqueliss



Joined: 27 May 2008
Posts: 1058

PostPosted: 01.12.2008 13:01    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message
Zeus



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

PostPosted: 01.12.2008 13:46    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Twitter profile
dajajde



Joined: 13 Dec 2007
Posts: 12

PostPosted: 01.12.2008 13:53    Post subject: Add user to your forum ignore list Reply with quote

http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
Back to top
View user's profile Send private message
Zeus



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

PostPosted: 02.12.2008 15:40    Post subject: Add user to your forum ignore list Reply with quote

Hoces malo pojasniti? 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