Kaylang
Цитата:
щас как раз это и правлю
Цитата:
При малом количестве инфы, Footer поднимается наверх, а не прижимается к низу.
щас как раз это и правлю
» Вопросы по CSS
DmitryV
Цитата:
Ну, если поправишь, делись в теме.
Цитата:
щас как раз это и правлю
Ну, если поправишь, делись в теме.
Kaylang
Обязательно, но позже щас пока все допишу по коду php, потом вернусь к верстке
Обязательно, но позже щас пока все допишу по коду php, потом вернусь к верстке
Доброго времени суток!
Если помещать блок DIV в таблицу, то появляются небольшие отступы между границей блока и границей таблицы. Можно ли как-то эти отступы ликвидировать?
Заранее спасибо!
Если помещать блок DIV в таблицу, то появляются небольшие отступы между границей блока и границей таблицы. Можно ли как-то эти отступы ликвидировать?
Заранее спасибо!
carv
td {padding:0;}
td {padding:0;}
carv
<table ... border="0" cellpadding="0" cellspacing="0">
Мне кажется, cellpadding="0" cellspacing="0" при описании таблицы помогут решить проблему.
<table ... border="0" cellpadding="0" cellspacing="0">
Мне кажется, cellpadding="0" cellspacing="0" при описании таблицы помогут решить проблему.
Добрый день.
Хочется сделать ссылку, в которой текст будет состоять из слов разного цвета, но чтобы при наведении курсора, выделение становилось одним цветом у всех слов.
например
Это ссылка
[no]
<div class="link1" >
<a href="/" >
<text class="link3">Это</text>
<br>
<span class="link3">ссылка</span>
</a>
</div>
.link1{
font-weight: bold;
}
.link1 a:link,
.link1 a:visited
{
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
.link1 a:hover,
.link1 a:active
{
font-size: 16px;
color: black;
font-weight: bold;
}
.link2 {
font-size: 16px;
color: #990000;
font-weight: normal;
}
.link3 {
font-size: 16px;
color: #FF6600;
font-weight: normal;
}
[/no]
Хочется сделать ссылку, в которой текст будет состоять из слов разного цвета, но чтобы при наведении курсора, выделение становилось одним цветом у всех слов.
например
Это ссылка
[no]
<div class="link1" >
<a href="/" >
<text class="link3">Это</text>
<br>
<span class="link3">ссылка</span>
</a>
</div>
.link1{
font-weight: bold;
}
.link1 a:link,
.link1 a:visited
{
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
.link1 a:hover,
.link1 a:active
{
font-size: 16px;
color: black;
font-weight: bold;
}
.link2 {
font-size: 16px;
color: #990000;
font-weight: normal;
}
.link3 {
font-size: 16px;
color: #FF6600;
font-weight: normal;
}
[/no]
Вот так можно сделать, но не будет работать в IE6:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.link {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.link a {
font: bold 16px Arial, Helvetica, sans-serif;
color: #F00;
text-decoration: none;
}
.link a span {
font: bold 16px Arial, Helvetica, sans-serif;
color: #0F0;
}
.link a span + span {
font: bold 16px Arial, Helvetica, sans-serif;
color: #F0F;
}
.link a:hover, .link a:hover span, .link a:hover span + span {
font: bold 16px Arial, Helvetica, sans-serif;
color: #00F;
text-decoration: underline;
}
-->
</style>
</head>
<body>
<div class="link"><a href="#">Это <span>разноцветная</span> <span>ссылка</span></a></div>
</body>
</html>
Или можно вот так, с дополнительным классом, будет работать и IE6
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.link {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.link a {
font: bold 16px Arial, Helvetica, sans-serif;
color: #F00;
text-decoration: none;
}
.link a span {
font: bold 16px Arial, Helvetica, sans-serif;
color: #0F0;
}
.link a .color {
font: bold 16px Arial, Helvetica, sans-serif;
color: #F0F;
}
.link a:hover, .link a:hover span, .link a:hover .color {
font: bold 16px Arial, Helvetica, sans-serif;
color: #00F;
text-decoration: underline;
}
-->
</style>
</head>
<body>
<div class="link"><a href="#">Это <span>разноцветная</span> <span class="color">ссылка</span></a></div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.link {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.link a {
font: bold 16px Arial, Helvetica, sans-serif;
color: #F00;
text-decoration: none;
}
.link a span {
font: bold 16px Arial, Helvetica, sans-serif;
color: #0F0;
}
.link a span + span {
font: bold 16px Arial, Helvetica, sans-serif;
color: #F0F;
}
.link a:hover, .link a:hover span, .link a:hover span + span {
font: bold 16px Arial, Helvetica, sans-serif;
color: #00F;
text-decoration: underline;
}
-->
</style>
</head>
<body>
<div class="link"><a href="#">Это <span>разноцветная</span> <span>ссылка</span></a></div>
</body>
</html>
Или можно вот так, с дополнительным классом, будет работать и IE6
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.link {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.link a {
font: bold 16px Arial, Helvetica, sans-serif;
color: #F00;
text-decoration: none;
}
.link a span {
font: bold 16px Arial, Helvetica, sans-serif;
color: #0F0;
}
.link a .color {
font: bold 16px Arial, Helvetica, sans-serif;
color: #F0F;
}
.link a:hover, .link a:hover span, .link a:hover .color {
font: bold 16px Arial, Helvetica, sans-serif;
color: #00F;
text-decoration: underline;
}
-->
</style>
</head>
<body>
<div class="link"><a href="#">Это <span>разноцветная</span> <span class="color">ссылка</span></a></div>
</body>
</html>
Добрый день.
Не как не могу побороть верстку. Помогите.
даю кусок кода.
HTML
Код:
...
<td id="bg-center-menu">
<a href="#">Главная</a>
<a href="#">О нас</a>
<a href="#">Цели</a>
</td>
...
Не как не могу побороть верстку. Помогите.
даю кусок кода.
HTML
Код:
...
<td id="bg-center-menu">
<a href="#">Главная</a>
<a href="#">О нас</a>
<a href="#">Цели</a>
</td>
...
DarkSmoke
Код:
#bg-center-menu a{
display:block;
float:left;
height:27px;
text-decoration:none;
text-align:center;
margin-right:20px;
color:#FFF;
font:bold 18px "Times New Roman", Times, serif
}
Код:
#bg-center-menu a{
display:block;
float:left;
height:27px;
text-decoration:none;
text-align:center;
margin-right:20px;
color:#FFF;
font:bold 18px "Times New Roman", Times, serif
}
BlackVetal
Так не работает. (Попробовал)
Даже если логично подумать, то это не то. Всем "a" говорить быть по центру, а "а" у нас блок, т.е. получается быть поцентру своего блока.
Так не работает. (Попробовал)
Даже если логично подумать, то это не то. Всем "a" говорить быть по центру, а "а" у нас блок, т.е. получается быть поцентру своего блока.
DarkSmoke
Че-то не внимательно прочитал, правильно нужно перенести в более верхний блок. Ты пробовал align задавать в первом классе ?
Код:
#bg-center-menu {
background:url(images/bg-center-menu.jpg) repeat-x;
text-align:center;
}
Че-то не внимательно прочитал, правильно нужно перенести в более верхний блок. Ты пробовал align задавать в первом классе ?
Код:
#bg-center-menu {
background:url(images/bg-center-menu.jpg) repeat-x;
text-align:center;
}
BlackVetal
блочные элементы не выровнять с помощью text-align
блочные элементы не выровнять с помощью text-align
andead
Возможно я не понимаю до конца вопрос. Но как указано в примере кода DarkSmoke нужно отцентрировать содержимое ячейки:
Код:
<table ID="Table1" runat="server" Width="100%">
<tr>
<td style="text-align:center;">
<a href="#"> главная </a>
<a href="#"> Цели </a>
</td>
</tr>
</table>
Возможно я не понимаю до конца вопрос. Но как указано в примере кода DarkSmoke нужно отцентрировать содержимое ячейки:
Код:
<table ID="Table1" runat="server" Width="100%">
<tr>
<td style="text-align:center;">
<a href="#"> главная </a>
<a href="#"> Цели </a>
</td>
</tr>
</table>
BlackVetal
всё правильно, но таким способом их не выровнять, у ссылок прописано display:block, а text-align дейстует только на строчные элементы
всё правильно, но таким способом их не выровнять, у ссылок прописано display:block, а text-align дейстует только на строчные элементы
andead
Признаю твой авторитет, я неправ! Спасибо тебе за ссылки ...
Признаю твой авторитет, я неправ! Спасибо тебе за ссылки ...
:lamo:
нужно применить ко всей странице следующий код:
Код: <style type="text/css">
.fon {
width: 100%;
border: 0;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
</style>
нужно применить ко всей странице следующий код:
Код: <style type="text/css">
.fon {
width: 100%;
border: 0;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
</style>
Здравствуйте!
Подскажите как мне подгрузить нестандартный шрифт в файл стилей? Не на конкретную страничку, а именно в файл (для многократного использования на разных страницах). А то как только не пробовал - не выходит.
Подскажите как мне подгрузить нестандартный шрифт в файл стилей? Не на конкретную страничку, а именно в файл (для многократного использования на разных страницах). А то как только не пробовал - не выходит.
Если бы кто-то объяснил все, как для чайника... Пошагово! В такой-то файл прописываешь то, такой-то то...
Привет, ищу помощь, так как уже пару дней не могу справится с одной задачей. Нужно на css смакетировать вот такой div:
Uploaded with ImageShack.us
Красное это картинка, синий это текст, а зеленый это другой див. Дело в том что текста синего может быть больше или меньше, но зеленый элемент дожен висеть всегда в нижнем правом углу.
Заранее спасибо, если просто ткнете носом в линк куда копать, мне хватит
Uploaded with ImageShack.us
Красное это картинка, синий это текст, а зеленый это другой див. Дело в том что текста синего может быть больше или меньше, но зеленый элемент дожен висеть всегда в нижнем правом углу.
Заранее спасибо, если просто ткнете носом в линк куда копать, мне хватит
xntx
Цитата:
в нижнем правом углу черного контейнера, или синего?
Цитата:
зеленый элемент дожен висеть всегда в нижнем правом углу
в нижнем правом углу черного контейнера, или синего?
Черного, синий я хочу чтоб его обтекал текстом (если достаточно текста, конечно)
xntx
что-то не получается: текстом не хочет обтекать...
что-то не получается: текстом не хочет обтекать...
xntx
копать тут
Код: <div style='width:300px;height:auto;position:relative;border: 1px solid black'>
<img src='img.png' style='float:left;border: 1px red solid'>
А тут пошел всяческий текст и не только
<div style='position:absolute;bottom:0px;right:0px;border:1px solid green'>фиксированный div</div>
</div>
копать тут
Код: <div style='width:300px;height:auto;position:relative;border: 1px solid black'>
<img src='img.png' style='float:left;border: 1px red solid'>
А тут пошел всяческий текст и не только
<div style='position:absolute;bottom:0px;right:0px;border:1px solid green'>фиксированный div</div>
</div>
Большое спасибо! Обтекает все как надо, мне просто в голову не пришло (потому что документацию плохо читал) сделать наружный div чтоб был position: relative
xntx
Цитата:
так показывайте, чтобы и остальным было видно
Цитата:
Обтекает все как надо
так показывайте, чтобы и остальным было видно
hi
есть два слова, разного цвета
Пример: зеленый красный
Нужно сделать эти два слова одной ссылкой, чтобы цвета сохранились - это получается решить.
А вот как сделать чтобы при наведении курсора на ссылку, оба слова становились одного цвета?
есть два слова, разного цвета
Пример: зеленый красный
Нужно сделать эти два слова одной ссылкой, чтобы цвета сохранились - это получается решить.
А вот как сделать чтобы при наведении курсора на ссылку, оба слова становились одного цвета?
klimusu
Код: <style>
a:hover span { color:blue !important; }
</style>
<a href="#"><span style="color:green;">зеленый</span> <span style="color:red;">красный</span></a>
Код: <style>
a:hover span { color:blue !important; }
</style>
<a href="#"><span style="color:green;">зеленый</span> <span style="color:red;">красный</span></a>
Страницы: 12345678910111213141516171819202122232425262728293031
Предыдущая тема: Вопрос к знатокам CSS
Форум Ru-Board.club — поднят 15-09-2016 числа. Цель - сохранить наследие старого Ru-Board, истории становления российского интернета. Сделано для людей.