Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Проверьте в последней Опере

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

stupom



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В 12.17 текст "Point_12000" вылезает за рамку из-за padding-а
Думаю, это мерзавчик от самой Оперы. Кому не лень, проверьте, пожалуйста, в последней версии.

Код:
<style>
  div { float: left; border: solid red 1px; text-align: center; }
  div > a:nth-of-type(-n+3) { display: block; border: solid blue 1px;
    padding: 5% 10%; /* !!! */
    text-align: left; font-size: 150%; }
</style>
<div>
  <a href="">Point 1</a>
  <a href="#1">Point_12000</a>
  <a href="#2">Point 123</a>
  <a href="#3">Point</a>
</div>
 

 
Спасибо

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 16:09 18-04-2016
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
stupom
ну так создали бы страницу на jsfiddle, к примеру, и дали бы ссылку.

Всего записей: 15115 | Зарегистр. 20-09-2014 | Отправлено: 19:11 18-04-2016
stupom



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Я не умею этим пользоваться, а разбираться лень, тем более, в подобных системах м.б. интерференция CSS, если код не отображается через фрейм. В Опере всё гораздо проще: открыть код текущей страницы и заменить проверяемым.
 
Добавлено:
https://jsfiddle.net/9bxyh4bg/1/
Блин, этот фиддл у меня в Опере сам криво отображается %-0

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 19:35 18-04-2016 | Исправлено: stupom, 19:44 18-04-2016
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
stupom
и в хроме и в опере (движок то один и тот же) оно вылазит до правого клика мышью на нем
проблема связана, скорее всего, с плавающим дивом
 
так не пойдет ?)  
https://jsfiddle.net/9bxyh4bg/2/
правда по правому клику оно расползется.. явный глюк движка, похоже
 
ps: скажите что именно нужно, возможно можно реализовать иначе

Всего записей: 15115 | Зарегистр. 20-09-2014 | Отправлено: 19:53 18-04-2016 | Исправлено: Mavrikii, 20:17 18-04-2016
stupom



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Спасибо за проверку, но костылирование не люблю, тем более, можно лихо напороться в правильно работающих браузерах или когда ошибку исправят.  
 
Оставлю это как пример для троллинга дизайн сайта-визитки DIV vs TABLE 8-)
 
Правда таблицы кажется плохо плавают.

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 20:30 18-04-2016 | Исправлено: stupom, 00:04 27-04-2016
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
stupom

Цитата:
Оставлю это как пример для троллинга DIV vs TABLE 8-)  

так что вы хотели сделать? вот пример, где не плывет правой кнопкой
https://jsfiddle.net/9bxyh4bg/3/

Всего записей: 15115 | Зарегистр. 20-09-2014 | Отправлено: 20:40 18-04-2016
stupom



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Есть две цели: минимизация кода страницы и оформление только в CSS.
 
И меня давно раздражает, если оформлять кнопки отдельным тегом (завернуть ссылку в другой тег), то клик мимо текста  не будет приводить к переходу по ссылке.
 

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 20:56 18-04-2016
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
stupom

Цитата:
если оформлять кнопки отдельным тегом (завернуть ссылку в другой тег), то клик мимо текста  не будет приводить к переходу по ссылке.

ul  a {display: block;}
тогда не будет снизу и сверху, но решается пэддингом

Всего записей: 15115 | Зарегистр. 20-09-2014 | Отправлено: 20:57 18-04-2016 | Исправлено: Mavrikii, 20:58 18-04-2016
stupom



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Спасибо, не думал.

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 21:16 18-04-2016
stupom



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Первоначальная проблема, вероятно, глюк движка, ИЧСХ проявляется только если padding задавать процентами, попробовал пикселями и миллиметрами - всё растягивается правильно, не вылезает. Хотя, с точки зрения адаптивности, пиксели - это минус.
 
Возникла мысля, а чё-так нету метров-километров?

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 23:11 05-05-2016
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Проверьте в последней Опере


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru