Mam taki dodany styl:
* {
padding: 0px;
margin: 0px;
}
A mimo to nie usuwa mi marginesów na stronie.
Mam taki dodany styl:
* {
padding: 0px;
margin: 0px;
}
A mimo to nie usuwa mi marginesów na stronie.
poczytaj o reset css
Spróbuj tak :
* {
padding: 0px !important;
margin: 0px !important;
}
* {
padding: 0px !important;
margin: 0px !important;
}
nie pomogło
Wkleiłem ten kod w celu zresetowania cssa i też nie pomogło: https://meyerweb.com/eric/tools/css/reset/
* {
width: 100% !important;
}
Takie coś mi tylko rozciąga na maksa element na stronie bez marginesów.
Radoix napisał(a):
Spróbuj tak :
* { padding: 0px !important; margin: 0px !important; }
Mega hardcoding...
Najpierw musimy się dowiedzieć co tam trzymasz w tym kodzie. Masz jakiś adres strony albo możesz to puścić na pastebin/jsfiddle? Zobaczymy wtedy dokładnie z czym jest problem
To mam w pliku css:
* {
margin: 0px;
padding: 0px;
}
A to w widoku:
<head>
<link rel="stylesheet" href="/css/styl.css" type="text/css" />
</head>
<p>cos</p>
To ja bym Ci zaproponował taką strukturę CSSa:
html { width: 100%; height: 100%; }
body { font-family: sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0; }
*:before, *:after { box-sizing: border-box; }
* { box-sizing: border-box; }
Zdejmujesz sobie wtedy margines na body i masz wszystko na czysto + włączasz (czy tam włanczasz) includowanie paddingów do środka.
Resztę marginesów zdejmuj sobie już normalnie w danym tagu tj:
p { margin: 0; padding: 0; }
No i masz tutaj jeszcze (https://www.sitepoint.com/a-basic-html5-template/) przykładowy szablon strony w HTML5. Zwróć szczególną uwagę na nagłówki i resztę, żeby przeglądarki dobrze Ci interpretowały kod. Być może przez to w ogóle plik ze stylami nie jest zaciągany przez przeglądarkę, stąd brak efektów.
Dodałem ten kod, który podałeś i nie pomogło:
html {
width: 100%;
height: 100%;
}
body {
font-family: sans-serif;
font-size: 14px;
color: #000;
margin: 0;
padding: 0;
}
*:before, *:after {
box-sizing: border-box;
}
* {
box-sizing: border-box;
}
p {
margin: 0;
padding: 0;
}
Wrzuć kod na jsfiddle, bo coś musisz robić nie tak, a my tego nie wywróżymy z odpowiedzi "nie działa".
A mimo to nie usuwa mi marginesów na stronie.
Pytanie jeszcze - które te marginesy? Tzn. jakiego elementu? Możesz zrobić jakiś screen i pokazać o co chodzi?
Wydaje mi się że może to być wina domyślnego line-height. Spróbuj dać line-height: 1em dla * {}
A patrzyłeś w dev toolsach przeglądarki (nie wiem z jakiej korzystasz) na jakim elemencie masz ten margin? Sprawdź computed styles skąd ten margin jest brany.
A ładuje ci w ogóle plik styli? Masz dobrą ścieżkę do pliku?
Właśnie sprawdź, czy dobrze masz podlinkowane te style, bo to:
* {
margin: 0;
}
powinno już załawtić sprawę.
może to wcale nie body ma margines, tylko jakiś element w środku strony (poza tym skąd wiesz, czy to jest margines, a nie padding czy złe pozycjonowanie jakichś elementów?). W sumie tak jak inni mówili - dev toolsy w dłoń i sprawdzasz, gdzie się robi odstęp.
A może się tak okazać, że to ty sam sobie ten margines dodajesz w jakiś sposób.
Spróbuj
https://necolas.github.io/normalize.css/
Daj znac o rezultacie.
Ogólnie ten styl resetuje wszystko dla wszystkich przeglądarek.