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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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

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

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
Cheery



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

Цитата:
У меня оно в середине экрана, а фоном мне боковины нужны.

ну так все зависит от того, как остальное реализовано.. в последний раз прошу - воспроизведите ситуацию.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:57 22-05-2013
xerpal



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Смотрите, вот пример http://www.podaripodarok.ru/cat/c53
Видите боковины  - они скролятся, идут до низа и ссылки.
Вот такая же ситуация нужна и мне. Боковины я прописал как показано выше, body у меня посередке тоже и там прописана ширина в полэкрана.
Вот мне нужны такие полоски сбоку...
Ваше решение эти полоски начинает отсчитывать от области контента

Всего записей: 1584 | Зарегистр. 08-10-2011 | Отправлено: 21:57 22-05-2013
Cheery



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

Цитата:
Ваше решение эти полоски начинает отсчитывать от области контента

http://jsfiddle.net/LmaTH/5/
я не буду больше ничего говорить, пока не покажите проблемную страницу как есть, не нужно иносказаний.


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:09 22-05-2013
xerpal



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
http://xxxxx/ - проблемная страница.  
Видите боковины ссылками являются только до скролла??
Если пропишу у боди релатив - то вообще все слезает, эти области(невидимые) прыгают вбок - одна в контент, вторая за пределы экрана.

Всего записей: 1584 | Зарегистр. 08-10-2011 | Отправлено: 22:57 22-05-2013 | Исправлено: xerpal, 11:10 23-05-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xerpal
потому что неправильно делаете.. что вам мешает середину вставить в div, вместо того, чтобы играться с body?


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:03 22-05-2013
xerpal



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

Цитата:
потому что неправильно делаете.. что вам мешает середину вставить в div, вместо того, чтобы играться с body?

Это уже рабочий сайт, на CMS,  моя задача боковины эти новые накинуть, я не профессиональный верстальщик.  
Переверстывать весь сайт я не могу, он уже есть...
 
PS То есть нужно окружить эти два дива ещё одним и уже ему прописывать relative?

Всего записей: 1584 | Зарегистр. 08-10-2011 | Отправлено: 23:04 22-05-2013 | Исправлено: xerpal, 23:05 22-05-2013
Cheery



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

Цитата:
Переверстывать весь сайт я не могу,

в смысле "весь"? вы же шаблон меняете, измените его локально для себя, проверьте как работает, затем измените в рабочей версии.
 
можете сделать и body relative
но тогда divы по бокам нужно смещать на их ширину.. например для левого указать left: -416px;
 
но это неправильно все..
 
вся проблема возникает именно из за XHTML доктайпа, насколько помню.. там всегда сложности с вертикальной центровкой и растягиванием.
 
ps:
Цитата:
То есть нужно окружить эти два дива ещё одним и уже ему прописывать relative?

да там так и есть.. просто для body еще ненужные ограничения по ширине введены. думаю, что ненужные, но это кто как посмотрит.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:06 22-05-2013 | Исправлено: Cheery, 23:18 22-05-2013
xerpal



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Да, вышло - поставил для body relative и left отрицательный...

Всего записей: 1584 | Зарегистр. 08-10-2011 | Отправлено: 11:10 23-05-2013
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
<select> и jQuery

Код:
$(".stil_0005").css("border","solid 1px");
$(".stil_0005").css("border-color","red");
$(".stil_0005").css("color","black");
 
<select class="stil_0005">
      <option value="Eng">English</option>
      <option value="Ger">German - Deutsch</option>
      <option value="Rus">Russian - Русский</option>
</select>

 
 
как изменить цвет стрелки для IE8+, FF,Opera, Crome, Maxthon и Safari ?
 
Добавлено:
я еще погуглил и насколько понял наверное прийдется работать с картинкой.
 
или я не прав ?

Всего записей: 2187 | Зарегистр. 25-02-2013 | Отправлено: 22:49 13-07-2013
Cheery



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

