Autor Zpráva
Bubák (nečlen)
Profil *
Zdravím přítomné,
mám takový malý dotaz:
Na stránce v sekci novinky mám datum linkou oddělené od samotného textu. V IE i Opeře se zobrazuje vše jak má. Do jedné z novinek jsem vložil obrázek a u datumů pod obrázkem už FF (používám FF 2.0.0.12) linku vykresluje jinak.
Světlá linka má být dole a pouze samotné datum má obtéct vrchem. Jak to vypadá v reálu můžete posoudit tady:
http://attila-csihar.mysteria.cz/cs/novinky.html
V kódu to mám řešeno, že samotné datum mám dole ohraničeno barvou pozadí, konkrétně to
mám řešeno takto:

<div class="nov"><span class="datum">xx. xx. 2008</span></div>

<style>
.datum {
  list-style: none;
  margin: 0;
  display: inline;
  padding: 3px;
  margin-left: 3px;
  border: 1px solid #DADADA;
  border-bottom: 1px solid #363636;
  text-decoration: none;
}
.nov {
 padding: 3px;
  margin-left: 0;
  border-bottom: 1px solid #DADADA;
}
</style>


Jak to vypadá v reálu můžete posoudit tady:
http://attila-csihar.mysteria.cz/cs/novinky.html

Je chyba někde mezi židlí a klávesnicí a nebo ve vykreslování prohlížeče?
Případně budu rád, když poradíte nějaké jednoduché řešení na odstranění
tohoto malého nedostatku.
Bubák
Profil
"Kdysi" jsem zkoušel něco, co bude vypadat podobně, jako formulářový tag LEGEND. Možná to půjde upravit tak, aby ti to vyhovovalo.
<style>
.aktuality {
width: auto;
height: auto;
border: 3px double blue;
position: relative;
margin: 2em 1em 1em
}
h3 {
margin: 0; /* pro Firefox */
text-align: left;
position: absolute;
top: -0.6em
}
h3 span {
background: silver;
margin-left: 3em;
padding: 0 0.5em;
}
.aktuality p {
margin: 1em 1em
}
</style>
Plaváček
Profil
Pro oba Bubáky

Přiznám se, že dopodrobna jsem kód nezkoumal, ale fakt je, že se FF chová zajímavě.

Připomíná mi to tento slavný bug: http://www.malenek.cz/cs/clanky/webdesign/ramecky-ve-firefoxu , který ale měl být ve verzích vyšších než 1.5 opraven. Zjevně není, protože ty spodní rámečky se objevují a mizí i při změně velikosti písma. Podrobné vysvětlení je zde http://www.satzansatz.de/cssd/geckogaps.html . Prosím ty, kteří mají víc času než já, aby zkusili zjistit, jak to tedy s tímto nepříjemným bugem je. Děkuji.
Davex
Profil
Linku ovlivňuje ten obrázek, takže se to dá napravit pomocí
img { vertical-align: middle; }

nebo
img { display: block; }
Bubák (nečlen)
Profil *
Davexi díky! Tvá rada chybičku vyřešila.

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: