Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] Ujemny text-indent w IE
zaaap
post
Post #1





Grupa: Zarejestrowani
Postów: 106
Pomógł: 0
Dołączył: 13.11.2008

Ostrzeżenie: (0%)
-----


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?
Go to the top of the page
+Quote Post
wookieb
post
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Ujemnego aby nie pokazać go np w submicie?
http://www.productivedreams.com/ie-not-int...submit-buttons/


--------------------
Go to the top of the page
+Quote Post
zaaap
post
Post #3





Grupa: Zarejestrowani
Postów: 106
Pomógł: 0
Dołączył: 13.11.2008

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
wookieb
post
Post #4





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




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/


--------------------
Go to the top of the page
+Quote Post
zaaap
post
Post #5





Grupa: Zarejestrowani
Postów: 106
Pomógł: 0
Dołączył: 13.11.2008

Ostrzeżenie: (0%)
-----


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ł.

Ten post edytował zaaap 8.08.2009, 15:17:31
Go to the top of the page
+Quote Post
wookieb
post
Post #6





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Nie wiem czy po riddlowemu smile.gif On po prostu rozgłasza to rozwiązanie smile.gif


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 11:12