Ru-Board.club
← Вернуться в раздел «Web-программирование»

» Вопросы по CSS

Автор: Mistake2
Дата сообщения: 24.05.2006 21:38
Xrobak
очепятка, исправил!
А этот код я прекрасно знаю, но не работает! Может что-нибудь перекрывает...
Автор: Xrobak
Дата сообщения: 24.05.2006 22:02
у тебя футер находится в этом диве - <div id=container>, а потом уже в <div id=bottom>. Посему возможно что и перекрываются у тебя свойства.
Автор: Ludovick
Дата сообщения: 25.05.2006 19:58
помогите плиз: есть две колонки-дива. в одной из них контент меняется от страницы к странице, другая статична по высоте. можно ли сделать так, чтобы статичная колонка меняла высоту в зависиости от высоты второй колонки на данной странице? может, не css, a javascript ?
Автор: ficusss
Дата сообщения: 26.05.2006 00:46
Опеши попадробнее
Автор: Ludovick
Дата сообщения: 26.05.2006 03:39
ficusss типичный случай: основная колонка и навигационная колонка. в навигационной колонке - неповторяющийся бекграунд (background-position: 0 100%;). когда контента в основной колонке меньше по высоте, чем навигации - проблем нет, всё смотрится красиво. когда контента больше чем навигации - основная колонка уходит вниз, в то время как бекграунд навигации естественно остаётся на месте, это легко представить. смотрится ужасно, чего делать непонятно.

вроде так "попадробнее".
Автор: Mistake2
Дата сообщения: 26.05.2006 12:28
Xrobak
Не перекрывает! Я проверял!
Сейчас убрал id=container вообще! И вставил в id=bottom таблицу с бэкграундом - теперь все работает
Автор: phpcoder
Дата сообщения: 18.07.2006 18:26
Пытась сделать, чтобы блоки 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>
Автор: Mira
Дата сообщения: 10.08.2006 19:41
вопрос о наследовании.

если объявлен блок , например
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>
Автор: kb82
Дата сообщения: 10.08.2006 20:55
Mira
присваивай ссылкам зеленого цвета класс и прописывай ему color:green
Автор: Mira
Дата сообщения: 11.08.2006 10:07
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>
Автор: ELV1S
Дата сообщения: 11.08.2006 12:58
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}
Автор: Mira
Дата сообщения: 11.08.2006 13:36
спасибо. но ваш примен немного не работает как надо
если в ячейке цифра большая, автоматический развигается блок, а если изображение задано , то оно будет повторяться.

за ссылки спасибо.
Автор: Dr_Logic
Дата сообщения: 22.08.2006 23:27
Как с помощю CSS достичь эффекта аналогичного HTML <table cellspacing="0">?
Никак не получается.
Автор: Mistake2
Дата сообщения: 23.08.2006 00:35
У меня снова вопрос:
У меня есть несколько блоков: левый, правый, центр и подвал! Подвал должен быть всегда внизу, вне зависимости от кол-ва текста в основных блоках, однако, если текста мало, он уезжает вверх! Как этого избежать?
Автор: CheRt
Дата сообщения: 23.08.2006 00:47
Mistake2, загнать подвал в <div> а в классе описать примерно следующее:

Код:
div.bottom {
position: absolute;
bottom: 0px;
...
}
Автор: ELV1S
Дата сообщения: 23.08.2006 03:36
Dr_Logic
Код: table {border-collapse:collapse}
Автор: evoroz
Дата сообщения: 23.08.2006 06:33
Mistake2

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

Это главная проблема в CSS и она не решена.
Из-за этого либо вставляют таблицу, либо надо следить за вертикальным размером колонки и добивать BR.
Автор: Mistake2
Дата сообщения: 23.08.2006 12:30
evoroz
У меня там и так таблица! Но как я ее вниз страницы запихну?
Автор: saluta
Дата сообщения: 23.08.2006 17:48
Нужна помощь...
Можно ли при помощи CSS сделать фон с закругленными краями?
Автор: evoroz
Дата сообщения: 23.08.2006 19:08
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.
Когда браузер доходит до рендеринга потока кода подвала, он помещает его вслед за предыдущим блоком, тем который в коде перед ним. А это может быть или левая часть, или правая, или середина. Впрочем, если генерировать код на лету, в зависимости от вертикального размера каждого блока, то проблему можно решить.
Автор: GeMir
Дата сообщения: 05.11.2006 14:15
Начал потихоньку разбираться с DIV'ами. Есть следующий DIV фиксированной высоты:

Код: #navigation {
position: absolute;
background-color: #ECE9D8;
width: 100%;
height: 30px;
top: 0%;
left: 0%;
right: 0%;
}
Автор: evoroz
Дата сообщения: 05.11.2006 14:32
GeMir
.center {
    text-align: center;
}
<div class="center" id="navigation">Text</div>

Добавлено:
Извиняюсь, это горизонтальное выравнивание.
Автор: GeMir
Дата сообщения: 05.11.2006 14:37
evoroz
Кажется слово "вертикально" было недостаточно заметным Исправил.
Автор: evoroz
Дата сообщения: 05.11.2006 15:19
<div id="navigation">
<table width="100%" height="100%" border="0">
<tr>
<td>Text</td>
</tr>
</table>
</div>
Автор: GeMir
Дата сообщения: 05.11.2006 15:22
evoroz
Таблицей это делается без проблем - я хотел узнать о возможности
реализовать это выравнивание без таблиц, только средствами CSS.
Автор: ShafMAN
Дата сообщения: 05.11.2006 16:17
GeMir
http://brunildo.org/test/shrink_center_4.html
Автор: GeMir
Дата сообщения: 16.11.2006 23:40
А есть ли аналог табличного параметра nowrap для DIV'ов?
Автор: Salik
Дата сообщения: 17.11.2006 00:19
Скажите а можно как-нибудь div блок опустить вниз, без марджинга и пейджинга, тойсть просто поставить выравнивание по вертикали? div блок находится в таблице, тойсть что бы он соответственно прилипал к низу таблицы.
Автор: evoroz
Дата сообщения: 17.11.2006 00:44
Salik
Что-то подобное?
<table width="80%" border="0">
<tr>
<td height="500" valign="bottom"><div>text</div></td>    
</tr>
</table>


Добавлено:
GeMir
Например: <DIV id="bigBlock" nowrap>...</DIV>
Автор: GeMir
Дата сообщения: 17.11.2006 07:02
evoroz

Цитата:
Например: <DIV id="bigBlock" nowrap>...</DIV>

Да, спасибо.

Страницы: 12345678910111213141516171819202122232425262728293031

Предыдущая тема: Вопрос к знатокам CSS


Форум Ru-Board.club — поднят 15-09-2016 числа. Цель - сохранить наследие старого Ru-Board, истории становления российского интернета. Сделано для людей.