Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html]Lewy margines
Forum PHP.pl > Forum > Przedszkole
-BIG_MICHU-
10.02.2008, 16:37:20
Witam!

Mam taki problem. W menu wstawiłem przyciski graficzne, a na nich tekst sformatowany w css, czyli marginesy, czcionka i takie tam. No i z pozoru wszystko gra, ale tylko pod mozilla, bo pod IE nie całkiem :/ IE jakby nie widziało padding-left:40px; tzn. widzi, ale jakby nie 40px tylko w porównaniu z mozilla jakieś 70px :/


Kod
ul, ul li {    display: block;    list-style: none;    margin: 0;    padding: 0;}ul {    width: 188px;    margin-top: 60px;}ul a:link, ul a:visited {      font-weight: bold;    font-family: Arial;    text-align: left;    display: block;    width: 178px;    text-decoration: none;    background: url('images/pastylka.gif') no-repeat center;    color: #000000;    padding-left:40px; padding-right:9px; padding-top:9px; padding-bottom:9px}ul a:hover {      background: url('images/pastylka_mysz.gif') no-repeat center;    padding-left:40px; padding-right:9px; padding-top:9px; padding-bottom:9px}" title="Zobacz w manualu PHP" target="_manual">

ul, ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
ul {
    width: 188px;
    margin-top: 60px;
}

ul a:link, ul a:visited {
      font-weight: bold;
    font-family: Arial;
    text-align: left;
    display: block;
    width: 178px;
    text-decoration: none;
    background: url('images/pastylka.gif') no-repeat center;
    color: #000000;
    padding-left:40px; padding-right:9px; padding-top:9px; padding-bottom:9px
}

ul a:hover {
      background: url('images/pastylka_mysz.gif') no-repeat center;
    padding-left:40px; padding-right:9px; padding-top:9px; padding-bottom:9px
}


Co zrobić żeby IE też dobrze widziało ten przesunięty tekst?
Earth
10.02.2008, 16:43:44
Możesz spróbować dać inne dane dla IE a inne dla innych przeglądarek:

<!--[if !IE]>< -->
Dla nie IE
<!-- ><![endif]-->
<!--[if IE]>
Dla IE
<![endif]-->

http://leksykot.top.hell.pl/notatki/www/ie-hacks
-BIG_MICHU-
10.02.2008, 18:04:50
No coś mi nie idzie, bo jak ukryję albo odkryję w div'ach to mi się chowa cały przycisk, a nie tylko formatowanie tekstu. Bo najlepiej jakby komendę padding ukryć w css, ale jak to zrobić? :/
Earth
10.02.2008, 18:56:01
Chodziło mi o coś takiego:

Arkusz CSS ogólny dla wszystkich przeglądarek
<!--[if !IE]>< -->
Arkusz CSS z danymi dla innych przeglądarek tu wstawiasz wielkość padding tylko
<!-- ><![endif]-->
<!--[if IE]>
Arkusz CSS z danymi dla IE tu wstawiasz wielkość padding tylko
<![endif]-->

Czyli robisz trzy arkusze.
-BIG_MICHU-
11.02.2008, 20:59:16
Wielkie dzięki, poeksperymentuję i zobaczymy co mi wyjdzie smile.gif
baranek77
12.02.2008, 10:30:45
ja robie to troszke inaczej 
[HTML] pobierz, plaintext 
  1. padding-left:10px !important;
  2. padding-left:20px;
[HTML] pobierz, plaintext


dzieki !important ustawaisz padding , ktory widzi tylko przegladarka ff i opera .Natomiast wers bez !important czyta sobie ie ;]
-BIG_MICHU-
12.02.2008, 21:14:06
baranek77 dzięki za pomoc smile.gif zadziałało smile.gif co prawda próbowałem wcześniej z takim rozwiązaniem, ale jakoś mi nie wychodziło, lecz teraz wyszło smile.gif pewnie za pierwszym razem coś źle robiłem winksmiley.jpg

jeszcze raz wielkie dzięki wszystkim za pomoc 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.