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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

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

Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ссылки для самостоятельного изучения:
 
Теория + примеры + учебники:
W3School: CSS Tutorial
MDN: Cascading Style Sheets (CSS)
WebReference: Уроки по HTML и CSS
htmlbook: Справочник CSS
YouTube: Основы CSS/CSS3
CSS для JavaScript-разработчика
Основы CSS - каскадные таблицы стилей
Статьи по основам CSS
 
Применение на практике:
StackOverflow: 'CSS' Questions
CSS-Tricks
 

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019
DmitryV



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

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

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

Всего записей: 1264 | Зарегистр. 12-01-2003 | Отправлено: 14:57 03-03-2010 | Исправлено: DmitryV, 14:58 03-03-2010
Kaylang



Вредный и упрямый
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DmitryV

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

Ну, если поправишь, делись в теме.

Всего записей: 38546 | Зарегистр. 29-08-2002 | Отправлено: 16:50 03-03-2010
DmitryV



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Kaylang
Обязательно, но позже щас пока все допишу по коду php, потом вернусь к верстке

Всего записей: 1264 | Зарегистр. 12-01-2003 | Отправлено: 22:36 03-03-2010
carv

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Доброго времени суток!
 
Если помещать блок DIV в таблицу, то появляются небольшие отступы между границей блока и границей таблицы. Можно ли как-то эти отступы ликвидировать?
 
Заранее спасибо!

Всего записей: 24 | Зарегистр. 27-12-2009 | Отправлено: 16:45 06-03-2010
andead



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
carv
td {padding:0;}

Всего записей: 1821 | Зарегистр. 22-09-2005 | Отправлено: 17:41 06-03-2010
evoroz



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
carv
<table ... border="0" cellpadding="0" cellspacing="0">
Мне кажется, cellpadding="0" cellspacing="0" при описании таблицы помогут решить проблему.

Всего записей: 3491 | Зарегистр. 30-03-2002 | Отправлено: 17:44 06-03-2010
klimusu



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добрый день.
 
Хочется сделать ссылку, в которой текст будет состоять из слов разного цвета, но чтобы при наведении курсора, выделение становилось одним цветом у всех слов.
например
 
Это ссылка
 
 
<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;
}

Всего записей: 931 | Зарегистр. 23-01-2006 | Отправлено: 19:40 09-03-2010
Vania

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вот так можно сделать, но не будет работать в 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>

Всего записей: 1941 | Зарегистр. 30-12-2005 | Отправлено: 19:46 10-03-2010 | Исправлено: Vania, 19:47 10-03-2010
DarkSmoke



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Добрый день.
Не как не могу побороть верстку. Помогите.
даю кусок кода.
HTML

Код:
 
...
<td id="bg-center-menu">
   <a href="#">Главная</a>
   <a href="#">О нас</a>
   <a href="#">Цели</a>
</td>
...
 

CSS

Код:
 
#bg-center-menu {
background:url(images/bg-center-menu.jpg) repeat-x;
}
 
#bg-center-menu a{
display:block;
float:left;
height:27px;
text-decoration:none;
margin-right:20px;  
color:#FFF;
font:bold 18px "Times New Roman", Times, serif
}
 

Задача чтобы меню всегда было по центру. Дизайн сайта резиновый.

Всего записей: 962 | Зарегистр. 08-10-2005 | Отправлено: 11:44 29-03-2010
BlackVetal



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
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  
}
 


----------
Регистрация ника))
ОСАГО и КАСКО
Работа

Всего записей: 1094 | Зарегистр. 13-11-2005 | Отправлено: 12:13 29-03-2010 | Исправлено: BlackVetal, 12:14 29-03-2010
DarkSmoke



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
BlackVetal
Так не работает. (Попробовал)
Даже если логично подумать, то это не то. Всем "a" говорить быть по центру, а "а" у нас блок, т.е. получается быть поцентру своего блока.

Всего записей: 962 | Зарегистр. 08-10-2005 | Отправлено: 12:42 29-03-2010
andead



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DarkSmoke
http://cssmake.ru/component/content/article/7/97.html
http://web.artlebedev.ru/tools/technogrette/html/align-center/

----------
мой блог

Всего записей: 1821 | Зарегистр. 22-09-2005 | Отправлено: 13:54 29-03-2010
BlackVetal



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
DarkSmoke
Че-то не внимательно прочитал, правильно нужно перенести в более верхний блок. Ты пробовал align задавать в первом классе ?

Код:
 
#bg-center-menu {  
background:url(images/bg-center-menu.jpg) repeat-x;
text-align:center;
}
 

Так как ты присваиваеш селектор ячейке, то логично мы должны выравнить текст в ней по центру. При этом имеет смысл либо у таблицы, либо у ячейки задать ширину в 100%.

----------
Регистрация ника))
ОСАГО и КАСКО
Работа

Всего записей: 1094 | Зарегистр. 13-11-2005 | Отправлено: 14:11 29-03-2010
andead



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
BlackVetal
блочные элементы не выровнять с помощью text-align

----------
мой блог

Всего записей: 1821 | Зарегистр. 22-09-2005 | Отправлено: 14:54 29-03-2010
BlackVetal



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
andead
Возможно я не понимаю до конца вопрос. Но как указано в примере кода DarkSmoke нужно отцентрировать содержимое ячейки:

Код:
 
    <table ID="Table1" runat="server" Width="100%">
        <tr>
            <td style="text-align:center;">
                <a href="#"> главная </a>
                <a href="#"> Цели </a>
            </td>
        </tr>
    </table>
 

Подскажите в чем здесь я не прав - возможно где нить я наступлю на такие же грабли ... но в данном примере - ссылки выводяться по центру ...


----------
Регистрация ника))
ОСАГО и КАСКО
Работа

Всего записей: 1094 | Зарегистр. 13-11-2005 | Отправлено: 06:20 30-03-2010 | Исправлено: BlackVetal, 06:21 30-03-2010
andead



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
BlackVetal
всё правильно, но таким способом их не выровнять, у ссылок прописано display:block, а text-align дейстует только на строчные элементы

----------
мой блог

Всего записей: 1821 | Зарегистр. 22-09-2005 | Отправлено: 10:24 30-03-2010
BlackVetal



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
andead
Признаю твой авторитет, я неправ! Спасибо тебе за ссылки ...

----------
Регистрация ника))
ОСАГО и КАСКО
Работа

Всего записей: 1094 | Зарегистр. 13-11-2005 | Отправлено: 13:25 30-03-2010
slavka850

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
:lamo:
 
нужно применить ко всей странице следующий код:
Код:
<style type="text/css">
.fon {
width: 100%;
border: 0;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
</style>
а для части текста применить прозрачные отступы типа cellpadding или cellspacing, но по каждому направлению свои (top, bottom, left, right). еще бы хотелось сделать данные отступы не абсолютными, а относительными. полагаю, средствами одного html тут не обойтись...

Всего записей: 54 | Зарегистр. 28-10-2007 | Отправлено: 19:49 09-04-2010
befenator

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте!
Подскажите как мне подгрузить нестандартный шрифт в файл стилей? Не на конкретную страничку, а именно в файл (для многократного использования на разных страницах). А то как только не пробовал - не выходит.

Всего записей: 2 | Зарегистр. 05-08-2008 | Отправлено: 13:50 12-04-2010
andead



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
befenator
http://www.umade.ru/log/2009/07/font-embed-eot-font-face/

----------
мой блог

Всего записей: 1821 | Зарегистр. 22-09-2005 | Отправлено: 16:48 12-04-2010
Открыть новую тему     Написать ответ в эту тему

Страницы: 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 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

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


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

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru