| Autor | Zpráva | ||
|---|---|---|---|
| lopikol Profil |
#1 · Zasláno: 22. 8. 2011, 20:52:26
Exituje něco takového i pro chrome, jelikož čáast webu se mi v firefoxu, ie i chrome zobrazuje jinak.
|
||
| Johny94 Profil |
#2 · Zasláno: 22. 8. 2011, 21:06:14
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Webkit-specific CSS here */ } |
||
| lopikol Profil |
#3 · Zasláno: 22. 8. 2011, 21:16:10
thx, ale rád bych měl css v externím souboru. Šlo by to?
|
||
| panther Profil |
#4 · Zasláno: 22. 8. 2011, 21:20:01
lopikol:
nebylo by lépe napsat styly nějak pořádně, a ne vytloukat klín klínem? Co když v [#2] uvedený zápis nebude s další verzí prohlížeče fungovat? |
||
| lopikol Profil |
#5 · Zasláno: 22. 8. 2011, 21:28:32
Kdyby to šlo. Jde o podtržení při a:hover. Potřebuji, aby byla přesně na místě, jelikož je podtím čára, na které se musí ukázat to podtržení textu.
V IE: padding-bottom: 7px; V FF: padding-bottom: 5px; V Chrome: padding-bottom: 6px; |
||
| panther Profil |
#6 · Zasláno: 22. 8. 2011, 21:32:14 · Upravil/a: panther
lopikol:
ukaž celý web, někde děláš něco špatně. Když sem dáš jeden řádek s dolním paddingem, který je syntakticky správně, nečekáš žádnou odpověď, že ne? |
||
| lopikol Profil |
#7 · Zasláno: 22. 8. 2011, 22:19:27 · Upravil/a: lopikol
Tady jsem to upnul. Snad to stačí.
### |
||
| _es Profil |
#8 · Zasláno: 22. 8. 2011, 22:30:29
|
||
| lopikol Profil |
#9 · Zasláno: 23. 8. 2011, 14:38:45
|
||
| peta Profil |
#10 · Zasláno: 24. 8. 2011, 08:07:02 · Upravil/a: peta
Floatem by se mel span premenit na neco jako display:inline-block nebo block. Zkus mu nastavit pevnou vysku a pak by se melo border zobrazit spravne. Mozna tam ten display:block napsat.
Navic mas nastavene doctype, ktere vykresluje v IE ramecek jinak nez FF, co to dela v O a CH nechci vedet. zkus pouzit http://www.jakpsatweb.cz/doctype.html <!DOCTYPE html> Tez tam mas asi problem se z-index nebo mozna ta vyska by to vyresila. Kdyby selhalo uplne vse, tak bych to napozicoval uplne naspod na tu linku. Jako, abys nemusel resit rozdilny padding pro ruzne prohlizece. <style>
.menu
{
border-bottom:2px solid #0b0;
}
.menu ul,
.menu li,
.menu a
{
list-style-type:none;
margin:0;
padding:0;
display:inline;
text-decoration:none;
}
.menu li
{
padding:0 1em;
}
.menu a:hover
{
border-bottom:2px solid #f00;
}
</style>
<div class="menu">
<ul>
<li><a href="#" class="selected">aaaa</a></li>
<li><a href="#">bbbb</a></li>
<li><a href="#">cccc</a></li>
<li><a href="#">dddd</a></li>
<li><a href="#">eeeee</a></li>
<li><a href="#">ffffff</a></li>
<li><a href="#">ggggggg</a></li>
</ul>
</div> |
||
|
Časová prodleva: 4 dny
|
|||
| lopikol Profil |
#11 · Zasláno: 27. 8. 2011, 22:50:19
Ani ten tvůj způsob neřeší rozdílná padding. Každý prohlížeč to má jinak. :/
|
||
| peta Profil |
#12 · Zasláno: 29. 8. 2011, 09:38:11 · Upravil/a: peta
Ten muj priklad jede v IE9 a FF6 stejne. Takze to padding vyresilo? Ty tvrdis, ze ne, ale uz nereknes dalsi podrobnosti.
Mimochodem, prohlizec, tery podporuje podminkove komentare bych nechal zakazat :) Tim se jen przni html kod. |
||
| Medvídek Profil |
#13 · Zasláno: 29. 8. 2011, 10:45:14
lopikol:
Ještě mužeš podtržení dělat přes background, pak bude ve všech prohlížečích 100% správně. |
||
|
Časová prodleva: 13 let
|
|||
0