[Ответить в тред] Ответить в тред

30/09/16 - BREAKING NEWS ШОК АБУ ПРОДАЛСЯ МЭЙЛУ (на самом деле нет)
25/09/16 - Персональное обращение Абу - СБОР ПОЖЕРТВОВАНИЙ НА ДВАЧ
24/09/16 - Персональное обращение Абу


Новые доски: /hv/ - Халява в интернете • /2d/ - Аниме/Беседка • /wwe/ - WorldWide Wrestling Universe • /ch/ - Чатики и конфочки • /int/ - International • Создай свою

[Назад][Обновить тред][Вниз][Каталог] [ Автообновление ] 21 | 12 | 4
Назад Вниз Каталог Обновить

Аноним 07/10/16 Птн 01:10:50  137354245  
14757918506820.png (507Кб, 2000x2000)
Курваны, привет. Я тут изучаю html/css, и вроде бы все идёт хорошо, но мучает одна проблема. Если кто разбирается, подскажите, пожалуйста, что не так?

Есть страница, на этой странице я помещаю различные элементы (картинки, текст, всякие кнопки, что угодно). Остановимся на картинке. Значит прописываю я в HTML следующее:
<img class="hui" src="адрес картинки">

Далее я перехожу в CSS файл, к которому привязана HTML страница, и там ввожу следующее: (цифры рандомные)
.hui{
position: absolute;
width: 385px;
height: 315px;
left: 206px;
top: 180px;
right: 591px;
bottom: 495px;


Вот, и всё получается прекрасно, картинка оказывается там, где я и планировал её увидеть, но стоит масштабировать страницу через ctrl -+, и все едет по пизде, картинка плывет куда-то влево/вправо, и все остальные элементы таким же образом разъезжаются.
Как это дерьмо поправить?
Аноним # OP  07/10/16 Птн 01:11:38  137354269
.hui{
position: absolute;
width: 385px;
height: 315px;
left: 206px;
top: 180px;
right: 591px;
bottom: 495px;
Забыл } в конце, лол.
Аноним # OP  07/10/16 Птн 01:13:20  137354320
14757920004850.png (2Кб, 200x200)
Аноним # OP  07/10/16 Птн 01:13:38  137354329
14757920185140.png (2Кб, 200x200)
Аноним # OP  07/10/16 Птн 01:13:56  137354341
14757920363440.png (2Кб, 200x200)
Аноним 07/10/16 Птн 01:14:37  137354369
14757920777030.jpg (23Кб, 480x480)
Аноним 07/10/16 Птн 01:14:58  137354381
14757920981660.jpg (6Кб, 178x200)
Аноним 07/10/16 Птн 01:15:24  137354397
14757921240870.jpg (15Кб, 200x200)
Аноним 07/10/16 Птн 01:15:45  137354409
14757921452460.jpg (8Кб, 200x200)
Аноним 07/10/16 Птн 01:16:05  137354429
14757921656200.jpg (7Кб, 200x200)
Аноним 07/10/16 Птн 01:16:38  137354457
14757921987940.jpg (23Кб, 480x480)
Аноним 07/10/16 Птн 01:16:50  137354465
>>137354245 (OP)
Ты указал значения в пикселях, используй проценты или em-ы. Рассчитать можно исходя из твоего исходного макета, как считать , думаю ты сам знаешь.

Указываешь значение в %, все масштабируется под соотв. вьюпорт.

Указывай значение в пикселях только тогда, когда тебе нужно вот конкретно так, под конкретно такое разрешение и если оно будет не 1280\720 , а 1100\700 то все пойдет по пизде, примерно так. Поэтому вообще не советую использовать пиксели
Плывет влево по тому, что ты указал позицию так же в пикселях,Если не понял.

Тащемта, я делал так : делал сетку на флексах, в ней соответствующий класс оформлял и делал его адаптивным, правда давно было.


PS , не кидайте говном гуру-верстка тредов. Давно выкатился из верстки, учусь бекенду

ОП, пройди в wrk , там верстка тред, там смотришь продвинутый от html академии, Пояснят все, что нужно
Аноним 07/10/16 Птн 01:16:54  137354470
14757922150180.jpg (6Кб, 178x200)
Аноним 07/10/16 Птн 01:18:13  137354513
14757922938090.jpg (79Кб, 750x938)
>>137354465
Использовал em, одна и та же хуйня.
Аноним 07/10/16 Птн 01:19:39  137354576
Считаешь это относительно класса\страницы, не ебу где у тебя элемент находится.

PS , если считаешь относительно класса, не забудь обернуть элемент в свой класс.

Аноним 07/10/16 Птн 01:19:59  137354593
>>137354513
% используй
Аноним 07/10/16 Птн 01:20:36  137354627
>>137354593
Сейчас протестирую %, но почему-то кажется что ничего не изменится.
Аноним 07/10/16 Птн 01:21:52  137354674
>>137354245 (OP)
Учи уроки лучше. Это дело не для тебя. Знаю несколько решений, но иди нахуй. Мне за репетиторство не платят.
Аноним 07/10/16 Птн 01:23:44  137354760
Один хуй, % ничего не изменил.
Аноним 07/10/16 Птн 01:23:44  137354761
>>137354627


Я уже забыл, че там как в вашей верстке, но суть в том, что у тебя должен быть контейнер, ты либо относительно него считаешь %, либо относительно страницы.

>>137354674
1. Использовать %
2. использовать маргин\падинг
3. флоаты для пидоров
Аноним 07/10/16 Птн 01:24:34  137354797
>>137354760
оберни картинку в класс, а не используй класс только для картинки, задай ей контейнер и его позиционируй
Аноним 07/10/16 Птн 02:27:37  137356466
>>137354245 (OP)
не знаю что ты там изучаешь, но так верстают только мудаки.

https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b

[Назад][Обновить тред][Вверх][Каталог] [Реквест разбана] [Подписаться на тред] [ ] 21 | 12 | 4
Назад Вверх Каталог Обновить

Топ тредов
Избранное