Форум PHP программистов > Как правильно подключить css файл?

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Как правильно подключить css файл?

zvezda_t

13.05.2011 - 09:13

Всем привет!

Подскажите, мне пожалуйста, где у меня ошибка?

Так работает:

print "
<style type='text/css'>
	<!--
	
	.new_bid th {
		background-color: #DDDDEE;	
	}
	-->
</style>	
"; 

print "<table class='new_bid'>
			<tr>
				<th >дата</th>
				<th >время</th>				
			</tr>						
</table>";

А так не работает:

echo "<style type='text/css' src='style/style.css'></style>";		   
print "<table class='new_bid'>
			<tr>
				<th >дата</th>
				<th >время</th>				
			</tr>						
</table>";

style.css:

/*класс для таблицы  */
	
.new_bid th {
	background-color: #DDDDEE;	
}

Спустя 4 минуты, 10 секунд (13.05.2011 - 08:18) Invis1ble написал(а):

Попробуй так:

<link href="style/style.css" rel="stylesheet" type="text/css" />

Спустя 12 минут, 23 секунды (13.05.2011 - 08:30) zvezda_t написал(а):

Сначало не помогло, а когда полный путь прописала:
'http://". $_SERVER['HTTP_HOST'] ."/function/style/style.css'
заработало!

Invis1ble, Спасибо!

А почему так надо писать?

Спустя 2 минуты, 22 секунды (13.05.2011 - 08:32) Invis1ble написал(а):

Как именно? Если ты о теге link - то чесно говоря я не знаю, просто всегда так пишу...

Спустя 2 минуты, 14 секунд (13.05.2011 - 08:35) zvezda_t написал(а):

Цитата (Invis1ble @ 13.05.2011 - 11:32)

Если ты о теге link - то чесно говоря я не знаю, просто всегда так пишу...

Ясно) теперь я тоже так буду писать

Спустя 2 минуты, 37 секунд (13.05.2011 - 08:37) alex12060 написал(а):

Эт стандарт по-моему...

Спустя 25 секунд (13.05.2011 - 08:38) inpost написал(а):

zvezda_t
Полный путь... можно указывать относительный корня, а путь до корня прописывать в теге <base>

Спустя 9 минут, 54 секунды (13.05.2011 - 08:48) zvezda_t написал(а):

Цитата

Полный путь... можно указывать относительный корня, а путь до корня прописывать в теге <base>

inpost
я что то не поняла... можно примерчик?

И еще сейчас стала стили для своей таблицы прописывать:
что то моя рамка не окрасилась( не правильно написала?

.new_bid  {
	background-color:#EEEEFF;
	border: 2;
	border-color: #2900ff;
	width: 100%;
}

.new_bid th {
	background-color:#DDDDEE;
	border: 2;
	border-color: #ff2400;
	text-align: center;
}

Спустя 14 минут, 15 секунд (13.05.2011 - 09:02) killer8080 написал(а):

.new_bid  {
	background-color:#EEEEFF;
	border: 2px solid #2900ff;
	width: 100%;
}

Спустя 42 минуты, 43 секунды (13.05.2011 - 09:44) zvezda_t написал(а):

killer8080 спасибо!

Я когда так делаю, у меня прерывистая линия получается под строкой заголовков(разрыв из за внутренних границ таблицы),
можно её как то сплошной сделать?

.new_bid  {
	background-color:#d5d5d5;
	border: 1px solid #808080;
	width: 100%;
}

.new_bid th {
	background-color:#DDDDEE;
	border-bottom: 1px solid #808080;
	text-align: center;
}

Спустя 10 минут, 35 секунд (13.05.2011 - 09:55) inpost написал(а):

<head>
<base href="http://<?php echo $_SERVER['HTTP_HOST']; ?>" />
<link href="/function/style/style.css" rel="stylesheet" type="text/css" />

Спустя 30 минут, 42 секунды (13.05.2011 - 10:26) killer8080 написал(а):

Цитата (zvezda_t @ 13.05.2011 - 09:44)

Я когда так делаю, у меня прерывистая линия получается под строкой заголовков(разрыв из за внутренних границ таблицы),
можно её как то сплошной сделать?

Для таблицы задать атрибут cellspacing="0"
можно через стили border-spacing: 0, но он вроде не поддерживается в IE7(IE6).

Спустя 42 минуты, 6 секунд (13.05.2011 - 11:08) zvezda_t написал(а):

killer8080 спасибо!

Спустя 14 минут, 15 секунд (13.05.2011 - 11:22) zvezda_t написал(а):

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

Спустя 49 минут, 5 секунд (13.05.2011 - 12:11) Winston написал(а):

Поставь вместо

Цитата (zvezda_t @ 13.05.2011 - 08:44)

border-bottom: 1px solid #808080;

border: 1px solid #808080;

И будет и рамка таблицы и рамка заголовков одного цвета.

Спустя 4 минуты, 2 секунды (13.05.2011 - 12:15) zvezda_t написал(а):

PHPprogramer
Но тогда у меня рамка заголовка совместится с внешней рамкой и получаются очень жирные контуры - не красиво(

Спустя 14 минут, 51 секунда (13.05.2011 - 12:30) Winston написал(а):

Можно так написать

.new_bid  {
	background-color:#d5d5d5;
	border: 1px solid #808080;
    padding: 1px;
	width: 100%;
}

И будет внешняя и внутренняя рамка

Или вместо padding:1px; добавить cellspacing="1" в тег таблицы

Спустя 5 часов, 22 минуты, 13 секунд (13.05.2011 - 17:52) MNO121280 написал(а):

Чтобы была сплошная рамка надо написать table {border-collapse: collapse; }

Я всгда так делаю и все нормально работает.

Спустя 2 дня, 19 часов, 33 минуты, 27 секунд (16.05.2011 - 13:26) zvezda_t написал(а):

Совсем запуталась((
Помогите пожалуйста!!!

У меня есть таблица, в ней еще три таблицы, как мне сделать чтобы между внутренними таблицами не было пустот?

<table class='graph'>
<tr >
      <td>
              <table class='graph_t0'>
	         <tr >
                        <td>..</td>
                 </tr>
              </table>
        </td>
        <td>
                <table class='graph_t1'>
	         <tr >
                        <td>..</td>
                 </tr>
              </table>
       </td> 
       <td>
               <table class='graph_t2'>
	         <tr >
                        <td>..</td>
                 </tr>
              </table>
       </td>
</tr>
</table>

Спустя 10 минут, 30 секунд (16.05.2011 - 13:36) Winston написал(а):

Ты это имеешь ввиду ?

table tr td
{
    padding: 0;
    margin: 0;
}

Спустя 1 минута, 55 секунд (16.05.2011 - 13:38) sharki написал(а):

У table есть собственные атрибуты св-в

<table  border="0" cellspacing="0" cellpadding="0">

Спустя 4 минуты, 45 секунд (16.05.2011 - 13:43) zvezda_t написал(а):

PHPprogramer, именно это! Ты меня спас!!!)))

sharki, PHPprogramer
спасибо вам огромное

Спустя 31 секунда (16.05.2011 - 13:43) Winston написал(а):

sharki
Но это нужно будет прописывать каждой таблице
А еще так можно

table
{
    border-spacing: 0;
}

Спустя 21 минута, 7 секунд (16.05.2011 - 14:05) Krevedko написал(а):

сурово. первый раз верстаешь ?

Спустя 8 минут, 15 секунд (16.05.2011 - 14:13) zvezda_t написал(а):

Krevedko
не первый) но я обычно всё прям в теги таблицы пишу, и не очень красиво получается, а через css первый, можно сказать, да ) ты прав

