Autor Zpráva
Robert Varga
Profil *
#1 · Zasláno: 6. 1. 2009, 10:19:46
Odpovědět Citovat
Ahoj chlapi,
mám problém s vykreslováním, podle mne však spíše s pozicováním, WebKitu (Chrome, Safari).

Web se mi podle mých představ zobrazuje v Konqueroru, IE, Opeře, Firefoxu, Flocku, Galeonu - na Windows, Linuxu, Macu... Zkrátka ve všem rozumném, kde jsem to přes Browsershots zkoušel. Jediný WebKit mi dělá problém, asi nemá cenu to okecávat, podívejte se přímo na fotky a zdroják.

O co jde - rotátor obrázků na hlavní stránce, nepřehlédnete:
http://www.czechgamer.com

Screeny z WebKitu - špatné:
http://robin.czechgamer.com/chrome.png
http://robin.czechgamer.com/safari.png

Screeny ostatní - správně:
http://robin.czechgamer.com/firefox.png
http://robin.czechgamer.com/msie6.png


Problémový kód (styly jsem z CSS vytáhl aby to tady bylo rovnou vše): 


<div style="float:left;width:320px;">
  <div style="position:relative">
   <div id="hotCake1" style="width:320px;height:240px;display:block;position:absolute;filter: alpha(opacity=100);opacity: 1;">
    <span id="hotCakeNadpis1" style="position:absolute;visibility:hidden">Godfather II - dojmy z hraní MP i SP</span>
    <span id="hotCakeOdkaz1" style="position:absolute;visibility:hidden">http://www.czechgamer.com/preview/godfather-2.html</span>
    <img style="" src="http://www.czechgamer.com/video/index-godfather-2.jpg" alt="Godfather II - dojmy z hraní MP i SP" />
   </div>
   <div id="hotCake2" style="width:320px;height:240px;display:block;position:absolute;filter: alpha(opacity=0);opacity: .0;">
    <span id="hotCakeNadpis2" style="position:absolute;visibility:hidden">Diablo III - mega-rozhovor</span>
    <span id="hotCakeOdkaz2" style="position:absolute;visibility:hidden">http://www.czechgamer.com/clanek.php?sekce=mix&id_clanku=209</span>
    <img style="" src="http://www.czechgamer.com/video/index-diablo-3.jpg" alt="Diablo III - mega-rozhovor" />
   </div>
   <div id="hotCake3" style="width:320px;height:240px;display:block;position:absolute;filter: alpha(opacity=0);opacity: .0;">
    <span id="hotCakeNadpis3" style="position:absolute;visibility:hidden">Redakce Czechgameru o roce 2008</span>
    <span id="hotCakeOdkaz3" style="position:absolute;visibility:hidden">http://www.czechgamer.com/clanek.php?sekce=mix&id_clanku=205</span>
    <img style="" src="http://www.czechgamer.com/video/index-cg.jpg" alt="Redakce Czechgameru o roce 2008" />
   </div>
   <div id="hotCake4" style="width:320px;height:240px;display:block;position:absolute;filter: alpha(opacity=0);opacity: .0;">
    <span id="hotCakeNadpis4" style="position:absolute;visibility:hidden">Hardware speciál: rok 2008 u ATI, NVIDIA, S3</span>
    <span id="hotCakeOdkaz4" style="position:absolute;visibility:hidden">http://www.czechgamer.com/clanek.php?sekce=hardware&id_clanku=65</span>
    <img style="" src="http://www.czechgamer.com/video/index-amdnvidia.jpg" alt="Hardware speciál: rok 2008 u ATI, NVIDIA, S3" />
   </div>
   <div id="hotCake5" style="width:320px;height:240px;display:block;position:absolute;filter: alpha(opacity=0);opacity: .0;">
    <span id="hotCakeNadpis5" style="position:absolute;visibility:hidden">F.E.A.R. 2: Project Origin - MP i SP v kostce</span>
    <span id="hotCakeOdkaz5" style="position:absolute;visibility:hidden">http://www.czechgamer.com/preview/fear-2-project-origin.html</span>
    <img style="" src="http://www.czechgamer.com/video/index_fear-2.jpg" alt="F.E.A.R. 2: Project Origin - MP i SP v kostce" />
   </div>
   <div id="hotCake6" style="width:320px;height:240px;display:block;position:absolute;filter: alpha(opacity=0);opacity: .0;">
    <span id="hotCakeNadpis6" style="position:absolute;visibility:hidden">9 top her zadarmo - kterou dříve?</span>
    <span id="hotCakeOdkaz6" style="position:absolute;visibility:hidden">http://www.czechgamer.com/clanek.php?sekce=mix&id_clanku=208</span>
    <img style="" src="http://www.czechgamer.com/video/index_the-suffering.jpg" alt="9 top her zadarmo - kterou dříve?" />
   </div>
  </div>

  <span style="position:absolute;margin-top:180px;margin-left:7px;width:274px;height:40px;padding-top:7px;padding-bottom:7px;padding-left:25px;padding-right:7px;background:black;filter: alpha(opacity=60);opacity: .6;"><h3 id="hotCakeNadpisBG" style="visibility:hidden;">Titulek</h2></span>
  <span style="position:absolute;margin-top:181px;margin-left:8px;width:273px;height:40px;padding-top:7px;padding-bottom:7px;padding-left:25px;padding-right:7px;"><h3 style="color:black;font-weight: bold;" id="hotCakeNadpisShadow">Titulek</h2></span>
  <span style="position:absolute;margin-top:180px;margin-left:7px;width:274px;height:40px;padding-top:7px;padding-bottom:7px;padding-left:25px;padding-right:7px;"><h3 id="hotCakeNadpis">Titulek</h2></span>
  <span style="position:absolute;margin-top:187px;margin-left:10px;padding:7px;"><img src="../pics/sipModra.png" alt="S" /></span>
  <span style="position:absolute;width:320px;height:240px;"> <a id="hotCakeOdkaz" onmouseover="document.getElementById('hotCakeRajt').style.visibility='visible';" onmouseout="document.getElementById('hotCakeRajt').style.visibility='hidden';" href="" title="Přejdi na článek"><img id="hotCakeOdkazImg" style="width:320px;height:240px;" src="http://www.czechgamer.com/pics/pruhl.gif" alt="Přejít na článek..." /></a></span>

  <span style="position:absolute;margin-top:234px;margin-left:7px;width:306px;height:6px;background:gray;filter: alpha(opacity=30);opacity: .3;font-size:1px;">&nbsp;</span>
  <span id="hotCakeKdeJsem" style="position:absolute;margin-top:234px;margin-left:109px;width:0px;height:6px;background:white;filter: alpha(opacity=50);opacity: .5;font-size:1px;">&nbsp;</span>
  <span id="hotCakeRajt" onclick="pretocHotCake('right');" onmouseover="this.style.visibility='visible';this.style.color='black';this.style.background='white';" onmouseout="this.style.color='white';this.style.background='black';" class="text_middle_bila" style="color:white;cursor:pointer;visibility:hidden;position:absolute;margin-top:7px;margin-left:253px;width:60px;background:black;filter: alpha(opacity=50);opacity: .5;padding-top:3px;padding-bottom:3px;text-align:right;">Starší >>&nbsp;</span>

 </div>




