Xrobak
очепятка, исправил!
А этот код я прекрасно знаю, но не работает! Может что-нибудь перекрывает...
очепятка, исправил!
А этот код я прекрасно знаю, но не работает! Может что-нибудь перекрывает...
» Вопросы по CSS
у тебя футер находится в этом диве - <div id=container>, а потом уже в <div id=bottom>. Посему возможно что и перекрываются у тебя свойства.
помогите плиз: есть две колонки-дива. в одной из них контент меняется от страницы к странице, другая статична по высоте. можно ли сделать так, чтобы статичная колонка меняла высоту в зависиости от высоты второй колонки на данной странице? может, не css, a javascript ?
Опеши попадробнее
ficusss типичный случай: основная колонка и навигационная колонка. в навигационной колонке - неповторяющийся бекграунд (background-position: 0 100%;). когда контента в основной колонке меньше по высоте, чем навигации - проблем нет, всё смотрится красиво. когда контента больше чем навигации - основная колонка уходит вниз, в то время как бекграунд навигации естественно остаётся на месте, это легко представить. смотрится ужасно, чего делать непонятно.
вроде так "попадробнее".
вроде так "попадробнее".
Xrobak
Не перекрывает! Я проверял!
Сейчас убрал id=container вообще! И вставил в id=bottom таблицу с бэкграундом - теперь все работает
Не перекрывает! Я проверял!
Сейчас убрал id=container вообще! И вставил в id=bottom таблицу с бэкграундом - теперь все работает
Пытась сделать, чтобы блоки 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>
Вот код:
Код: <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>
вопрос о наследовании.
если объявлен блок , например
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>
если объявлен блок , например
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>
Mira
присваивай ссылкам зеленого цвета класс и прописывай ему color:green
присваивай ссылкам зеленого цвета класс и прописывай ему color:green
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="">êðàññíàÿ ññûëêà</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>
спасибо проблема была не в этом
а втом, как я объявил верхний уровень
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="">êðàññíàÿ ññûëêà</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>
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}
Цитата:
ВОПРОС НОМЕР ДВА. как сделать так , что бы блок тега а, при наведении на него курсора менял задний фор, при этом,что бы значение (которое в теге А) было снизу , у меня оно почему -то сверху.Фон тут не причём.
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}
спасибо. но ваш примен немного не работает как надо
если в ячейке цифра большая, автоматический развигается блок, а если изображение задано , то оно будет повторяться.
за ссылки спасибо.
если в ячейке цифра большая, автоматический развигается блок, а если изображение задано , то оно будет повторяться.
за ссылки спасибо.
Как с помощю CSS достичь эффекта аналогичного HTML <table cellspacing="0">?
Никак не получается.
Никак не получается.
У меня снова вопрос:
У меня есть несколько блоков: левый, правый, центр и подвал! Подвал должен быть всегда внизу, вне зависимости от кол-ва текста в основных блоках, однако, если текста мало, он уезжает вверх! Как этого избежать?
У меня есть несколько блоков: левый, правый, центр и подвал! Подвал должен быть всегда внизу, вне зависимости от кол-ва текста в основных блоках, однако, если текста мало, он уезжает вверх! Как этого избежать?
Mistake2, загнать подвал в <div> а в классе описать примерно следующее:
Код:
div.bottom {
position: absolute;
bottom: 0px;
...
}
Код:
div.bottom {
position: absolute;
bottom: 0px;
...
}
Dr_Logic
Код: table {border-collapse:collapse}
Код: table {border-collapse:collapse}
Mistake2
Цитата:
Это главная проблема в CSS и она не решена.
Из-за этого либо вставляют таблицу, либо надо следить за вертикальным размером колонки и добивать BR.
Цитата:
Как этого избежать?
Это главная проблема в CSS и она не решена.
Из-за этого либо вставляют таблицу, либо надо следить за вертикальным размером колонки и добивать BR.
evoroz
У меня там и так таблица! Но как я ее вниз страницы запихну?
У меня там и так таблица! Но как я ее вниз страницы запихну?
Нужна помощь...
Можно ли при помощи CSS сделать фон с закругленными краями?
Можно ли при помощи CSS сделать фон с закругленными краями?
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.
Когда браузер доходит до рендеринга потока кода подвала, он помещает его вслед за предыдущим блоком, тем который в коде перед ним. А это может быть или левая часть, или правая, или середина. Впрочем, если генерировать код на лету, в зависимости от вертикального размера каждого блока, то проблему можно решить.
На английском: 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.
Когда браузер доходит до рендеринга потока кода подвала, он помещает его вслед за предыдущим блоком, тем который в коде перед ним. А это может быть или левая часть, или правая, или середина. Впрочем, если генерировать код на лету, в зависимости от вертикального размера каждого блока, то проблему можно решить.
Начал потихоньку разбираться с DIV'ами. Есть следующий DIV фиксированной высоты:
Код: #navigation {
position: absolute;
background-color: #ECE9D8;
width: 100%;
height: 30px;
top: 0%;
left: 0%;
right: 0%;
}
Код: #navigation {
position: absolute;
background-color: #ECE9D8;
width: 100%;
height: 30px;
top: 0%;
left: 0%;
right: 0%;
}
GeMir
.center {
text-align: center;
}
<div class="center" id="navigation">Text</div>
Добавлено:
Извиняюсь, это горизонтальное выравнивание.
.center {
text-align: center;
}
<div class="center" id="navigation">Text</div>
Добавлено:
Извиняюсь, это горизонтальное выравнивание.
evoroz
Кажется слово "вертикально" было недостаточно заметным
Исправил.
Кажется слово "вертикально" было недостаточно заметным
Исправил.<div id="navigation">
<table width="100%" height="100%" border="0">
<tr>
<td>Text</td>
</tr>
</table>
</div>
<table width="100%" height="100%" border="0">
<tr>
<td>Text</td>
</tr>
</table>
</div>
evoroz
Таблицей это делается без проблем - я хотел узнать о возможности
реализовать это выравнивание без таблиц, только средствами CSS.
Таблицей это делается без проблем - я хотел узнать о возможности
реализовать это выравнивание без таблиц, только средствами CSS.
А есть ли аналог табличного параметра nowrap для DIV'ов?
Скажите а можно как-нибудь div блок опустить вниз, без марджинга и пейджинга, тойсть просто поставить выравнивание по вертикали? div блок находится в таблице, тойсть что бы он соответственно прилипал к низу таблицы.
Salik
Что-то подобное?
<table width="80%" border="0">
<tr>
<td height="500" valign="bottom"><div>text</div></td>
</tr>
</table>
Добавлено:
GeMir
Например: <DIV id="bigBlock" nowrap>...</DIV>
Что-то подобное?
<table width="80%" border="0">
<tr>
<td height="500" valign="bottom"><div>text</div></td>
</tr>
</table>
Добавлено:
GeMir
Например: <DIV id="bigBlock" nowrap>...</DIV>
evoroz
Цитата:
Да, спасибо.
Цитата:
Например: <DIV id="bigBlock" nowrap>...</DIV>
Да, спасибо.
Страницы: 12345678910111213141516171819202122232425262728293031
Предыдущая тема: Вопрос к знатокам CSS
Форум Ru-Board.club — поднят 15-09-2016 числа. Цель - сохранить наследие старого Ru-Board, истории становления российского интернета. Сделано для людей.