Цитата:
как изменить цвет стрелки для IE8+, FF,Opera, Crome, Maxthon и Safari ?  

никак.. только создавать свою имитацию селекта. простых кроссбраузерных решений нет, только скрипты.
 
http://adam.co/lab/jquery/customselect/

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 00:52 14-07-2013 | Исправлено: Cheery, 00:53 14-07-2013
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
или хотябы как на этой странице
 
http://blog.sharepointexperience.com/category/development/css-challenge/

Всего записей: 2187 | Зарегистр. 25-02-2013 | Отправлено: 14:41 14-07-2013
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262
там же есть ссылки на исходники с доками и примерами:
 
http://uniformjs.com/
http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/
 
Но мне больше нравятся:
 
http://ivaynberg.github.io/select2/ и http://harvesthq.github.io/chosen/
 
Также есть: http://brankub.github.io/selectik/ , http://igor10k.github.io/ikSelect/ , http://andyrossi.me/demo/low-effort-select/ , http://dl.dropboxusercontent.com/u/124192/websites/selectbox/index.html
 
 
 

Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 02:27 15-07-2013
Kaylang



Вредный и упрямый
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Доброго времени суток!
 
Что-то я не могу въехать, как сделать следующую штуковину:
 
В статьи могут быть с фотогалереями, а могут быть без них. Как сделать, чтобы при наличии фотогалереи, див с ней занимал место справа от текста, тем самым уменьшая размер дива с текстом, а при отсутвии галереи, текст развигался на всю ширину. Что-то простое, но от жары и духоты уже мозги плавятся, нифига сообразить не могу.

Всего записей: 38546 | Зарегистр. 29-08-2002 | Отправлено: 01:37 17-07-2013 | Исправлено: Kaylang, 02:16 17-07-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Kaylang
Для галереи - float:right
для div с текстом - ничего.
но если он пойдет ниже галереи, то та часть раздвинется на всю ширину
http://jsfiddle.net/ecR2K/
 
ps: ну и не забывайте clear: both, если надо, чтобы не поплыла разметка.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 01:43 17-07-2013 | Исправлено: Cheery, 01:46 17-07-2013
Kaylang



Вредный и упрямый
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery

Цитата:
Для галереи - float:right
для div с текстом - ничего.  

Делаю, но текст не пускает галерею наверх.

Всего записей: 38546 | Зарегистр. 29-08-2002 | Отправлено: 01:47 17-07-2013
Cheery



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

Цитата:
Делаю, но текст не пускает галерею наверх.

значит что то не так делаете.. пример в jsfiddle накидайте
ps: галерея должна начинаться там, где хотите ее верхнюю часть. не на уровне текста.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 01:48 17-07-2013 | Исправлено: Cheery, 01:49 17-07-2013
Kaylang



Вредный и упрямый
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
Если ограничить ширину дива с текстом, то галерея поднимается наверх. Правда только до уровня верхнего дива. Верхний див (с фотографией) не пускает ее наверх, даже при ограничении ширины.

Всего записей: 38546 | Зарегистр. 29-08-2002 | Отправлено: 01:54 17-07-2013 | Исправлено: Kaylang, 02:16 17-07-2013
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Kaylang
ссылку дай

Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 01:57 17-07-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Kaylang
я же сказал - то, что c float: right должно идти первым там, где вы хотите, чтобы располагалась его верхняя граница. то есть ДО первой картинки и текста

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 01:57 17-07-2013
Kaylang



Вредный и упрямый
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery

Цитата:
я же сказал - то, что c float: right должно идти первым

Точно! От души благодарю!

 
OLEX
Вопрос снят.

Всего записей: 38546 | Зарегистр. 29-08-2002 | Отправлено: 02:00 17-07-2013 | Исправлено: Kaylang, 02:00 17-07-2013
Открыть новую тему     Написать ответ в эту тему

Страницы: 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

Компьютерный форум 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

Рейтинг.ru