DevProTalk

Forumi IT profesionalaca
web development, web design, e-business, SEO


Idite nazad   DevProTalk > Web development i web aplikacije > (X)HTML, JavaScript, DHTML, XML, CSS
Želite da se reklamirate ekskluzivno na ovoj poziciji? Javite se

(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi

Odgovori
 
Alati teme Način prikaza
Staro 11. 05. 2006.   #21
kodi
133t
Master
 
Avatar kodi
 
Datum učlanjenja: 08.01.2006
Lokacija: Beograd
Poruke: 714
Hvala: 16
37 "Hvala" u 28 poruka
kodi is on a distinguished road
Pošaljite ICQ poruku za kodi
Default

detaljnije objasnjenje
HTML kôd:
 <div id="over" >
 	<div class="head">
 		<div style="position:relative;margin:0px auto;float:left;text-align:left;"> TITLE </div>
 		
 		<div style="position:relative;float:right;">
 			<a href="#" onMouseDown="dragStart(event,'over','160','90');" ><img src="/images/drag.gif" title="move" alt="move"></a>
 			<a href="#" onClick="hide('over');" ><img src="/images/close.gif" title="close" ></a>
 		</div>
 	</div>
 </div>
ovo je CSS

PHP kôd:
       #over{
       
border:solid 1px black;
       
width:500px;
       
height:450px;
       
position:absolute;
       
left90px;
       
top:160px;
         
background-image:url('/images/trans33.png');    
       
z-index:-1;
      
            }
         
      
      
#over div.head{
      
font:normal 9px verdana;
      
height:22px;
      
margin:0px;
      
padding-left:8px;
      
border-bottom:solid 1px black;
      
text-align:right;
      
background:#dcdcdc;
      
}  
      
            
#over div.head img{
            
border:none;
       } 
u FF-u sve radi u IE radi close i to samo kad kliknem na oznacheno mesto
(vidi sliku)



j

Poslednja izmena od nixa : 11. 05. 2006. u 23:11.
kodi je offline   Odgovorite uz citat
Staro 11. 05. 2006.   #22
bojan_bozovic
expert
Master
 
Avatar bojan_bozovic
 
Datum učlanjenja: 20.12.2005
Poruke: 730
Hvala: 0
0 "Hvala" u 0 poruka
bojan_bozovic is on a distinguished road
Default

Bah! Ako i ne radi, napravite poseban CSS za IE7 a poseban za IE6 i gotovo. HTML i CSS su i napravljeni da se stvar degradira u starihjim browserima, evo ovako

Citat:
<style type="text/css"
div.navigation {
background:transparent url("images/bg.png");
}
</style>
<!--[if lte IE 6]>
<style type="text/css"
div.navigation {
background:transparent url("images/bg.gif");
}
</style>
<![endif]-->
@kodi

Batali AlphaImageLoader, ima bagove sa aktivnim elementima, cak i uz velicine PNG koje bi trebalo da rade. ja koristim resenje gore, IE7 je super, IE6 nije lose.

Probaj ovako Kodi:

Citat:
<style type="text/css"
div.providno {
background:transparent url("images/bg.png");
}
</style>
<!--[if lte IE 6]>
<style type="text/css"
div.providno {
background:black;
}
</style>
<![endif]-->
IE6 ce da ti prikaze div sa crnom pozadinom. Malo li je? IE7 je vec na oficijalnoj MS download strani. Uvek moze u <body></body>
Citat:
<!--[if lte IE 6]>
<p>We have detected that you use Internet Explorer 6 or earlier. While this site runs on IE 6, it makes use of lateset technology in Internet Explorer 7. You may upgrade your browser at <a href="http://www.microsoft.com/windows/ie/default.mspx">Microsoft web site.</a> Thank you!</p>
<![endif]-->
Jer vidi ovde http://www.microsoft.com/windows/ie/default.mspx

Poslednja izmena od bojan_bozovic : 11. 05. 2006. u 23:17.
bojan_bozovic je offline   Odgovorite uz citat
Staro 28. 09. 2006.   #23
conica
Pilece krilce(reš)
Master
 
Avatar conica
 
Datum učlanjenja: 12.01.2006
Lokacija: Little boy's playground
Poruke: 604
Hvala: 47
61 "Hvala" u 27 poruka
conica će postati "faca" uskoro
Pošaljite ICQ poruku za conica Pošaljite poruku preko MSN za conica Pošaljite poruku preko Skype™ za conica
Default

Moram da ozivim ovu temu, posto se upravo susrecem sa jednim problemom.

Naime, u drop down meniju je trans png pozadina. Odradjeno je sve kako treba za IE, ali od recimo 10, donjih 5 prikaze kao linkove. Od 5, donja 3 itd.
Procitala sam da se to resava tako sto se div-u koji sadrzi filter postavlja z index tako da bude ispred svih ali mi to ne radi.

Jel neko imao slican problem?
__________________
HomeOfWeb | BLOG: (hrk)pljuc.com

Poslednja izmena od conica : 28. 09. 2006. u 22:07.
conica je offline   Odgovorite uz citat
Staro 29. 09. 2006.   #24
ivanhoe
Ivan Dilber
Sir Write-a-Lot
 
Avatar ivanhoe
 
Datum učlanjenja: 18.10.2005
Lokacija: Bgd
Poruke: 5.320
Hvala: 104
2.344 "Hvala" u 583 poruka
ivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svima
Pošaljite poruku preko Skype™ za ivanhoe
Default

