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

» Вопросы по CSS

Автор: DmitryV
Дата сообщения: 03.03.2010 13:57
Kaylang

Цитата:
При малом количестве инфы, Footer поднимается наверх, а не прижимается к низу.

щас как раз это и правлю
Автор: Kaylang
Дата сообщения: 03.03.2010 15:50
DmitryV

Цитата:
щас как раз это и правлю

Ну, если поправишь, делись в теме.
Автор: DmitryV
Дата сообщения: 03.03.2010 21:36
Kaylang
Обязательно, но позже щас пока все допишу по коду php, потом вернусь к верстке
Автор: carv
Дата сообщения: 06.03.2010 15:45
Доброго времени суток!

Если помещать блок DIV в таблицу, то появляются небольшие отступы между границей блока и границей таблицы. Можно ли как-то эти отступы ликвидировать?

Заранее спасибо!
Автор: andead
Дата сообщения: 06.03.2010 16:41
carv
td {padding:0;}
Автор: evoroz
Дата сообщения: 06.03.2010 16:44
carv
<table ... border="0" cellpadding="0" cellspacing="0">
Мне кажется, cellpadding="0" cellspacing="0" при описании таблицы помогут решить проблему.
Автор: klimusu
Дата сообщения: 09.03.2010 18:40
Добрый день.

Хочется сделать ссылку, в которой текст будет состоять из слов разного цвета, но чтобы при наведении курсора, выделение становилось одним цветом у всех слов.
например

Это ссылка

[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]
Автор: Vania
Дата сообщения: 10.03.2010 18:46
Вот так можно сделать, но не будет работать в 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>
Автор: DarkSmoke
Дата сообщения: 29.03.2010 10:44
Добрый день.
Не как не могу побороть верстку. Помогите.
даю кусок кода.
HTML

Код:
...
<td id="bg-center-menu">
<a href="#">Главная</a>
<a href="#">О нас</a>
<a href="#">Цели</a>
</td>
...
Автор: BlackVetal
Дата сообщения: 29.03.2010 11:13
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
}
Автор: DarkSmoke
Дата сообщения: 29.03.2010 11:42
BlackVetal
Так не работает. (Попробовал)
Даже если логично подумать, то это не то. Всем "a" говорить быть по центру, а "а" у нас блок, т.е. получается быть поцентру своего блока.
Автор: andead
Дата сообщения: 29.03.2010 12:54
DarkSmoke
http://cssmake.ru/component/content/article/7/97.html
http://web.artlebedev.ru/tools/technogrette/html/align-center/
Автор: BlackVetal
Дата сообщения: 29.03.2010 13:11
DarkSmoke
Че-то не внимательно прочитал, правильно нужно перенести в более верхний блок. Ты пробовал align задавать в первом классе ?

Код:
#bg-center-menu {
background:url(images/bg-center-menu.jpg) repeat-x;
text-align:center;
}
Автор: andead
Дата сообщения: 29.03.2010 13:54
BlackVetal
блочные элементы не выровнять с помощью text-align
Автор: BlackVetal
Дата сообщения: 30.03.2010 05:20
andead
Возможно я не понимаю до конца вопрос. Но как указано в примере кода DarkSmoke нужно отцентрировать содержимое ячейки:

Код:
<table ID="Table1" runat="server" Width="100%">
<tr>
<td style="text-align:center;">
<a href="#"> главная </a>
<a href="#"> Цели </a>
</td>
</tr>
</table>
Автор: andead
Дата сообщения: 30.03.2010 09:24
BlackVetal
всё правильно, но таким способом их не выровнять, у ссылок прописано display:block, а text-align дейстует только на строчные элементы
Автор: BlackVetal
Дата сообщения: 30.03.2010 12:25
andead
Признаю твой авторитет, я неправ! Спасибо тебе за ссылки ...
Автор: slavka850
Дата сообщения: 09.04.2010 18:49
:lamo:

нужно применить ко всей странице следующий код:
Код: <style type="text/css">
.fon {
width: 100%;
border: 0;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
</style>
Автор: befenator
Дата сообщения: 12.04.2010 12:50
Здравствуйте!
Подскажите как мне подгрузить нестандартный шрифт в файл стилей? Не на конкретную страничку, а именно в файл (для многократного использования на разных страницах). А то как только не пробовал - не выходит.
Автор: andead
Дата сообщения: 12.04.2010 15:48
befenator
http://www.umade.ru/log/2009/07/font-embed-eot-font-face/
Автор: befenator
Дата сообщения: 15.04.2010 16:23
Если бы кто-то объяснил все, как для чайника... Пошагово! В такой-то файл прописываешь то, такой-то то...
Автор: xntx
Дата сообщения: 03.05.2010 18:02
Привет, ищу помощь, так как уже пару дней не могу справится с одной задачей. Нужно на css смакетировать вот такой div:


Uploaded with ImageShack.us
Красное это картинка, синий это текст, а зеленый это другой див. Дело в том что текста синего может быть больше или меньше, но зеленый элемент дожен висеть всегда в нижнем правом углу.
Заранее спасибо, если просто ткнете носом в линк куда копать, мне хватит
Автор: obla4ko4240019
Дата сообщения: 03.05.2010 18:20
xntx

Цитата:
зеленый элемент дожен висеть всегда в нижнем правом углу

в нижнем правом углу черного контейнера, или синего?
Автор: xntx
Дата сообщения: 03.05.2010 18:24
Черного, синий я хочу чтоб его обтекал текстом (если достаточно текста, конечно)
Автор: obla4ko4240019
Дата сообщения: 03.05.2010 19:52
xntx
что-то не получается: текстом не хочет обтекать...
Автор: Cheery
Дата сообщения: 03.05.2010 22:00
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>
Автор: xntx
Дата сообщения: 03.05.2010 23:25
Большое спасибо! Обтекает все как надо, мне просто в голову не пришло (потому что документацию плохо читал) сделать наружный div чтоб был position: relative
Автор: Cheery
Дата сообщения: 03.05.2010 23:40
xntx

Цитата:
Обтекает все как надо

так показывайте, чтобы и остальным было видно
Автор: klimusu
Дата сообщения: 02.06.2010 18:26
hi

есть два слова, разного цвета

Пример: зеленый красный

Нужно сделать эти два слова одной ссылкой, чтобы цвета сохранились - это получается решить.
А вот как сделать чтобы при наведении курсора на ссылку, оба слова становились одного цвета?
Автор: andead
Дата сообщения: 02.06.2010 18:36
klimusu


Код: <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, истории становления российского интернета. Сделано для людей.