Спустя 2 минуты, 53 секунды (16.05.2011 - 14:16) Krevedko написал(а):

ну просто
<table border="0" cellspacing="0" cellpadding="0">
это вообще азы верстки 0_О

Спустя 9 минут, 47 секунд (16.05.2011 - 14:25) zvezda_t написал(а):

Krevedko
а я не знаю

Спустя 11 минут (16.05.2011 - 14:36) Krevedko написал(а):

ок. что смогу-помогу )
хотя тут смотрю помогают уже )))
я сам учил методом тыка, только я верстать научился гораздо раньше, чем програмить

Спустя 12 минут, 15 секунд (16.05.2011 - 14:49) Winston написал(а):

Krevedko
Я тоже практически не умел верстать. Пока не попал на работу 2 мес. назад, а там джумлу используют, потому верстке пришлось научится очень быстро. Т.к. стандартные шаблоны не катят, самому нужно верстать, да еще и блоками.

Спустя 4 минуты, 45 секунд (16.05.2011 - 14:53) Rem написал(а):

Цитата

cellspacing="0" cellpadding="0"

это уже устарело :)

Спустя 2 минуты, 39 секунд (16.05.2011 - 14:56) sharki написал(а):

Rem
Зато работает

А как надо грамотнее тогда?

Спустя 29 секунд (16.05.2011 - 14:57) zvezda_t написал(а):

Rem
а как правильно?

Спустя 1 минута, 37 секунд (16.05.2011 - 14:58) Winston написал(а):

Цитата (sharki @ 16.05.2011 - 13:56)

А как надо грамотнее тогда?

border-spacing

Спустя 22 секунды (16.05.2011 - 14:59) zvezda_t написал(а):

Где то я находила картинку, где нарисованы все отступы и подписаны рядом свойства...
А сейчас не могу найти.
Подскажите пожалуйста, кто знает ссылочку

Спустя 1 минута, 8 секунд (16.05.2011 - 15:00) killer8080 написал(а):

Цитата (Rem @ 16.05.2011 - 14:53)

это уже устарело

зато абсолютно кроссбраузерно

Спустя 1 минута, 35 секунд (16.05.2011 - 15:01) killer8080 написал(а):

zvezda_t
есть отличный онлайн справочник по html/css - htmlbook.ru

Спустя 3 минуты, 13 секунд (16.05.2011 - 15:05) Rem написал(а):

http://htmlcssjs.ru/HTML/?21

вот здесь валидный способ задания для всех браузеров :) а так, htmlbook рулит весьма, лучше него на русском ничего нет

Спустя 2 дня, 10 часов, 38 минут, 52 секунды (19.05.2011 - 01:43) Dmitriy29 написал(а):

.new_bid {
background-color:#d5d5d5;
border: 1px solid #808080;
width: 100%;
border-spacing: 0
}

.new_bid th {
background-color:#DDDDEE;
border-bottom: 1px solid #808080;
text-align: center;
border: 1px solid #808080;
}

_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)

Быстрый ответ:

Здесь расположена полная версия этой страницы.