[html]Lewy margines Opcje

[--BIG_MICHU--]

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]

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

Ten post edytował Earth 10.02.2008, 16:45:10

[--BIG_MICHU--]

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]

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--]

Wielkie dzięki, poeksperymentuję i zobaczymy co mi wyjdzie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[baranek77]

ja robie to troszke inaczej

[HTML] pobierz, plaintext 
padding-left:10px !important;
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--]

baranek77 dzięki za pomoc (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) zadziałało (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) co prawda próbowałem wcześniej z takim rozwiązaniem, ale jakoś mi nie wychodziło, lecz teraz wyszło (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) pewnie za pierwszym razem coś źle robiłem (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

jeszcze raz wielkie dzięki wszystkim za pomoc (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)