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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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

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

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
Troitsky



Водник Водкин
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
А не проще будет заменить эти вложенные таблицы одной со стилем

Код:
.tb {border-style: double; border-width: 3px; border-color: #000000}

???
Или вложенность необходима?

Всего записей: 795 | Зарегистр. 13-12-2003 | Отправлено: 21:37 27-10-2004
vladmir

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
.tb{
border-top:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-left:1px solid #000;
}  
</style>
<title>titled</title>
</head>
<body>
<table class="tb" cellspacing="0">
<tr><td>
<table class="tb" cellspacing="0">
<tr><td>dfghdfgjhdfgjdfgj</td></tr>
</table>
</td></tr>
</table>
 </body>
</html>

Всего записей: 2232 | Зарегистр. 22-01-2003 | Отправлено: 23:28 27-10-2004
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Troitsky
нет, вложенность была необходима чтобы достичь такого эффекта, наверное последую твоему совету
Кстати, спасибо, твой вариант работает
 
vladmir
спасибо! Работает и твой вариант
Мдя... а всему виной оказался cellpadding="0" и border="1"
 
2 all
И еще, раз уж о CSS заговорил, такой вот вопрос: когда мы описываем какой-то класс к примеру, то все свойства внутри {} разделяем точкой с запятой, а нужно ли ставить эту ; в конце последнего свойства, т.е. беред закрытием фигурной скобки?
Одни люди ставят, другие не ставят... Это вообще где-то зафиксировано как должно быть? А то вроде CSS и прочитал, а вот такого не встречал. Просто если уж писать, то писать по правилам/стандартам

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 23:49 27-10-2004
bredonosec



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

Цитата:
а нужно ли ставить эту ; в конце последнего свойства, т.е. беред закрытием фигурной скобки?  
- В специфкации об этом не говорят. (сам читал на днях) И в примерах последней кавычки нет.
 Значит необязательно.  

Всего записей: 16256 | Зарегистр. 13-02-2003 | Отправлено: 04:11 28-10-2004
vladmir

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

Цитата:
нужно ли ставить эту ; в конце последнего свойства, т.е. беред закрытием фигурной скобки?

Не нужно.Точно.
Но и не мешает.
В процессе работы имеет смысл не убирать, чтобы не забыть поставить, когда добавишь новые свойства.
Сумлеваешься - проверь валидатором CSS - уверен, любой вариант пройдёт.

Всего записей: 2232 | Зарегистр. 22-01-2003 | Отправлено: 12:09 28-10-2004
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vladmir
я знаю что и тот и тот вариант подходит, просто интересно стало, стандарты придумали, а на такую как бы мелочь ничего не пишут. Просто это может выработаться в привычку, а потом гляди и станет к примеру обязательна ; в конце, переучиваться прийдется, посему наверное лучше ставить ; в конце :)
 
Такс, ну и еще пару вопросов задам, и думаю наверное лучше тему топика поменять, а то тема немного от bordercolordark уходит...
Что значит это:

Цитата:
Line : 0 font-family: You are encouraged to offer a generic family as a last alternative  

 
Чем заменить это:

Цитата:
Line: 0 Context : body  
Property scrollbar-face-color doesn't exist : #ebebeb  
 
Line: 0 Context : body  
Property scrollbar-highlight-color doesn't exist : #ebebeb  
 
Line: 0 Context : body  
Property scrollbar-shadow-color doesn't exist : #000000  
 
Line: 0 Context : body  
Property scrollbar-3dlight-color doesn't exist : #003399  
 
Line: 0 Context : body  
Property scrollbar-arrow-color doesn't exist : #6f4ab5  
 
Line: 0 Context : body  
Property scrollbar-track-color doesn't exist : #ebebeb  
 
Line: 0 Context : body  
Property scrollbar-darkshadow-color doesn't exist : #003399  
 

Пока все, это мне валидатор такое выдал...

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 23:28 28-10-2004
vladmir

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

Цитата:
0 font-family: You are encouraged to offer a generic family as a last alternative

Ну это понятно: нужно указывать список шрифтов и в конце семейство шрифтов - если в браузере не окажется ни одного из списка, то будет применён любой шрифт из "семьи" - sans-serif или serif
 
font:normal 14px verdana,arial,helvetica,sans-serif;
 

Цитата:
Line: 0 Context : body  
Property scrollbar-face-color doesn't exist : #ebebeb

Гадать не буду - приведи кусок CSS с body - что у тебя там со скроллбаром?
 
Что касается точки с запятой, то её функция - разделять, а в самом конце разделять-то нечего, по логике в идеале её там не должно быть. Спецификации читать лень, но надеюсь там такой вариант и подразумевается - не нужно, но и не мешает.

