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

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

Gold Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Xrobak
очепятка, исправил!  
А этот код я прекрасно знаю, но не работает! Может что-нибудь перекрывает...

Всего записей: 7506 | Зарегистр. 18-02-2006 | Отправлено: 22:38 24-05-2006
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
у тебя футер находится в этом диве - <div id=container>, а потом уже в <div id=bottom>. Посему возможно что и перекрываются у тебя свойства.

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 23:02 24-05-2006
Ludovick

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
помогите плиз: есть две колонки-дива. в одной из них контент меняется от страницы к странице, другая статична по высоте. можно ли сделать так, чтобы статичная колонка меняла высоту в зависиости от высоты второй колонки на данной странице? может, не css, a javascript ?

Всего записей: 244 | Зарегистр. 29-11-2004 | Отправлено: 20:58 25-05-2006
ficusss



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

Всего записей: 334 | Зарегистр. 21-06-2005 | Отправлено: 01:46 26-05-2006
Ludovick

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ficusss типичный случай: основная колонка и навигационная колонка. в навигационной колонке - неповторяющийся бекграунд (background-position: 0 100%;). когда контента в основной колонке меньше по высоте, чем навигации - проблем нет, всё смотрится красиво. когда контента больше чем навигации - основная колонка уходит вниз, в то время как бекграунд навигации естественно остаётся на месте, это легко представить. смотрится ужасно, чего делать непонятно.  
 
вроде так "попадробнее".

Всего записей: 244 | Зарегистр. 29-11-2004 | Отправлено: 04:39 26-05-2006
Mistake2

Gold Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Xrobak
Не перекрывает! Я проверял!
Сейчас убрал id=container вообще! И вставил в id=bottom таблицу с бэкграундом - теперь все работает

Всего записей: 7506 | Зарегистр. 18-02-2006 | Отправлено: 13:28 26-05-2006
phpcoder

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

