Autor Zpráva
p360t
Profil *
#1 · Zasláno: 29. 8. 2006, 14:56:06
Odpovědět Citovat
Ahojte,

mám taký menší problém pri Opere (9) na stránke. Je to katalóg produktov jednej firmy a testoval som ho na prístupnosť.

Pri vypnutých obrázkoch sa obsah atribútu alt nezalamuje (aj keď tam nie sú pevné nbsp medzery) a prekrýva časť textu vedľa neho. Navyše obrázok vôbec nerešpektuje rozmery aké má zadané (jednak v atribúte img, ale aj cez CSS). Vo Firefoxe a IE sa zobrazí tak ako sa má.

Toto je CSS: 

/* standardne v externom css subore */

.imghref {

	float: left;

	border: none;

	display: block;

	background: #333;

	text-decoration: none;

}



.imghref img {

	border: none;

	display: block;

	float: left;

	padding: 2px;

	background: #c90;

	position: relative;

	top: -3px;

	left: -3px;

}

V HTML kóde potom dynamicky podľa veľkosti obrázku pridám textu vedľa obrázku ľavý okraj o 10px väčší ako je šírka obrázku, aby sa nezalamoval pod obrázok: 

<a href="#niekam" class="imghref">

  <img src="obrazok.jpg" widht="130" height="130" alt="Obrázok produktu" title="Titulok produktu">

</a>

<p style="margin-left: 140px;"> /* dynamický margin */

   Lorem ipsum dolor sit amet consectetuer justo nibh orci tellus et.

   Facilisis In Integer ut ante eget commodo lacinia vitae venenatis Vivamus.

</p>


Tu je ukážka s konkrétnym príkladom

Každému, kto sa s tým trochu potrápi, ďakujem za pomoc.
Suji
Profil
#2 · Zasláno: 29. 8. 2006, 16:14:22
Odpovědět Citovat
Nic moc me nenapada, snad jen kdybys vedel, jaka ma byt maximalni sirka toho prostoru s obrazkem, resp. sirka obrazku, nastavit sirku toho divu, ve kterem to je a dat overflow: hidden;
Je to ale jen polovicni reseni, nedojde k prechodu na novy radek, ale jen k oriznuti prebytecneho textu.
Plaváček
Profil
#3 · Zasláno: 29. 8. 2006, 17:44:26 · Upravil/a: Plaváček
Odpovědět Citovat
Co když zkusíš pro začátek opravit tento překlep?

widht="130"

na

width="130"
p360t
Profil *
#4 · Zasláno: 29. 8. 2006, 18:56:07
Odpovědět Citovat
Síce neviem, ako sa tu ten preklep objavil (asi "tlačiarenský" škriatok), ale v tom zdrojáku nie je a robí to to isté. Takže preklep je len tu, súbor je ok.
Plaváček
Profil
#5 · Zasláno: 29. 8. 2006, 20:07:42
Odpovědět Citovat
V tom případě nastav třídě .imghref, pokud to jde, stejnou šířku, jakou šířku má obrázek a overflow: hidden. Pokud to nepomůže, reportoval bych to Opeře jako bug.
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0