nisam imao taj problem, ali probaj da ubacis taj div u iframe (mada to nije bas SEO friendly...) cuo sam da to pomaze kod nekih problema sa z-indexom, kad ti treba da je nesto skroz gore...
__________________
Leadership is the art of getting people to want to do what you know must be done.
ivanhoe je offline   Odgovorite uz citat
Staro 13. 12. 2006.   #25
conica
Pilece krilce(reš)
Master
 
Avatar conica
 
Datum učlanjenja: 12.01.2006
Lokacija: Little boy's playground
Poruke: 604
Hvala: 47
61 "Hvala" u 27 poruka
conica će postati "faca" uskoro
Pošaljite ICQ poruku za conica Pošaljite poruku preko MSN za conica Pošaljite poruku preko Skype™ za conica
Default

resila sam problem, ali nisam postovala resenje
mislim da ga je neko vec spomenuo ranije...za IE je bitna dimenzija png fajla u pixelima..ja sam konkretno iskoristila 7x1px posto mi je trebao gradijent. sreca pa ie siri taj png na sirinu div-a
__________________
HomeOfWeb | BLOG: (hrk)pljuc.com
conica je offline   Odgovorite uz citat
Staro 27. 02. 2007.   #26
Dionis6
novi član
Na probnom radu
 
Datum učlanjenja: 23.02.2007
Poruke: 17
Hvala: 0
0 "Hvala" u 0 poruka
Dionis6 is on a distinguished road
Default

konacno nesto korisno a da nije neki od svih onih web konvertora..
__________________
panzionisan
Dionis6 je offline   Odgovorite uz citat
Staro 24. 11. 2007.   #27
zhille
Glupi "dezajner"
Na probnom radu
 
Avatar zhille
 
Datum učlanjenja: 24.11.2007
Lokacija: Novi Sad
Poruke: 11
Hvala: 0
0 "Hvala" u 0 poruka
zhille is on a distinguished road
Default

Zar onaj IE7 script Dean Edwardsa nije reshio taj problem??? To je ona ista skripta koja natera IE6 i nizhe da podrzhe min-width i max-width, gomilu CSS2 pravila, kao i neke od CSS3 pravila tipa opacity( nazhalost nece da natera IE da podrzhi border-radius)...

U dokumentaciji pishe da ako imate tu skriptu na serveru, treba samo da dodate "-trans" na ime fajla pre ".png", lupam - bg-trans.png. Mozda to bolje radi? Da li je neko imao iskustva s tim. Ja tu IE7 skriptu koristim uveliko ali nisam se nikad zezao s PNG pozadinom.

Nisam imao priliku to da isprobam jer kad god koristim PNG u kombinaciji s JPGom, glupi IE drugachije prikazhe boje u PNG fajlu.
zhille je offline   Odgovorite uz citat
Staro 02. 05. 2008.   #28
Mladjo
Mladen Milentijevic
Professional
 
Avatar Mladjo
 
Datum učlanjenja: 20.06.2007
Lokacija: Sweden
Poruke: 224
Hvala: 43
21 "Hvala" u 21 poruka
Mladjo is on a distinguished road
Default

Ja sam ovo resavao na sledeci nacin. Recimo png je background u headeru. Styling header kao normalno:

Kôd:
#header {
	padding:0;
	background-color: transparent;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 75px;
	width: 930px;
}
Posle toga ako je ie6 u head sekciji

Kôd:
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css"  href="pathtofile/fixed.css" />
<![endif]-->
I na kraju fix. Path do image treba da je apsolute.

Kôd:
#header {
 	background-image: none;
 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.apsolutepath.com/images/header.png'),sizingMethod='scale');
}
__________________
Mladen Milentijevic
Mladjo je offline   Odgovorite uz citat
Staro 25. 05. 2008.   #29
Paimonia
ecce homo
Na probnom radu
 
Avatar Paimonia
 
Datum učlanjenja: 23.05.2008
Lokacija: Бањица
Poruke: 26
Hvala: 0
0 "Hvala" u 0 poruka
Paimonia is on a distinguished road
Default

Citat:
Originalno napisao godza
Nisam siguran iskreno, i dan danas oko 10% procenata koristi IE5, a svi znamo koliko je IE5 star.
Одакле ти ово?
__________________
Svi Poslovi na jednom mestu... Srbija!
Paimonia je offline   Odgovorite uz citat
Staro 25. 05. 2008.   #30
kodi
133t
Master
 
Avatar kodi
 
Datum učlanjenja: 08.01.2006
Lokacija: Beograd
Poruke: 714
Hvala: 16
37 "Hvala" u 28 poruka
kodi is on a distinguished road
Pošaljite ICQ poruku za kodi
Default

od pre par godina....

daj iskuliraj sa dizanjem mrtvih tema
__________________
kodi je offline   Odgovorite uz citat
"Hvala" kodi za poruku:
Odgovori



Pravila pisanja
Možete ne započinjati nove teme
Možete ne slati odgovore
Možete ne slati priloge
Možete ne izmeniti svoje poruke
vB kôd je Uključen
Smajliji su Uključen
[IMG] kod je Uključen
HTML kôd je Isključen
Pogledajte forum

Slične teme
Tema Početna poruka teme Forum Odgovori Poslednja poruka
Chrome background image bluesman Web aplikacije, web servisi i software 1 24. 04. 2009. 08:13
background-color u FF... Misko (X)HTML, JavaScript, DHTML, XML, CSS 5 03. 12. 2007. 20:04
php in background Blood PHP 1 12. 06. 2006. 15:39
IE brlja background-color andrej (X)HTML, JavaScript, DHTML, XML, CSS 2 29. 10. 2005. 20:35


Vreme je GMT +2. Trenutno vreme je 01:13.


Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.
Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.
Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.