Вопросы по CSS - [54] :: Web-программирование :: Компьютерный форум Ru.Board

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?

Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация

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

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Xrobak

Advanced Member

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

Ссылки для самостоятельного изучения:

Теория + примеры + учебники:
• W3School: CSS Tutorial
• MDN: Cascading Style Sheets (CSS)
• WebReference: Уроки по HTML и CSS
• htmlbook: Справочник CSS
• YouTube: Основы CSS/CSS3
• CSS для JavaScript-разработчика
• Основы CSS - каскадные таблицы стилей
• Статьи по основам CSS

Применение на практике:
• StackOverflow: 'CSS' Questions
• CSS-Tricks

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору HeT BonpocoB Спасибо, но все эти страницы пересмотрел и перепробовал решения, может и не так что-то делаю, но не то.
	Всего записей: 3440 \| Зарегистр. 30-06-2002 \| Отправлено: 18:01 28-02-2017 \| Исправлено: WONDROUS, 21:38 02-03-2017

vs6262

Silver Member

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

WordPress
http://windeltorte-saarbruecken.de/

есть таблица с картинками:
Подробнее...

как с помощью css сделать чтобы картинки увеличивались бы до (500х500), а также их можно было бы уменьшить и притом увеличенные были бы по центру экрана(mouseover, onclick) ?
PS: желательно чтобы работало и на Таблет и Смартфоне

таблиц с идентичным class="myTable_01" много - как это можно сделать одним общим css кодом ?

заранее спасибо

Всего записей: 2235 | Зарегистр. 25-02-2013 | Отправлено: 05:48 13-03-2017 | Исправлено: vs6262, 05:56 13-03-2017

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору vs6262 http://highslide.com/
	Всего записей: 15684 \| Зарегистр. 20-09-2014 \| Отправлено: 05:57 13-03-2017

vs6262 Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору а чисто с css можно сделать как то ?
	Всего записей: 2235 \| Зарегистр. 25-02-2013 \| Отправлено: 06:10 13-03-2017

Mavrikii

Platinum Member

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

vs6262
click в css в явном виде не обрабатывается (хотя есть :active)
http://jsfiddle.net/t0jecnp1/
и на чистом css много проблем - хотя бы с перемещением объекта, а значит выходом его из под курсора

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 06:22 13-03-2017 | Исправлено: Mavrikii, 06:23 13-03-2017

vs6262 Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii спасибо а на Таблет и Смартфоне будет работать ? Добавлено: я уже это https://css-tricks.com/snippets/css/scale-on-hover-with-webkit-transition/ нашел было
	Всего записей: 2235 \| Зарегистр. 25-02-2013 \| Отправлено: 06:35 13-03-2017

Mavrikii

Platinum Member

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

vs6262

Цитата:

Таблет и Смартфоне будет работать

возможно добавить :focus
scale увеличивает на месте, а не по центру. и css выше работает только для фиксированного размера.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 06:40 13-03-2017