Код:
<head>
<title>Misc</title>
<style type="text/css">
div {border: solid 1px #000;}
#main{display:table; width:100%; height:1%;}
.left{display:cell; float:left; background:#69c; height:100%;}
.right{display:cell; background:#369;}
</style>
</head>
<body>
<div id="main">
  <div class="left">123</div>
  <div class="right">456<br><br><br><br><br><br><br><br><br><br></div>
</div>
</body>
</html>

Всё бы хорошо, но эта противная Опера, стоит особняком и код не понимает. Что ей то надо?

Всего записей: 194 | Зарегистр. 23-05-2004 | Отправлено: 19:26 18-07-2006 | Исправлено: phpcoder, 19:26 18-07-2006
Mira



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
вопрос о наследовании.
 
если объявлен блок , например
table.tbl1
в нем объявлен оседующее table.tbl1 a{color:red;}
 
как можно сделать так, что бы в этом блоке, набор других тегов A был другого цвета?
 

Код:
 
<table >
<a href=''>надо что бы была крассная ссылка</a>
<a href=''>надо что бы была крассная ссылка</a>
<a href=''>надо что бы была крассная ссылка</a>
...
<a href=''>надо что бы была крассная ссылка</a>
<a href=''>надо что бы была крассная ссылка</a>
<a href=''>надо что бы была крассная ссылка</a>
<a href=''>надо что бы была крассная ссылка</a>
 
<a href=''>зеленая</a>
..
<a href=''>зеленая</a>
</table>
 
 
 
простите, вопрос может и легкий но у меня ничего не вышло.
спасибо.

Всего записей: 1627 | Зарегистр. 25-11-2003 | Отправлено: 20:41 10-08-2006
kb82

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mira
присваивай ссылкам зеленого цвета класс и прописывай ему color:green

Всего записей: 122 | Зарегистр. 03-03-2005 | Отправлено: 21:55 10-08-2006 | Исправлено: kb82, 21:56 10-08-2006
Mira



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kb82
спасибо проблема была не в этом  
а втом, как я объявил верхний уровень
td.globalclass a{
color:red
}
 
в этом td имеем таблицу котора описана как
table.myTable{
...
}
и важно  
table.myTable a{
color: green;
}
 
так вот не срабатывало пока не заменил
 
.globalclass a{
color:red
}
 
 
почему так выходит пока не знаю.
 
 
ВОПРОС НОМЕР ДВА.
как сделать так , что бы блок тега а, при наведении на него курсора менял задний фор, при этом,что бы значение (которое в теге А) было снизу , у меня оно почему -то сверху.
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html>
<head>
    <title>Untitled</title>
</head>
<style>
 
 
table.pr2 a{
    color: red;
    width:30px;
    height:30px;
 
}
table.pr2 a:hover{
    background-image: url(img/bfly.gif);
    color: gray;
}
 
#dd{
    color: blue;
}
</style>
<body>
 
 
        <table border="1" class="pr2">
        <tr><td colspan=5><a href="">&#234;&#240;&#224;&#241;&#241;&#237;&#224;&#255; &#241;&#241;&#251;&#235;&#234;&#224;</a></td></tr>
        <tr><td><a href=''>1</a></td><td><a href=''>2</a></td><td><a href=''>3</a></td><td><a href=''>4</a></td><td><a href=''>5</a></td></tr><tr><td><a href=''>6</a></td><td><a href=''>7</a></td><td><a href=''>8</a></td><td><a href=''>9</a></td><td><a href=''>10</a></td></tr>
 
        </table>
 
 
 
</body>
</html>
 
 
 
 
спасибо.
 
 
 

Всего записей: 1627 | Зарегистр. 25-11-2003 | Отправлено: 11:07 11-08-2006
ELV1S



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mira
Цитата:
ВОПРОС НОМЕР ДВА.  как сделать так , что бы блок тега а, при наведении на него курсора менял задний фор, при этом,что бы значение (которое в теге А) было снизу , у меня оно почему -то сверху.
Фон тут не причём.
a по умолчанию строчный элемент, то есть по умолчанию для него присвоено display:inline. Нормальные браузеры игнорируют указание высоты и ширины строчному элементу. IE — браузер не нормальный и он эту высоту и ширину воспроизводит. Для понимаю почему так происходит советую прочесть статью CSS’ные боксы и Раскладка в CSS: поток.
 
Правильное решение будет такое:
Код:
table.pr2 a {background:white; color:red; padding:5px 10px; display:block}  
table.pr2 a:hover {background:pink; color:gray}  
#dd{color:blue}  


Всего записей: 153 | Зарегистр. 18-06-2005 | Отправлено: 13:58 11-08-2006
Mira



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
спасибо. но ваш примен немного не работает как надо
если в ячейке цифра большая, автоматический развигается блок, а если изображение задано , то оно будет повторяться.
 
за ссылки спасибо.

Всего записей: 1627 | Зарегистр. 25-11-2003 | Отправлено: 14:36 11-08-2006
Dr_Logic



Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Как с помощю CSS достичь эффекта аналогичного HTML <table cellspacing="0">?
Никак не получается.

Всего записей: 238 | Зарегистр. 15-07-2005 | Отправлено: 00:27 23-08-2006
Mistake2

Gold Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
У меня снова вопрос:
У меня есть несколько блоков: левый, правый, центр и подвал! Подвал должен быть всегда внизу, вне зависимости от кол-ва текста в основных блоках, однако, если текста мало, он уезжает вверх! Как этого избежать?

----------
Freedom of Choice (c) A Perfect Circle

Всего записей: 7506 | Зарегистр. 18-02-2006 | Отправлено: 01:35 23-08-2006
CheRt



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Mistake2, загнать подвал в <div> а в классе описать примерно следующее:

Код:
 
div.bottom {
 position: absolute;
 bottom: 0px;
 ...
}
 

Думаю, что вполне подходящее решение, можно сделать и несколько более сложное, но и с большими возможностями на основе таблиц(если нет на то необходимости - не советую )


----------
В огне бода нет и не будет!
До встречи в СССР 2.0!

Всего записей: 1118 | Зарегистр. 14-12-2001 | Отправлено: 01:47 23-08-2006
ELV1S



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Dr_Logic
Код:
table {border-collapse:collapse}

 
Mistake2
Зависит от того, как вы делали колонки. Если флоутами, то тогда вам будет полезно прочесть статью «Раскладка в CSS: float».
 
CheRt
Это будет выглядеть нормально только когда нет вертикального скролинга. В других случаях этот вариант не приемлем!

Всего записей: 153 | Зарегистр. 18-06-2005 | Отправлено: 04:36 23-08-2006
evoroz



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

Цитата:
 Как этого избежать?

Это главная проблема в CSS и она не решена.
Из-за этого либо вставляют таблицу, либо надо следить за вертикальным размером колонки и добивать BR.

Всего записей: 3491 | Зарегистр. 30-03-2002 | Отправлено: 07:33 23-08-2006
Mistake2

Gold Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
evoroz
У меня там и так таблица! Но как я ее вниз страницы запихну?

----------
Freedom of Choice (c) A Perfect Circle

Всего записей: 7506 | Зарегистр. 18-02-2006 | Отправлено: 13:30 23-08-2006
saluta

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Нужна помощь...
Можно ли при помощи CSS сделать фон с закругленными краями?

Всего записей: 17 | Зарегистр. 16-12-2005 | Отправлено: 18:48 23-08-2006
evoroz



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
saluta
На английском: http://www.sitepoint.com/article/css-round-corners-boxes-curves
Тут показано как сделать пункты меню с закругленными уголками.
 
Добавлено:
Mistake2

Цитата:
У меня там и так таблица! Но как я ее вниз страницы запихну?

Честно говоря, не понял где у тебя таблица.  
Заголовок, правую, левую, середину, подвал и др. оформляешь в виде таблицы. И все дела. Получаешь, подобно:
<body>
<table width="100%" border="0">
        <tr>
<td colspan="3"><div id=header>Заголовок</div></td>
        </tr>
        <tr>
                <td><div id=leftbar>Левая</div></td>
                <td><div id=body>Контент</div></td>
                <td><div id=rightbar>Правая</div></td>
        </tr>
        <tr>
                <td colspan="3"><div id=bottom>Подвал</div></td>
        </tr>
</table>
</body>
Запихнуть подвал вниз по другому с учетом твоего условия "вне зависимости от кол-ва текста в основных блоках" просто не возможно! Это - главная проблема CSS.
Когда браузер доходит до рендеринга потока кода подвала, он помещает его вслед за предыдущим блоком, тем который в коде перед ним. А это может быть или левая часть, или правая, или середина. Впрочем, если генерировать код на лету, в зависимости от вертикального размера каждого блока, то проблему можно решить.

Всего записей: 3491 | Зарегистр. 30-03-2002 | Отправлено: 20:08 23-08-2006 | Исправлено: evoroz, 20:41 23-08-2006
Открыть новую тему     Написать ответ в эту тему

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