Pokaż wyniki 1 do 4 z 4

Temat: CSS może ktoś sprawdzić poprawność?

  1. #1
    Zarejestrowany
    May 2011
    Postów
    3

    Question CSS może ktoś sprawdzić poprawność?

    Nie mogłem odnaleźć dobrego działu do czegoś takiego więc napisałem w tym.

    I mam taką prośbę czy mógł by ktoś sprawdzić poprawność mojego pliku ze stylem css ?

    Kod:
    body {
    	background: black;
    	padding: 0px;
    	text-align: center;
    	width: 990px;
    	margin: 50px auto 0px auto;
    	color: white;
    }
    #logo {
    	width: 990px;
    	height: 237px;
    	background: center url(../grafika/Logo.jpg) no-repeat;
    }
    #menu {
    	width: 990px;
    	border-bottom: 1px solid #FFFFFF;
    	margin: 0px;
    	padding: 0px;
    }
    #tresc {
    	width: 990px;
    	padding-top: 15px;
    	padding-bottom: 15px;
    	text-indent: 10px;
    	font-size: 17px;
    }
    #stopka {
    	position: relative;
    	text-align: right;
    	margin-top: 25px;
    	padding-top: 25px;
    	padding-bottom: 25px;
    	width: 990px;
    }
    img {border:0;}

  2. #2
    Zarejestrowany
    May 2011
    Postów
    7

    Domyślnie

    Jak dla mnie to nie zauważyłem tu żadnego błędu, ale możesz sprawdzić ten kod jeszcze raz.

  3. #3
    Zarejestrowany
    Oct 2009
    Skąd
    Katowice
    Postów
    158

  4. #4
    Zarejestrowany
    Nov 2009
    Postów
    643

    Domyślnie

    background: center url(../grafika/Logo.jpg) no-repeat;
    Nie jestem przekonany czy kolejność deklaracji jest prawidłowa, ze specyfiakcji W3 jasno to nie wynika Colors and backgrounds
    Najlepiej chyba dać w kolejności:
    [<'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>] | inherit

    padding: 0px;
    Bez 'px' też zadziała. Zaoszczędzisz 2 bajty ^_^

    Ponadto dobrą praktyką jest ustawianie definicji alfabetycznie, zamiast:
    body {
    background: black;
    padding: 0px;
    text-align: center;
    width: 990px;
    margin: 50px auto 0px auto;
    color: white;
    }
    Kod:
    body {
    	background: black;
    	color: white;
    	margin: 50px auto 0px auto;
    	padding: 0px;
    	text-align: center;
    	width: 990px;
    }
    Znacznie łatwiej (szybciej) można się w takim kodzie odnaleść

    Also, check this article:
    10 Best CSS Practices to Improve Your Code | Webdesigner Depot

    Pamiętaj że granica wstecznej zgodności leży mniej więcje tam, gdzie IE6 ma problem z selektorami wielu klas Multiple Classes in IE | Ryan Brill
    Ostatnio edytowane przez lame : 07-15-2011 - 14:38
    światło mądrości oświetla drogę z nikąd do nikąd

Zasady Postowania

  • Nie możesz zakładać nowych tematów
  • Nie możesz pisać wiadomości
  • Nie możesz dodawać załączników
  • Nie możesz edytować swoich postów
  •  
Subskrybuj