«phpClub» — архив тем ("тредов"), посвящённых изучению PHP и веб-технологий.
Аноним 2019/01/23 11:12:12  №1333346 1
10
http://jsfiddle.net/8w256gev/3/ - тута не понял как выравнять сноску [..] относительно строки, абсолют или флоат ее смещает вверх, и еще можно ли ее через флоат как-то сделать? Кароче что-то я намудрил кажется.
11
http://jsfiddle.net/rmouc3aj/ - тут доп.пункт подсветка по фокусу с клавы - фокус и при нажатии делается, есть focus visible но он только в лисе.
Ответы: >>1333352 >>1338592 >>1339041
Аноним 2019/01/23 11:21:21  №1333352 2
Ответы: >>1333365
Аноним 2019/01/23 11:40:15  №1333365 3
>>1333352
Счастливого пути, сообщи как доберешься.
Ответы: >>1333369
Аноним 2019/01/23 11:41:54  №1333369 4
Ответы: >>1333373
Аноним 2019/01/23 11:46:03  №1333373 5
Ответы: >>1333383
Аноним 2019/01/23 12:03:21  №1333383 6
Ответы: >>1333392
Аноним 2019/01/23 12:21:11  №1333392 7
Аноним 2019/01/31 11:43:29  №1338592 8
souleater06.png (61, 256x256)
256x256
ОП, если проверяешь, не забудь мои по верстке глянуть, а то я в самом начале запостил. Заранее пасиба.
>>1333346
Ответы: >>1339041
Аноним 2019/02/01 00:49:19  №1339041 9
>>1333346
>>1338592

> http://jsfiddle.net/8w256gev/3/

> тута не понял как выравнять сноску [..] относительно строки, абсолют или флоат ее смещает вверх, и еще можно ли ее через флоат как-то сделать?

Думаю, что вертикально можно выровнять, добавив паддинг/маргин сверху вручную. Флоат имеет то отличие, что если в строке два em, то флоаты можно поместить друг над другом с помощью clear (ценой разрыва текста), а абс. поз. элементы нельзя. В принципе, годятся оба варианта.

В твоем решении картинка не ужимается при уменьшении размеров окна. У тебя на картинке есть min/max-width, но этого недостаточно. Картинка - это замещаемый (replaced) элемент (как и input, button, select, form, object и тд), и если ей не указать ширину явно, то она берется из размеров картинки (350px). Потому ты должен указать width + max-width явно, чтобы картинка сужалась при уменьшении ширины окна.

> span {
Плохая идея ставить стили на span, лучше явно указать название класса, так как на странице может быть куча других спанов.

> min-height: 150px;
Это может приводить к искажению пропорций картинки, если ты будешь её уменьшать.

> http://jsfiddle.net/rmouc3aj/

Тут можно было обернуть переключатель в див, и повесить класс на него, чтобы не вешать его на каждый label.

> label.super-button input {
> position: fixed;
Это плохая идея, ты закрепляешь его где-то поверх других элементов, и он хоть и невидим, но может перехватывать клики по своей области, перекрывая элемент под ним.

Что касается фокуса, то есть псевдокласс :focus для сфокусированных элементов. Достаточно добавить outline для input:focus + i.

> фокус и при нажатии делается
Думаю, это не проблема, пусть подсвечивается в ллюбом случае. Это лучше, чем отсутствие подсветки.

Если стоит цель подсвечивать только при нажатии Tab (что было бы красивее), увы, тут решение только с помощью яваскрипта вроде описанного тут: https://stackoverflow.com/questions/23705055/input-effect-on-keyboard-tab-focus-but-not-on-click

Также, если ты знаешь JS, то можно повесить обработчик на кнопки, и, если над кнопкой была отпущена кнопка мыши, и элемент сфокусирован (document.focusedElement), то отдавать фокус функцией blur().

>>1338483

Думаю, нужен яваскрипт.
Ответы: >>1339289
Аноним 2019/02/01 12:06:15  №1339289 10
>>1338483
>>1339041
Он поддерживает только html в нем нельзя такое запилить, а если можно то как?
Ответы: >>1339296
Аноним 2019/02/01 12:16:24  №1339296 11
>>1339289
Не понял, ты хочешь, чтобы все твое добро работало на гитхабе? Он поддерживает только статичные html-css-javascript сайты, для пых-кода нужен интерпретатор и демон, на котором он должен крутиться и принимать запросы.