Logo z obrazkiem jako div?

Question

Witam. Pierw opiszę do czego dążę. Staram się zrobić graficzne logo które będzie na całą szerokość strony. Pod nim ma być menu na również na całą szerokość. O ile menu zrobiłem jako ul i li to nie wiem jak zabrać się za to logo. Może po prostu wkleić odpowiedniej wielkości zdjęcie? :?

Answer 1

Polecam znaczniki <figure> i <picture>. Pozwolą Ci na załadowanie zdjęć o różnej rozdzielczości/wielkości/innych zdjęć pod inne urządzenia ;)

Niestety IE ma problemy z <source> w <picture>, ale można go do tego zmusić odpowiednią wtyczką i wrzuceniem źródeł w znaczniki video - polecam przeczytać

A by uhonorować semantykę na Twojej stronie polecam wrzucić i <nav id="menu"> i <figure id="logo"> do tagów <section>.

Dobrze napisana strona (dobrana semantyka, uhonorowanie wymagań niepełnosprawnych) będzie dużo lepiej pozycjonowana, więc czas na pisanie dodatkowych linii kodu nie jest zmarnowany.

Pozdrawiam

Stefan