Всего записей: 2232 | Зарегистр. 22-01-2003 | Отправлено: 12:15 30-10-2004
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
body {background-color:#ffffff; margin:2px 2px 2px 0px; font-family:0.8em Verdana, Arial, Helvetica; scrollbar-face-color:#ebebeb; scrollbar-highlight-color:#ebebeb; scrollbar-shadow-color:#000000; scrollbar-3dlight-color:#003399; scrollbar-arrow-color:#6f4ab5; scrollbar-track-color:#ebebeb; scrollbar-darkshadow-color:#003399;}

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 19:22 01-11-2004
vladmir

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Xrobak
А, ну да - скроллбара же нет совсем в стандартах.
Работать в Ехплорере и, кажется, иногда в Опере, будет, а валидироваться не будет.
 

Цитата:
font-family:0.8em Verdana, Arial, Helvetica;

в font-family можно задавать только сами шрифты - без размеров:
font-family: verdana,arial,helvetica,sans-serif;
 
а лучше используй краткую форму:
font:0.8em verdana,arial,helvetica,sans-serif;
или с жирностью:
font:bold 0.8em verdana,arial,helvetica,sans-serif;

Всего записей: 2232 | Зарегистр. 22-01-2003 | Отправлено: 10:45 02-11-2004
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
1) про валидацию ясно...
2) сенкс, я просто переписывал код CSS и просмотрел что написано font-family у меня а не font
Спасибо! Пока все.
 
Добавлено

Цитата:
 
ul {list-style:url("/images/right_arrow.gif") circle}
 

 
когда применяется этот стиль к списку, то рисунок этот находится не по центру текста элемента списка, такое впечатление что у него вертикальное выравнивание стоит top.
Можно ли как-то его выровнять (middle or bottom)?
Читал спецификацию, и о выравнивании в списках там ничего такого не встретил, вот...

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 15:18 02-11-2004
vladmir

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

Цитата:
 
list-style:url
 
Можно ли как-то его выровнять (middle or bottom)?

В Мозилле - вертикально посередине (чуть ниже середины), в Ехплорере - вверху,  ничего специально для выравнивания нет.

Всего записей: 2232 | Зарегистр. 22-01-2003 | Отправлено: 10:10 03-11-2004
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
жаль :(
может в CSS3 уже появится такая возможность

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 13:55 03-11-2004
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Еще вопрос: когда лучше использовать единицу измерения PT, а когда PX ? А то у меня в стилях присутсвуют и pt(больше всего) и px.

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 22:32 03-11-2004
bredonosec



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

Цитата:
когда лучше использовать единицу измерения PT, а когда PX ?  
- Пикселы - абсолютный размер пикселя. То есть, если твой проект будут смотреть на экране с разным размером пиксела, выглядеть будет по-разному.
 Пункты же(pt), как и линии (em - (стандартная?) высота шрифта), (ex) привязаны к размеру шрифта. Единственное исключение - для размера шрифта - по размеру ролительского.
 Кроме того, есть еденицы pc (picas),  cm, in (inches)..
Все это гораздо более подробно описано в спецификации, которую, как уверяешь, ты недавно читал.
(раздел 6 Еденицы измерения, CSS1 )

Всего записей: 16256 | Зарегистр. 13-02-2003 | Отправлено: 22:50 03-11-2004 | Исправлено: bredonosec, 22:52 03-11-2004
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
да, читал(какие единицы есть тоже знаю) и про цсс2 в том числе, просто не понял на практике что лучше применять.
Т.е. я так понял что мне нужно использовать пункты в связке с em.

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 14:02 04-11-2004
bredonosec



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

Цитата:
Т.е. я так понял что мне нужно использовать пункты в связке с em.
По идее, предпочтительно.  
Хотя, возможно, могут быть исключения.

Всего записей: 16256 | Зарегистр. 13-02-2003 | Отправлено: 09:01 05-11-2004
vladmir

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

Цитата:
По идее, предпочтительно.

Я бы переиначил - предпочтения по идеям.
Мне наиболее симпатична связка:
- px для меню, копирайтов и т.п.  
- x-small для основного текста.  
- иногда - проценты
 
Нафига пункты вообще не в курсе.

Всего записей: 2232 | Зарегистр. 22-01-2003 | Отправлено: 14:34 05-11-2004
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
во-во... вроде описано что за единицы есть, а вот реально на практике когда сталкиваешся, то задумываешся... на чем же остановить свой выбор, и сидиш гадаеш...
Я сейчас использую em для основного текста и ссылок в основном тексте, чтобы можно было размер шрифта изменять; а вот pt - уже в менюшке и копирайтах, так как там изменять размер шрифта не нужно...

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 23:11 05-11-2004
IDreamer



Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Привет! Я зеленый в css, сайт по шаблону jobhelp.narod.ru Вот проблема: иногда навожу мышкой на меню слева(Регистрация......Подпишись на рассылку) и оно пропадает в никуда, пустое место. Что это? На страницах в этом меню явно есть ошибки, но я не шарю как их можно легко исправить. Помогите.

Всего записей: 479 | Зарегистр. 22-11-2002 | Отправлено: 15:06 07-11-2004
Открыть новую тему     Написать ответ в эту тему

Страницы: 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

Компьютерный форум 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