Макет 2

[Vlad]

Дизайнер: Егор Кашлинов.

Уровень сложности: средний.

[ShumNo]

Ничего так макет

а исходник не прилагается?

[Vlad]

Это всё что есть.

[tripjunkie]

Добрый день, прошу помощи в этом макете. Хочу ссылки-картинки в шапке сделать "адаптивными", чтобы они растягивались по ширине при изменении разрешения окна, примерно вот так:

 

и чтобы при минимальном разрешении пропорции были соответственно как в оригинальном макете

 

пока что вычленил код непосредственно этих ссылок, и работаю отдельно с ним, без лого и кнопок справа, пытаясь растянуть по экрану ровно, выходит в лучшем случае вот что

данная верстка - табличная

 

как это сделать? я уже голову сломал себе

 

прикрепляю ссылку на код:

 

https://jsfiddle.net/ah8dckhz/#&togetherjs=rdBsze3q9B

[Skip]

Добрый день, прошу помощи в этом макете. Хочу ссылки-картинки в шапке сделать "адаптивными", чтобы они растягивались по ширине при изменении разрешения окна, примерно вот так:

 

и чтобы при минимальном разрешении пропорции были соответственно как в оригинальном макете

 

пока что вычленил код непосредственно этих ссылок, и работаю отдельно с ним, без лого и кнопок справа, пытаясь растянуть по экрану ровно, выходит в лучшем случае вот что

данная верстка - табличная

 

как это сделать? я уже голову сломал себе

 

прикрепляю ссылку на код:

 

https://jsfiddle.net/ah8dckhz/#&togetherjs=rdBsze3q9B

 

Проще переписать в блочную верстку шаблон. Адаптация под телефоны/гаджеты тоже нужно? Можно использовать @media

@media (min-width: для какой ширины, к примеру 1200px).col1 . col2 .col3 {width: значение ширины;height: значение длинны;}

И так подгонять для каждого разрешения. Можно так же и для картинок задать стиль. Если вы не можете добиться нужного результата с простыми картинками в шапке при адаптации, то дальше будет еще сложнее.