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

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



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ну у вас ячейки растягиваются по ширине контента, в данном случае - ссылке (200*50), вертикально выравниваться там нечему, потому что ссылка занимают всю ячейку, а у элементов с display:block нет свойства vertical-align, решениий есть несколько - указывать размер ячеек а не ссылок, либо ссылкам указать line-height:50px

----------
мой блог

Всего записей: 1821 | Зарегистр. 22-09-2005 | Отправлено: 16:47 27-12-2009
klimusu



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
т.е. нужно сделать класс  
.mybtn{
    width: 200;  
    height: 50;  
}
 
а из других классов убрать сведения о размере?

Всего записей: 931 | Зарегистр. 23-01-2006 | Отправлено: 17:05 27-12-2009
andead



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
да, ссылкам не нужно назначать класс mybtn, для них уже есть стиль .mybtn a:...

----------
мой блог

Всего записей: 1821 | Зарегистр. 22-09-2005 | Отправлено: 17:09 27-12-2009
klimusu



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
появился еще один побочный эффект,
теперь фон у ячейки не весь, а только под надписью + когда навожу курсор на ссылку, фон меняется, но тоже только под ссылкой, а хочется чтобы вся ячейка была залита фоном.
 
если укажу в .mybtn a:.. размер, то фон заливается полностью и выделение работает, но тогда мы возвращаемся к варианту, который описан выше, нельзя выставить текст по центру.
 
если я в .mybtn укажу фон, ячейка заливается полностью, ссылка по середине, но выделение только под текстом, а не всей ячейки.
 
вот код, который сейчас установлен:
 
.mybtn{
    width: 180;  
  height: 50;  
  text-align: center;
    vertical-align: middle;  
    background-image:url("images/button1.png");  
}
 
.mybtn a:link,
.mybtn a:visited
{
    display: block;
    /*background-image:url("images/button1.png");*/
}  
 
.mybtn a:hover ,
.mybtn a:active  
{
   background-image:url("images/button2.png");
}  
 
 
а если указать размеры в классе .mybtn a:hover, .mybtn a:active  то при наведении курсора, текст будет подпрыгивать к верхнему краю

Всего записей: 931 | Зарегистр. 23-01-2006 | Отправлено: 18:21 27-12-2009 | Исправлено: klimusu, 18:25 27-12-2009
andead



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

Цитата:
либо ссылкам указать line-height:50px



----------
мой блог

Всего записей: 1821 | Зарегистр. 22-09-2005 | Отправлено: 18:25 27-12-2009
klimusu



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
andead
это означает что он спустится на 50px, если у меня в табличке будет 5 слов, которые разьедутся в две-три строки, то уже будет не по центру

Всего записей: 931 | Зарегистр. 23-01-2006 | Отправлено: 18:26 27-12-2009
andead



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

Код:
.mybtn:hover  
{  
   background-image:url("images/button2.png");  
}

 
самый простой вариант, но это не будет работать в IE6-
 
з.ы.: не понимаю зачем вам таблицы

----------
мой блог

Всего записей: 1821 | Зарегистр. 22-09-2005 | Отправлено: 18:29 27-12-2009
klimusu



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

Цитата:
з.ы.: не понимаю зачем вам таблицы

ну я таким образом делаю вертикальное меню кнопок

Всего записей: 931 | Зарегистр. 23-01-2006 | Отправлено: 18:34 27-12-2009
andead



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

Код:
<ul>
<li><a>link1</a></li>
<li><a>link2</a></li>
</ul>

<-- вертикальное меню, на худой конец

Код:
<a>link1</a><br />
<a>link2</a><br />


----------
мой блог

Всего записей: 1821 | Зарегистр. 22-09-2005 | Отправлено: 19:09 27-12-2009 | Исправлено: andead, 19:11 27-12-2009
FUTURiTY

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите как редактировать "сжатые" CSS файлы?
Чем восстановить исходное форматирование CSS кода?
 
Спасибо!

Всего записей: 2949 | Зарегистр. 24-04-2007 | Отправлено: 22:28 30-12-2009
Crocell

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

Цитата:
Подскажите как редактировать "сжатые" CSS файлы?  

http://tinyurl.com/ybg2nky

Всего записей: 329 | Зарегистр. 12-05-2007 | Отправлено: 23:13 30-12-2009
klimusu



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите пожалуйста как убрать подчеркивание ссылок в IE.
 
.class a{
    text-decoration: none;
}
работае в FF и Opera, но IE в не хочет

