Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: не действует CSS
 
 автор: gipper2006   (01.05.2007 в 18:45)   письмо автору
 
 

Доброго времени суток! Проблема такая! Пишу страничку в HTML, ставлю линк на внешнюю таблицу стилей

<LINK title="style" href="mng_dem.files/styles.css" type="text/css" rel="stylesheet">

Файл CSS Находится в каталоге mng_dem.files, а тот в свою очередь в одном каталоге с html страничкой. В файле SCC задал следующий селектор для элемента <TABLE>

TABLE { border-collapse: collapse;
border: 1px;}

но ничего с таблицей не происходит. Броузер рисует ее без линий (IE7).
Первый раз столкнулся с таблицами стилей и не могу понять как же менять стиль страницы при помощи CSS? Может надо задать полный url?

   
 
 автор: AlexSol   (01.05.2007 в 18:57)   письмо автору
 
   для: gipper2006   (01.05.2007 в 18:45)
 

возможно мешает точка в пути к файлу.

   
 
 автор: gipper2006   (01.05.2007 в 19:04)   письмо автору
 
   для: AlexSol   (01.05.2007 в 18:57)
 

В смысле точка в имени каталога mng_dem.files ? Если честно, то я так задал имя, потому-что во всех страницах сайтов имена каталогов с изображениями и скриптами страницы пишутся именно так. Хотя я пробовал и без точки. Все-равно не катит.

   
 
 автор: Valick   (01.05.2007 в 19:38)   письмо автору
 
   для: gipper2006   (01.05.2007 в 19:04)
 

Перенеси файл CSS в один каталог с html страничкой, и попробуй просто:

<link rel="StyleSheet" type="text/css" href="styles.css">

И ещё, попробуй:

TABLE {border-collapse: collapse; border: solid 1px black;}

   
 
 автор: sim5   (01.05.2007 в 19:52)   письмо автору
 
   для: gipper2006   (01.05.2007 в 19:04)
 

А если так
border: 1px solid;

   
 
 автор: ilyaILF   (01.05.2007 в 20:12)   письмо автору
 
   для: sim5   (01.05.2007 в 19:52)
 

Согласен с sim5:
table
    {border-collapse: collapse; border: 1px dotted #000; width: 100%;}
td
    {border: 1px dotted #000;}

остается только проверить названия файлов стилей при их подключении в коде HTML. Запись border: 1px dotted #000; для table создает внешнюю границу таблицы, а border: 1px dotted #000; для td - внутренние границы таблицы.

   
 
 автор: CNT   (01.05.2007 в 20:01)   письмо автору
 
   для: gipper2006   (01.05.2007 в 18:45)
 

1. Для проверки правильности пути поместите (временно) в папку mng_dem.files какую-нить картинку mypic.gif, а в тексте файла (сразу после тега <BODY>, и тоже - временно) тег <IMG SRC="mng_dem.files/mypic.gif">. Если браузер картинку покажет, значит, и файл подключается.

2. Правило TABLE { border-collapse: collapse; border: 1px;} неграмотное. Свойство border-collapse: collapse, определённое в правилах, "погасит" любое значение ширины бордера
Проверьте в браузере:
Вариант 1:

<table border="1" cellpadding="10" style="border-collapse: collapse; border: 1px">
<tr><td>Толщина бордера 1px</td></tr></table>

Вариант 2:

<table border="1" cellpadding="10" style="border-collapse: collapse; border: 20px">
<tr><td>Толщина бордера всё-равно 1px, хоть и написано 20px</td></tr></table>


3. Обратите внимание на выделенный жирно (в обоих вариантах) атрибут border="1" - при отсутствии его в коде в явном виде border-collapse: collapse работать не будет. Поэкспериментируйте.

   
 
 автор: Valick   (01.05.2007 в 20:07)   письмо автору
 
   для: CNT   (01.05.2007 в 20:01)
 

У меня всё работает(ширина в 5px), правда проверял только в IE.
И естественно, на мой взгляд если уж, использую CSS, то должно быть <table> и ничего кроме.

   
 
 автор: CNT   (01.05.2007 в 20:20)   письмо автору
 
   для: Valick   (01.05.2007 в 20:07)
 

Значит, вам повезло, раз у вас всё работает.
Всем прочим, однако, не повезло.

PS.
1. У меня в браузере MSIE6.0 любое значение ширины бордера никак не влияет на его фактическую ширину - она остается равной 10му пикселю.

2. В браузерах FF2 и Opera8.52 добавление правила border: чего-то там визуально удаляет бордер вовсе.

3. Во всех трех перечисленных браузерах при удалении атрибута border="1" бордер исчезает.


PS2. "А машинка у вас какой системы?"(с)

   
 
 автор: Valick   (01.05.2007 в 20:27)   письмо автору
 
   для: CNT   (01.05.2007 в 20:20)
 

Полно вам прикалваться) Я знаю что по части CSS мне до вас далеко.
Проверил в Лисе - сносно, а в опере чёт галиматья какаят. А вот в Ослике всё работает, я не виноват!)

   
 
 автор: Valick   (01.05.2007 в 20:36)   письмо автору
 
   для: CNT   (01.05.2007 в 20:20)
 

Залез в книгу.
"Однако при указании значения border-collapse: collapse; и при использовании атрибута cellpadding возникает проблема. Согласно спецификации свойство border-collapse имеет приоритет перед cellpadding, но при работе браузера отображаются раздельные рамки."
...
"На данный момент единственным браузером, корректно обрабатывающим данное свойство, является Опера."

Вот засада....

   
 
 автор: Valick   (01.05.2007 в 20:39)   письмо автору
 
   для: CNT   (01.05.2007 в 20:20)
 

А машинка у вас какой системы?
Атлон 64 под Виндовз Ха Эр Сервиз Пак Ту

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования