Autor Zpráva
Jirka.V
Profil *
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&nbsp;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
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
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
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 *
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
Proc jsou pred tim focus dvojtecky?

Protože to je pseudotřída, stejně jako třeba :hover, :active atd.
Plaváček
Profil
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
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 *
Diky moc Plavacku za vysvetleni, uz jsem to pochopil

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

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