Всего записей: 931 | Зарегистр. 23-01-2006 | Отправлено: 12:17 07-02-2010
andead



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
.class a:link,
.class a:visited
{
    text-decoration: none;
}
 
можно !important на всякий случай добавить

----------
мой блог

Всего записей: 1821 | Зарегистр. 22-09-2005 | Отправлено: 12:32 07-02-2010
klimusu



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

Цитата:
.class a:link,
.class a:visited  

спасибо.

Всего записей: 931 | Зарегистр. 23-01-2006 | Отправлено: 12:48 07-02-2010
mozheyko



Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
www.x bzone.ru (пробел уберите) ,
скрипт магазина  на  prestashop  
собственно вопрос такой,  как не ковырял CSS   не получается  двигать блоки так как  надо мне  а если  получается то они  не  зафикисрованы  и при сменен  разрешения элементы  сдвигаются  .  
собственно два вопроса -  как  мне  передвинуть  блок поиска  чуть ниже  (на  голубую полоску в низу шапки)  
#header #search_block_top {  
background: #e5e6e7 url('../img/block_search_bg.jpg') no-repeat top right;  
height: 28px;  
width: 336px;  
float: left;  
накидайте пожалуйста пару команд лево право верх низ по пикселям что бы мог двигать .  
 
 
и второй вопрос по поводу лого  
как мне завести его на шапку?  
 
h1#logo {  
float: none;  
width: 680px;  
margin-top: 0.02em;  
padding-bottom: 0px;  
padding-left: 670px;  
 
 
 
____  
собственно вот.  
спасибо за понимание.

Всего записей: 313 | Зарегистр. 14-09-2002 | Отправлено: 21:40 21-02-2010 | Исправлено: mozheyko, 23:41 21-02-2010
Vania

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
По первому вопросу, допишите эти правила к стилям
 
#header {
position:relative;
}
 
#header #search_block_top {
position:absolute;
right:10px;
bottom:35px;
}
 
По второму вопросу, куда его в шапке вставлять то, там места для него и нет уже.

Всего записей: 1941 | Зарегистр. 30-12-2005 | Отправлено: 17:25 23-02-2010 | Исправлено: Vania, 17:29 23-02-2010
dutyklor

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Прошу помощи.
Нужно к стандартному скину Joomla! 1,5 добавить фон боковых колонок (чтобы подгружался из заданного файла). При 3-х колонках - боковые с фоном, при переходе на страницу с 2-мя колонками, соответственно с фоном только одна.
 
Может кто-то написать такой кусок кода, чтобы его можно было вставить в template.css (или еще куда)?
 

Всего записей: 1 | Зарегистр. 05-11-2009 | Отправлено: 10:10 27-02-2010
BlackVetal



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

Код:
 
.mytable{background-image:url("ТВОЙ ПУТЬ")}
 

 
на страничке твоей

Код:
 
<table>
  <thead>
    <col class=mytable > </col>
    <col > </col>
    <col class=mytable > </col>
  </thead>
  <tbody>
     ...
  </tbody>
</table>
 


----------
Регистрация ника))
ОСАГО и КАСКО
Работа

Всего записей: 1094 | Зарегистр. 13-11-2005 | Отправлено: 06:29 01-03-2010
LifeBEC



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ищу красивые CSS стили под Wap-Motor.
 
Проблема в том что, как Вы знаете, многие кто входит из телефона в интернет, хотят меньше тратит свои деньги, поэтому отключают показ изображений.
А У меня на сайте щас стоит тема с изображениями (для компьютера), некоторых из них прозрачные, поэтому сайт не корректно отображается, даже у тех которые включили показ изображений, а которые отключили изображения Я вообще молчу.
 
Поэтому поводу пожалуйста помогите найти стильные стили!
 
Погуглил, стоившего не смог найти.

Всего записей: 367 | Зарегистр. 24-03-2009 | Отправлено: 08:23 01-03-2010
BlackVetal



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
LifeBEC
я конешн не призываю к плагиату, но можно в принцепе открыть страницу (с интересующим тебя дизайном) и сохрани страницу полностью (только не web-архив - его потом разбирать надо) - по идеи должна сохраняться css вместе со страницей.
 


----------
Регистрация ника))
ОСАГО и КАСКО
Работа

Всего записей: 1094 | Зарегистр. 13-11-2005 | Отправлено: 13:07 01-03-2010 | Исправлено: BlackVetal, 13:08 01-03-2010
Открыть новую тему     Написать ответ в эту тему

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

Рейтинг.ru