Autor | Zpráva | ||
---|---|---|---|
Jirka.V Profil * |
#1 · Zasláno: 23. 1. 2008, 17:21:14
Objevil jsem problem, ktery mne zpusobuje Mozilla. Kdyz kliknu na odkaz (obrazek), objevi se mi kolem toho obrazku sedy ramecek, ktery zmizi, jen kdyz kliknu nekam mysi. V IE6 a v Opere se nezobrazuje. Myslim, ze Mozilla zobrazuje "DIV"? Tady je obrazek meho problemu, je v cervenym ramecku:
http://img127.imageshack.us/my.php?image=111ex6.jpg Vubec nevim, jak se toho zbavit. Muze mi nekdo poradit? Prikladam muj CSS a HTML kod. body, html { scrollbar-track-color: #3a3a3a; scrollbar-face-color: black; scrollbar-highlight-color: orange; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-shadow-color: orange; scrollbar-arrow-color: yellow; background-image: url("uvod/background.jpg");} a {text-decoration: none;} a:link {color: #ffffff;} a:visited {color: #ffffff;} a:active {color: #ffffff;} a:hover {color: black; text-decoration: underline;} table { border: 8px solid black; border-collapse: collapse; } td {border: 1px solid #000000; padding: 0px; } div.story { width: 417px; height: 150px; margin-top: 5px; margin-left: 2px; text-indent: 1cm; text-align: justify; color: white; font-size: 100%; font-family: times; } div.gallerie { HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> <!-- function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> </head> <body onload="MM_preloadImages('ambilobe2.gif','nosy be2.gif','ch.calyptratus2.gif','uvod2.gif','aktualni nabidka2.gif','cenik2.gif','kontakt2.gif','diego suarez2.gif','klemeri2.gif','lineata lineata2.gif','laticauda2.gif','quadriocellata2.gif','robertmertensi2. gif',',','uvod/mad grandis2.gif','uvod/mad grandis red2.gif')"> <table align="center" width="806" height="1073"> <tr> <td height="90" colspan="5"><img src="uvod/logo.jpg" alt="logo" width="794" height="170" /></td> </tr> <tr> <td width="193" height="27"><img src="uvod/skin.gif" width="192" height="37" /></td> <td width="149"><a href="uvod.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('uvod','','uvod/uvod2.gif',1)"><img src="uvod/uvod1.gif" alt="uvod" name="uvod" width="149" height="36" border="0" id="uvod" /></a></td> <td width="141" valign="top"><a href="aktualni nabidka.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('aktualni nabidka','','uvod/aktualni nabidka2.gif',1)"><img src="uvod/aktualni nabidka1.gif" alt="aktualni nabidka" name="aktualni nabidka" width="149" height="36" border="0" id="aktualni nabidka" /></a></td> <td width="148" valign="top"><a href="cenik.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('cenik','','uvod/cenik2.gif',1)"><img src="uvod/cenik1.gif" alt="cenik" name="cenik" width="149" height="36" border="0" id="cenik" /></a></td> <td width="156" valign="top"><a href="kontakt.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('kontakt','','uvod/kontakt2.gif',1)"><img src="uvod/kontakt1.gif" alt="kontakt" name="kontakt" width="149" height="36" border="0" id="kontakt" /></a></td> </tr> <tr> <td height="23"><img src="uvod/chameleoni.gif" alt="chameleoni" width="192" height="50" /></td> <td colspan="4" rowspan="18" background="uvod/background.jpg" valign="top"> <img src="uvod/robertmertensi-logo.gif" width="600" height="50" /> <img class="storys" src="uvod/robertmartensi-story.jpg" align="right" width="180" height="120" /> <div class="story"> Phelsuma robertmertensi nebo-li Mertens's Day Gecko byla objevena Meierem v roce 1980 a pojmenována po R. Mertensovi. Vyskytuje se na ostrově Mayotte v oblasti Comores. Velikost samečků se pohybuje kolem 100 mm a u samiček je to kolem 90 mm. Minimální noční teplota by se měla pohybovat od 22 – 25 °C a maximální denní od 30 – 35 °C. Vlhkost vzduchu by měla být 60 - 70%. Inkubační doba trvá přibližně 65-70 dní. </div> <div class="gallerie"> <img src="uvod/gallerie.gif" width="188" height="32" /> </div> <div class="fotky"> <A href="uvod/p.robertmertensi/p.robertmertensi 1 - female.jpg" title="p.robertmertensi 1 - female"/><IMG src="uvod/p.robertmertensi/+p.robertmertensi 1 - female.jpg"> <A href="uvod/p.robertmertensi/p.robertmertensi 2 - male.jpg" title="p.robertmertensi 2 - male"/><IMG src="uvod/p.robertmertensi/+p.robertmertensi 2 - male.jpg"> <A href="uvod/p.robertmertensi/p.robertmertensi 3 - female.jpg" title="p.robertmertensi 3 - female"/><IMG src="uvod/p.robertmertensi/+p.robertmertensi 3 - female.jpg"> <A href="uvod/p.robertmertensi/p.robertmertensi 4 - male.jpg" title="p.robertmertensi 4 - male"/><IMG src="uvod/p.robertmertensi/+p.robertmertensi 4 - male.jpg"> <A href="uvod/p.robertmertensi/p.robertmertensi 5 - male.jpg" title="p.robertmertensi 5 - male"/><IMG src="uvod/p.robertmertensi/+p.robertmertensi 5 - male.jpg"> <A href="uvod/p.robertmertensi/p.robertmertensi 6 - male.jpg" title="p.robertmertensi 6 - male"/><IMG src="uvod/p.robertmertensi/+p.robertmertensi 6 - male.jpg"> <A href="uvod/p.robertmertensi/p.robertmertensi 7 - male.jpg" title="p.robertmertensi 7 - male"/><IMG src="uvod/p.robertmertensi/+p.robertmertensi 7 - male.jpg"> <A href="uvod/p.robertmertensi/p.robertmertensi 8 - male.jpg" title="p.robertmertensi 8 - male"/><IMG src="uvod/p.robertmertensi/+p.robertmertensi 8 - male.jpg"></div> </tr> <tr> <td height="20"><a href="calyptratus.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('chamaelo calyptratus','','uvod/ch.calyptratus2.gif',1)"><img src="uvod/ch.calyptratus1.gif" alt="calyptratus" name="chamaelo calyptratus" width="192" height="36" border="0" id="chamaelo calyptratus" /></a></td> </tr> <tr> <td height="20"><a href="ambanja.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ambanja','','uvod/ambanja2.gif',1)"><img src="uvod/ambanja1.gif" alt="F.pardalis ambanja" name="ambanja" width="192" height="36" border="0" id="ambanja" /></a></td> </tr> <td height="20"><a href="ambilobe.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ambilobe','','uvod/ambilobe2.gif',1)"><img src="uvod/ambilobe1.gif" alt="F.pardalis ambilobe" name="ambilobe" width="192" height="36" border |
||
Matty Profil |
#2 · Zasláno: 23. 1. 2008, 17:29:39
Tohle se tu myslim nedávno řešilo. Zbavit se toho nedá (teda co já vim), protože tohle je prohlížečem, který označuje aktivní prvek (nebo tak nějak).
|
||
Plaváček Profil |
#3 · Zasláno: 23. 1. 2008, 17:29:57
Jirka.V
Nikdy jsem to moc neřešil, ale pokud mě paměť neklame, měl by tento zápis v CSS zabrat: :focus { outline: 0; } |
||
Bubák Profil |
#4 · Zasláno: 23. 1. 2008, 17:33:44 · Upravil/a: Bubák
Do zdrojáku jsem se nedíval, ale podle obrázků jde o CSS vlastnost "outline".
Potřebuješ přebít z výchozího CSS Firefoxu tohle: { outline: 1px dotted invert; } k nalezení v .../res/html.css Přidej do CSS: a {outline: 0;} Dodatek: Koukám pozdě, Plaváček mě předběhl. Plaváčkův kód zruší všechny rámečky, můj jen na odkazech. Tak si vyber. |
||
Jirka.V Profil * |
#5 · Zasláno: 23. 1. 2008, 18:08:35
Diky Bubaku, konecne jsi me toho zbavil, nevedel jsem fakt co s tim.
Plavacek: Diky i tobe, ale nevim, k cemu to ":focus {outline: 0;}" priradit. Proc jsou pred tim focus dvojtecky? U normalnich tagu jako div, span, table, td, color, border nejsou. Jeste uplne nerozumim css, pred tydnem jsem s tim zacal. |
||
habendorf Profil |
#6 · Zasláno: 23. 1. 2008, 18:35:08
Proc jsou pred tim focus dvojtecky?
Protože to je pseudotřída, stejně jako třeba :hover, :active atd. |
||
Plaváček Profil |
#7 · Zasláno: 23. 1. 2008, 18:58:42
Jirka.V
Pokud se CSS učíš týden, pak si s touto mou radou nelam hlavu. Obecně řečeno ale platí, že pseudotřídu :focus získá tzv. "zaměřený" prvek. Otevři si nějakou webovou stránku a zkus listovat pomocí klávesy TAB. Uvidíš tyhle tečkované obdélníčky nad každým aktivním prvkem (většinou to bývají odkazy, ale také pole formuláře nebo odesílací tlačítko). Vyzkoušet si to můžeš třeba ve Firefoxu zde: http://www.cssdrive.com/index.php/examples/exampleitem/focus_pseudo_cl ass/ (zaměřené formulářové pole změní barvu pozadí). V IE6 nefunguje, v IE7 by mělo, ale nemám to ověřené. |
||
Plaváček Profil |
#8 · Zasláno: 23. 1. 2008, 19:02:14
A doplním sám sebe. Praktické využití této pseudotřídy publikoval David Špinar zde http://pristupnost.nawebu.cz/weblog/blogpost.php?post=94 .
|
||
Jirka.V Profil * |
#9 · Zasláno: 23. 1. 2008, 19:56:17
Diky moc Plavacku za vysvetleni, uz jsem to pochopil
|
||
Časová prodleva: 16 let
|
0