View previous topic :: View next topic |
Author |
Message |
bobinjo
Joined: 06 Mar 2007 Posts: 49
|
Posted: 17.06.2010 11:57 Post subject: Kako postaviti div iznad diva i podesavanje google translate |
|
|
kako mogu postaviti nesto poput ovoga- http://www.tzig.hr/ - png iznad rotatora (posjetnica iznad image rotatora).
kako to rijesim u cssu?
Takoder me zanima kako se moze sprijeciti da kada se ubaci kod za google translate , da se sadrzaj ne povuce dolje, za visinu google loga |
|
|
Back to top |
|
|
darkqueliss
Joined: 27 May 2008 Posts: 1058
|
Posted: 17.06.2010 15:30 Post subject: Re: Kako postaviti div iznad diva i podesavanje google trans |
|
|
Dodaš div koji je pozicioniran apsolutno, i staviš u BG sliku koja je transparentna...
Quote: | <div id="posjeti"></div> |
Quote: | #posjeti {
background:url("images/posjeti_ivanic2.png") no-repeat scroll 0 0 transparent;
height:134px;
margin-left:-5px;
margin-top:225px;
padding:0;
position:absolute;
width:196px;
z-index:20;
} |
Samo nemoj stavit ko ID nego ko klasu...
Znači .posjeti, ne #posjeti i <div class="posjeti"></div>, a ne <div id="posjeti"></div> |
|
|
Back to top |
|
|
bobinjo
Joined: 06 Mar 2007 Posts: 49
|
Posted: 18.06.2010 13:48 Post subject: |
|
|
ok. napravio sam tako, ali ne radi mi. trebam li sto napraviti na divu za kojeg hocu da bude iza tog png-a.
jer mi je i dalje png iza rotatora.... |
|
|
Back to top |
|
|
darkqueliss
Joined: 27 May 2008 Posts: 1058
|
Posted: 18.06.2010 17:25 Post subject: |
|
|
bobinjo wrote: | ok. napravio sam tako, ali ne radi mi. trebam li sto napraviti na divu za kojeg hocu da bude iza tog png-a.
jer mi je i dalje png iza rotatora.... |
Pa kako iza, probaj sa z index-om...
z-index:-1; dodaj na taj div u kojem ti je png...
Div u kojem ti je rotator skripta mora bit position:relative;
A unutar njega stavi taj div sa png-om... i on mora bit position:absolute; |
|
|
Back to top |
|
|
bobinjo
Joined: 06 Mar 2007 Posts: 49
|
Posted: 18.06.2010 20:53 Post subject: evo kako |
|
|
slika iza rotatora evo kod
.posjeti {
background:url("images/posjeti_ivanic2.png") no-repeat scroll 0 0 transparent;
height:134px;
margin-left:-10px;
margin-top:0px;
padding:0;
position:absolute;
width:196px;
z-index:20;
}
.rotator {
background-image: url(images/pozadinaHeader.jpg);
background-repeat: no-repeat;
height: 275px;
width: 960px;
vertical-align: middle;
background-position: center top;
text-align: left;
background-color: ece9e0;
padding-top: 12px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
float: none;
text-indent: 9px;
position: relative;
}
.rotatorUnutrasnji {
background-image: url(images/);
background-repeat: no-repeat;
margin: 0px;
height: 280px;
width: 960px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: -2px;
position: relative;
}
kod
<div class="rotator" id="rotator">
<div class="rotatorUnutrasnji" id="rotatorUnutrasnji"><div class="posjeti" ></div>
<embed
src="imagerotator.swf"
width="935"
height="258"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="file=Gallery.xml&transition=blocks"
/></div>
</div> |
|
|
Back to top |
|
|
darkqueliss
Joined: 27 May 2008 Posts: 1058
|
Posted: 18.06.2010 22:51 Post subject: Re: evo kako |
|
|
Vjerojatno jer imaš flash, napravi rotator sa javascriptom, jQuery... |
|
|
Back to top |
|
|
Moebius
Joined: 26 Jan 2004 Posts: 245 Location: zagreb
|
Posted: 19.06.2010 18:44 Post subject: |
|
|
"Gurni" flashu parametar wmode="transparent"
Code: | <embed
src="imagerotator.swf"
width="935"
height="258"
allowscriptaccess="always"
allowfullscreen="true"
wmode="transparent"
flashvars="file=Gallery.xml&transition=blocks"
/> |
|
|
|
Back to top |
|
|
bobinjo
Joined: 06 Mar 2007 Posts: 49
|
Posted: 22.06.2010 20:32 Post subject: hwala |
|
|
hvala, proradilo!1 |
|
|
Back to top |
|
|
|