vs6262 Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору мне вот это .entry-content img:hover, .entry-content img:focus { так прописать ?
	Всего записей: 2235 \| Зарегистр. 25-02-2013 \| Отправлено: 06:50 13-03-2017

Mavrikii

Platinum Member

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

vs6262

Цитата:

так прописать ?

а попробовать сначала?
https://css-tricks.com/forums/topic/click-function-for-hover-states-on-touch-devices/

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 06:51 13-03-2017

WONDROUS

Silver Member

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

Пересмотрел несколько сайтов, везде одно решение для подменю в Bootstrap:

Код:

.dropdown:hover > .dropdown-menu {
display: block;
margin: 0;
}

Это работает, чтобы открывался список подменю при наведении, но как сделать, чтобы самый первый, основной пункт открывать, если он получается не активен? Например: основной (первый) пункт А, в нём есть А1 и А2. Эти А1 и А2 открываются, но с этих страниц не открыть страницу А, нажав на пункт в меню.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 15:13 13-03-2017

Mavrikii

Platinum Member

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

WONDROUS

Цитата:

Эти А1 и А2 открываются, но с этих страниц не открыть страницу А, нажав на пункт в меню.

показывайте код

ps: css к этому никакого отношения не имеет - это работа js кода.
http://stackoverflow.com/questions/25692514/bootstrap-how-do-i-make-dropdown-navigation-parent-links-an-active-link

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 20:40 13-03-2017 | Исправлено: Mavrikii, 21:00 13-03-2017

Andry12 BANNED	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Добрый день, есть [URL="***/"] cайт [/URL] . Как сделать ссылку на вверх как на этом сайте? И картинку вставить туда как? Спам
	Всего записей: 2 \| Зарегистр. 10-04-2017 \| Отправлено: 18:31 10-04-2017 \| Исправлено: Andry12, 20:01 17-04-2017

Mavrikii

Platinum Member

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

Andry12
Находите файлы шаблонов, правите как нужно.
можно чисто через css (но вставлять img тег все равно нужно, либо иной тег, где картинка идет фоном).
<img src='путь_к_картинке' style='position: absolute; top 10; left: 10px'>
но так делать плохо

ps: вот только учитывая created: 2017-04-01T15:03:07Z, сдается мне что это попытка раскрутки.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 20:09 10-04-2017 | Исправлено: Mavrikii, 20:09 10-04-2017

vs6262

Silver Member

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

Цитата:

vs6262
click в css в явном виде не обрабатывается (хотя есть :active)
http://jsfiddle.net/t0jecnp1/
и на чистом css много проблем - хотя бы с перемещением объекта, а значит выходом его из под курсора

а какой нибудь Transition там можно вставить чтобы не мерцало при вводе и выводе курсора ?

заранее благодарен

Всего записей: 2235 | Зарегистр. 25-02-2013 | Отправлено: 23:16 16-04-2017

Mavrikii

Platinum Member

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

vs6262

Цитата:

а какой нибудь Transition там можно вставить

нет, происходит из за того, что фактически картинка "убирается" со своего места и все остальное смещается. можно выкрутиться, например, поместив что то вместо картинки, того же размера.

к примеру так, добавив div, который займет место картинки
http://jsfiddle.net/t0jecnp1/1/

а можно и родителю картинки задать жесткие размеры, тогда при "исчезании" содержимого ничего плыть не будет

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 00:51 17-04-2017

blur Newbie	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Как достать бекграунд фон с этого сайта, подскажите, пожалуйста https://www.deezer.com
	Всего записей: 15 \| Зарегистр. 26-03-2017 \| Отправлено: 20:10 21-04-2017 \| Исправлено: blur, 20:10 21-04-2017

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору blur
	Всего записей: 15684 \| Зарегистр. 20-09-2014 \| Отправлено: 20:16 21-04-2017

vs6262 Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору как кеализовать вертикально резиновый/адаптивный к содержанию <iframe> ? PS: css, JS, jQuery - без разницы как заранее благодарен
	Всего записей: 2235 \| Зарегистр. 25-02-2013 \| Отправлено: 01:17 02-05-2017

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору vs6262 Динамическое изменение размеров IFRAME
	Всего записей: 15684 \| Зарегистр. 20-09-2014 \| Отправлено: 01:20 02-05-2017

unreal666

Gold Member

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

Какая может быть причина, что содержимое тега caption не выравнивается по вертикали?

Кусок стиля:

Код:

caption {
    background: #eee !important;
    vertical-align: middle !important;
    line-height: normal !important;
    height: 150px !important;
}

По отладчику видно, что все вышеуказанные правила для caption установлены нормально.

Всего записей: 6672 | Зарегистр. 14-02-2005 | Отправлено: 23:47 27-05-2017 | Исправлено: unreal666, 23:48 27-05-2017

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

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

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

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

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC