• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

RWD - dokładnie wymiary

VPS Starter Arubacloud
0 głosów
251 wizyt
pytanie zadane 19 sierpnia 2017 w HTML i CSS przez Tomson Początkujący (440 p.)
Cześć,

chcę zakodować psd do html'a i css'a no i chciałbym by projekt był pixel perfect.

Stąd moje pytania: jak sprawić by marginy i paddingi np. nagłówków zgadzały się z projektem?

Używać tagów <h1>, <p> itd. czy może wsadzać wszystkie teksty tylko w divy i stylować je w CSS'ie wg odległości na projekcie?

każdy tag ma jakieś marginy i paddingi, więc jak najlepiej sobie poradzić z odmierzaniem odległości?

z góry dzięki! :)

2 odpowiedzi

0 głosów
odpowiedź 19 sierpnia 2017 przez cyberDEV Użytkownik (780 p.)
Normalnie użyj odpowiednich znaczników i zmieniaj marginesy i dopełnienia. Wyobrażasz sobie takiego potworka, który składa się tylko z znacznika div? :)

Stosuję taką technikę, że dla znaczników ustawiam margines górny na 0, a dolny w zależności od potrzeb. Gdy chcę, aby element był np. dobrze wyśrodkowany w pionie wtedy również zeruję margines dolny.
komentarz 19 sierpnia 2017 przez Tomson Początkujący (440 p.)
dzięki za odpowiedź, same divy mało semantyczne rozwiązanie :P

dzięki, będę się bawił jakoś, coś się wymyśli :)
0 głosów
odpowiedź 19 sierpnia 2017 przez niezalogowany
Jest oprogramowanie od adobe, które nazywa się Extract. Umożliwia w prosty sposób wprowadzanie danych z plików psd do css. Ta funkcja była kiedyś w Brackets-ie, niestety została wycofana i aktualnie znajduje się tylko w Adobe Dreamweaver. Możesz jeszcze się pobawić Extractem w Adobe Cloud. Jest za darmo i działa bardzo dobrze. Sam, automatycznie generuje potrzebny kod css.
komentarz 19 sierpnia 2017 przez Tomson Początkujący (440 p.)
Dzięki! to będzie przydatne narzędzie! :) spróbuję podziałałać z jego pomocą :)

Podobne pytania

0 głosów
1 odpowiedź 318 wizyt
+2 głosów
2 odpowiedzi 690 wizyt
pytanie zadane 9 kwietnia 2021 w HTML i CSS przez lukasz21 Obywatel (1,090 p.)
0 głosów
3 odpowiedzi 287 wizyt
pytanie zadane 13 marca 2019 w HTML i CSS przez puux Początkujący (280 p.)

92,452 zapytań

141,262 odpowiedzi

319,077 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...