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


Система IP-видеонаблюдения "Линия". Скачать бесплатную демо-версию для 16 камер. НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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

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

Mistake2

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

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

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

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

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

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



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

Всего записей: 326 | Зарегистр. 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>
 
 
 
простите, вопрос может и легкий но у меня ничего не вышло.
спасибо.

Всего записей: 1600 | Зарегистр. 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>
 
 
 
 
спасибо.
 
 
 

Всего записей: 1600 | Зарегистр. 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
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
спасибо. но ваш примен немного не работает как надо
если в ячейке цифра большая, автоматический развигается блок, а если изображение задано , то оно будет повторяться.
 
за ссылки спасибо.

Всего записей: 1600 | Зарегистр. 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.

Всего записей: 2971 | Зарегистр. 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.
Когда браузер доходит до рендеринга потока кода подвала, он помещает его вслед за предыдущим блоком, тем который в коде перед ним. А это может быть или левая часть, или правая, или середина. Впрочем, если генерировать код на лету, в зависимости от вертикального размера каждого блока, то проблему можно решить.

Всего записей: 2971 | Зарегистр. 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

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

Имя:
Пароль:
Сообщение

Для вставки имени, кликните на нем.

Опции сообщенияДобавить свою подпись
Подписаться на получение ответов по e-mail
Добавить тему в личные закладки
Разрешить смайлики?
Запретить коды


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

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.Board
© Ru.Board 2000-2017

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru