Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Ujemny text-indent w IE
Forum PHP.pl > Forum > Przedszkole
zaaap
Jak w temacie. Potrzebuje użyc ujemnego (-200em) text-indent. Wszystko byloby dobrze, gdyby nie istniało IE, które tego nie obsługuje (?). Ktos moze mial taki problem i go rozwiązal?
wookieb
Ujemnego aby nie pokazać go np w submicie?
http://www.productivedreams.com/ie-not-int...submit-buttons/
zaaap
Nie, bylem na tej stronie wczesniej.
Ujemny w liscie, aby zadzialac z background rollover.

  1. #menuId ul {
  2. text-indent: -1000em;
  3. line-height: 71px;
  4. margin: 0px;
  5. padding: 0px;
  6. list-style: none;
  7. }


Dawalem tez display: block; ale nic nie pomaga.
wookieb
Możesz pokaząc jak ten background rollover ma działać? Bo dla mnie rollover tła robi się w ten sposób http://perfectionorvanity.com/2005/08/25/e...rollover-w-css/
zaaap
Ma dzialac na zasadzie nieuporzadkowanej listy, w której po najechaniu na <li> pozycja tła elementu zostaje zmieniona. Cos takiego:

  1. #menuId li {
  2. width:241px;
  3. float: left;
  4. margin: 0px;
  5. padding: 0px;
  6. background: no-repeat left top;
  7.  
  8. }
  9.  
  10. #menuId li.one a:link, #menuId li.one a:visited {
  11. background:url(img/por.gif);
  12. display: block;
  13. }
  14. #menuId li.one a:hover, #menuId li.one a:active {
  15. background-position: left bottom;
  16. display: block;


I tak, widzialem podejscie riddle'a, ale poki co staram sie wykonac moj autorski pomysł, jak upadne z sił albo okaze sie to kompletnie błedne to sprawdze riddla.

Edit:
Ok zrobiłem po riddlowemu, duzo mniej kodu i efekt zamierzony.
  1. #menuId a.roll{
  2. display:block;
  3. overflow: hidden;
  4. height: 71px;
  5. float:left;
  6. }
  7. #menuId a.roll img{
  8. display:block;
  9. }
  10. #menuId a.roll:hover img{
  11. margin-top: -71px;

To kod jakby ktos potrzebował.
wookieb
Nie wiem czy po riddlowemu smile.gif On po prostu rozgłasza to rozwiązanie smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.