Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Padding
Forum PHP.pl > Forum > Po stronie przeglądarki
Artu123
Witam !

Tworzę logowanie , w nim inputy , dodałem paddingi ale w każdej przeglądarce jest inny , w firefoxie jest jedynie ok , w operze tekst jest na samym dole , a w ie 7 u samej góry ...



Kod
             .Logowanie {
                 display:block;
                 width:137px;
                 height:18px;
                 border:0px;
                 background:#f3f3f3;
                 border-top:1px solid #b8b8b8;
                 border-left:1px solid #b8b8b8;
                 color:#616161;
                 font-size:11px;
                 font-family:"Arial","Tahoma","Verdana";
                 padding:2px 8px 0px 8px;
             }
patryczakowy
spróbuj wyzerować margin
wookieb
Wystaw to publicznie i podaj link bo tak to trudno powiedzieć co dokladnie jest za problem.
nmts
Pierwszy link nie działa, poza tym lepiej gdybyś dał kod, a nie obrazki. Z obrazka nie wyczytamy jak wszystko zrobiłeś.

Wyzerowanie margin nie pomogło? Może wyzeruj margin oraz padding dla wszystkich elementów - nie tylko .logowanie, bo może jakoś na siebie wpływają - zerowanie marginów i paddingów jest normalną czynnością.
Artu123
Kod
<ul id="TopHeader">

 <li id="Welcome">Witaj <strong>Rafixxx</strong> w strefie Wolfensteina !</li>
 <li id="Logowanie">
 
     <label><input type="text" value="Nazwa użytkownika" class="Logowanie" /></label>
     <label><input type="password" value="Hasło" class="Logowanie" /></label>
 
 </li>
 <li id="Rejestracja">
 
     <ul>
 
         <li><input type="image" src="images/zaloguj.gif" id="Zaloguj" alt="Submit" /></li>
         <li><a href="#">Załóż konto</a></li>
         <li><a href="#">Przypomnij hasło</a></li>
 
     </ul>
 
 </li>

</ul>




Kod
/* Nad Topem */

ul#TopHeader {
 width:970px;
 height:46px;
 text-align:left;
 margin:0px auto;
}
 
     li#Welcome {
         padding-left:14px;
         width:283px;
         padding-top:17px;
         float:left;
         font-weight:bold;
     }
 
         li#Welcome strong {
             color:#b8d401;
         }
      
     li#Logowanie {
         float:left;
         width:auto;
         padding-top:14px;
     }
 
         li#Logowanie label {
             float:left;
             width:auto;
             padding-right:9px;
         }
      
             .Logowanie {
                 display:block;
                 width:137px;
                 height:18px;
                 border:0px;
                 margin:0px;
                 background:#f3f3f3;
                 border-top:1px solid #b8b8b8;
                 border-left:1px solid #b8b8b8;
                 color:#616161;
                 font-size:11px;
                 font-family:"Arial","Tahoma","Verdana";
                 padding:2px 8px 0px 8px;
             }

     li#Rejestracja {
         float:left;
         width:auto;
     }
          
         li#Rejestracja ul li {
             float:left;
             width:auto;
         }
          
             li#Rejestracja ul li a {
                 display:block;
                 background:url(images/bb.gif) top left no-repeat;
                 padding-left:13px;
                 margin-left:22px;
                 margin-top:17px;
                 font-weight:bold;
             }
          
             #Zaloguj {
                 margin-top:19px;
                 padding-left:13px;
                 position:relative;
                 margin-right:-3px;
             }
      




Kod
/* Style dla dokumentu */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em,
font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b,
u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table,
caption, tbody, tfoot, thead, tr, th, td  
{ margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;line-height:100%; }
danny6
Każda przeglądarka ma inne wyrównanie tekstu w poziomie, niestety ale nie da się na to wpłynąć w nijaki sposób.
Weirdo
Jak piszesz CSSa to najpierw zresetuj wszystko (Google: Eric Meyer css reset).
Wtedy ew. problem na jaki będziesz mógł trafić to box-model IE'owy smile.gif Ale też do obejścia ;-)
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.