|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
23.10.2018, 07:57 | #1 |
Новичок
Джуниор
Регистрация: 23.10.2018
Сообщений: 4
|
Всем привет!
Только начал изучать программирование и хочу сделать страницу так сказать имитация профиля для тренировки. Как то я видел на каком-то форуме профиль выполнен виде водительского удостоверения вот как можно сделать что то подобное что бы при изменении расширения всё оставалось на своем месте фото и все данные имя фамилия и тд. . Помогите подсказками где и что нужно почитать что бы такое сделать. Спасибо заранее. Не кто не может подсказать как правильно делать надо? Последний раз редактировалось Вадим Мошев; 24.10.2018 в 20:07. |
23.10.2018, 21:02 | #2 |
Старожил
Регистрация: 25.02.2007
Сообщений: 4,158
|
обычно это называется адаптивная верстка
если хочешь сделать как "где-то там" посмотри исходный код страницы - вот тебе и html, а если нужно - то и css там же скачай.... Последний раз редактировалось ADSoft; 23.10.2018 в 21:07. |
23.10.2018, 21:05 | #3 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Сделай как получится, покажи, подскажем как и что лучше сделать.
Тут не возможно по расплывчатому ТЗ, да еще и без дизайна, однозначно сказать "верстай таблицами или дивами, плавающими элементами или инланй-блоками, флексом или гридом". Сделай, показывай. По коду уже можно будет понять как ты мыслишь и что нужно подтянуть, подкинем идей, статей, книг. Серебряной пули не существует, есть техники общепризнанные и холиварные. Что выбрать, надо исходить из задачи. Задача не ясна, не декомпозирована, и вообще нималейшего чиха на ТЗ в ней нет.
Alar, верни репу!
|
23.10.2018, 21:12 | #4 |
Старожил
Регистрация: 12.11.2010
Сообщений: 8,568
|
|
23.10.2018, 22:10 | #5 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Разумеется!
1. Табличные данные, тут без вопросов верстка таблицей 2. Различные расписания, где во временную шкалу надо вписать несколько событий, или, к примеру, диаграмму Ганта верстануть, это таблица (или гриды, если скилл позволяет) 3. Верстка писем обязательно делается таблицей Это что я навскидку вспомнил, наверняка есть и другие области полезного применения. Для каждой вещи свой инструмент. п.с. Думаю, ты саркастировал на тему, того, как очень давно под пивко я обсерал табличную верстку, так это скорее было реакцией на то, что тогда 99% верстали таблицей сайты полностью, а не отдельные кусочки, для которых она бы подошла. Тогда и инструментов полноценно заменяющих их в художественном плане не было и приходилось так или иначе обходиться костылями. Хоть и тут технически таблица — такой же костыль. Сейчас все изменилось, старые браузеры умерли и разметку можно делать миллионом способов. Так что за таблицей можно оставить только те места, где она конкретно нужна и будет применяться семантически верно.
Alar, верни репу!
|
24.10.2018, 12:47 | #6 | ||
Старожил
Регистрация: 12.11.2010
Сообщений: 8,568
|
Я имел в виду вёрстка сайта, а не отдельных его элементов.
Это очевидно. Цитата:
Кстати, ещё один способ могу назвать. Вёрстка форм отправки данных. Вот об этом не знал. Цитата:
- табличная вёрстка; - оператор with в JS (оператор устарел, да и имеет другие недостатки, об этом написано на learn.javascript); - оператор goto в некоторых языках программирования (не знаю, устарел ли он, но он имеет дурную репутацию) |
||
24.10.2018, 17:14 | #7 | ||
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Точно нет.
Цитата:
Можно верстать дивами через display: table, и даже использовать класснейминг вроде .table, .row (.tr), .cell (.td), но лично я против такого подхода. ИМХО, нейминг должен говорить что это за элемент, а как он будет себя вести в отображении должен решать CSS (БЭМ). Цитата:
Для ассемблера разве что актуально))
Alar, верни репу!
|
||
24.10.2018, 20:02 | #8 |
Новичок
Джуниор
Регистрация: 23.10.2018
Сообщений: 4
|
Вот попробовал сделать то что я спрашивал для теста. Подскажите правильно или как-то надо по другому делать?
index.html Код:
Код:
Последний раз редактировалось Piters; 24.10.2018 в 20:04. |
24.10.2018, 20:06 | #9 |
Старожил
Регистрация: 12.11.2010
Сообщений: 8,568
|
Как нет? А что ты будешь делать, если, например, тебе надо будет ровно сверстать вот такую форму данных:
Введите ваше имя: [__________] Введите ваш фамилию: [__________] Быть может, есть какой-то современный способ, но известен только один - с помощью таблицы. А почему именно так, если есть display: table/table-row/table/cell? Впрочем, я такой подход тоже не поощряю. |
25.10.2018, 07:39 | #10 |
Новичок
Джуниор
Регистрация: 23.10.2018
Сообщений: 4
|
А как правильно всё же? Я вот код то что выложил сверху правильно сделал я или есть какие-то замечания?
|
|
Опции темы | Поиск в этой теме |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Мобильная верстка - уехала верстка | Phillbot | HTML и CSS | 0 | 13.04.2017 10:29 |
Редактирование профиля | PHP_DELETANT | PHP | 7 | 05.02.2016 22:26 |
при введения в edit1 имя профиля на facebook отображать фото профиля | alman12 | Общие вопросы Delphi | 10 | 05.06.2014 08:17 |
Нарушение профиля | HellMercenariess | О форуме и сайтах клуба | 6 | 25.08.2012 11:43 |
PHP/просмотр профиля | lost name | PHP | 5 | 07.05.2012 18:33 |