Mimo to ještě vůbec nefunguje JavaScript, který má měnit opacity/alpha obrázků (ten začátek si určitě neberte osobně): 


<script language="Javascript" TYPE="text/javascript">

///////////////////////////////////////

//script by robinvarga@gmail.com (c) 2009

//...si ho ukradnete, lamy, kdyz neumite sami

///////////////////////////////////////



//init lamers definice

jmenoElementuPrefix = 'hotCake';

jmenoElementuID = 1;

pocetElementu = 6;

gouFrajere2="";

stylElement = new Array();

stylElement[1] = '99';

stylElement[2] = '0';

stylElement[3] = '0';

stylElement[4] = '0';

stylElement[5] = '0';

stylElement[6] = '0';



//start reloadu za prvnich 5 vterin

gouFrajere = setInterval('zmenDivy()',5000);



//init html INNER a pozice

gouBejbe = setHTML("1");



function setHTML(id){ 

 //jea html

 odkazBezAmpersands=document.getElementById("hotCakeOdkaz"+parseInt(id)).innerHTML;

 document.getElementById('hotCakeOdkaz').href=odkazBezAmpersands.replace(/&amp;/i,"&");

 document.getElementById("hotCakeNadpis").innerHTML=document.getElementById("hotCakeNadpis"+parseInt(id)).innerHTML;

 document.getElementById("hotCakeNadpisBG").innerHTML=document.getElementById("hotCakeNadpis"+parseInt(id)).innerHTML;

 document.getElementById("hotCakeNadpisShadow").innerHTML=document.getElementById("hotCakeNadpis"+parseInt(id)).innerHTML;

 document.getElementById("hotCakeKdeJsem").style.width = (parseInt(306)/parseInt(pocetElementu))+"px";

 document.getElementById("hotCakeKdeJsem").style.marginLeft = (parseInt(7)+(parseInt(306)/parseInt(pocetElementu))*parseInt(id)-(parseInt(306)/parseInt(pocetElementu)))+"px";	

 document.getElementById('hotCakeOdkazImg').style.visibility='visible';

}



function pretocHotCake(strana){ 

 //jes pretacime doprava

 if(strana=="right"){

  stopInterval();

  //jmenoElementuID=parseInt(jmenoElementuID)+pa
Robert Varga
Profil *
#2 · Zasláno: 6. 1. 2009, 10:25:04
Odpovědět Citovat
Useklo mi to část příspěvku... Tak to nejdůležitější:

Moc děkuju za každý váš pokus o pomoc!

Robert
Robert Varga
Profil *
#3 · Zasláno: 7. 1. 2009, 13:02:33
Odpovědět Citovat
Anyone?
Robert Varga
Profil *
#4 · Zasláno: 9. 1. 2009, 07:40:49
Odpovědět Citovat
Any1?
panther
Profil
#5 · Zasláno: 9. 1. 2009, 08:19:17
Odpovědět Citovat
Robert Varga
„Anyone?; Any1“
Pravděpodobně „No1“ ;-)
Časová prodleva: 15 let

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0