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

HTML+CSS+JavaScript

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

 

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

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

тема: Как умешить ширину ячейки в таблице? (height не работает)
 
 автор: semia777   (27.10.2006 в 10:45)   письмо автору
 
 

Прошу специалистов просветить, как решить следующую проблему:

При формировании лицевой страницы сайта весь материал размещен в несколько таблицах, помещенных друг в друга. В одной из ячеек таблицы находится название, написанное шифром Н1.
В результате этого получается довольно широкая ширина ячейки. Параметр height не уменьшает ширину ячейки.
Вставил в голову выражение, регулирующее ширину пробела между строк
<style type=text/css>
h1{line-height: 90%}
это уменьшило пробел между строк и пробел между строкой и верхней границей ячейки, но и пробел между строкой и нижней границей ячейки осталось прежний.
Вопрос 1:
Как уменьшить пробел между строкой, написанной шифром Н1 и нижней границей ячейки ?

Также в одной ячейке написано название раздела шифром <p><font size='4' >
Во второй ячейке шифром <p><font size='3' >, в третьей шифром <p><font size='2' >
Параметр height также не уменьшает ширину ячейки.

Вопрос2: Как в этих случаях уменьшить ширину ячеек?

   
 
 автор: AlexSol   (27.10.2006 в 10:50)   письмо автору
 
   для: semia777   (27.10.2006 в 10:45)
 

ответ первый: height - это высота, widht - ширина.

используете стили

<style>
h1{
margin:0;
padding: 1px 2px 3px 4px
}
</style>
в padding меняйте значения на нужные - перечислены все отступы по часовой стрелке, начиная с верхнего

ответ второй: откажитесь от конструкций где есть <font>.

   
 
 автор: semia777   (31.10.2006 в 17:50)   письмо автору
 
   для: AlexSol   (27.10.2006 в 10:50)
 

А как тогда задавать величину букв шрифта? То есть как изменить выражение <p><font size='4' ?

   
 
 автор: ddhvvn   (31.10.2006 в 19:12)   письмо автору
 
   для: semia777   (31.10.2006 в 17:50)
 

Большинство элементов поодреживают стилевое свойство font-size. Например, <p style="font-size: 12pt">Текст размеров в 12pt</p>

   
 
 автор: Lelik   (31.10.2006 в 21:21)   письмо автору
 
   для: semia777   (31.10.2006 в 17:50)
 


<style>
body {font-family: Arial; font-size:10pt;}
td {font-family: Arial; font-size:10pt;}
</style>

   
 
 автор: semia777   (31.10.2006 в 22:31)   письмо автору
 
   для: Lelik   (31.10.2006 в 21:21)
 

А если в тексте встречаются <p><font size='-1' и <p><font size='+0' и <p><font size='+1'
а в таблице <p><font size='2' и <p><font size='3' , что делать в этом случае?

   
 
 автор: AlexSol   (01.11.2006 в 09:44)   письмо автору
 
   для: semia777   (31.10.2006 в 22:31)
 

внутри элемента <p> можно использоть <span>, которому явно, или через стили прописывается размер шрифта:



<p>fpwjefl jnlfn lfnwl f<span style='font-size:8px'>edwed</span></p>

   
 
 автор: semia777   (01.11.2006 в 16:26)   письмо автору
 
   для: AlexSol   (27.10.2006 в 10:50)
 

Вот у меня такая шапка HTML страницы:

<!DOCTYPE html PUBLIC \//W3C//DTD XHTML 1.0 Strict//EN"
"DTD/xhtml1-strrict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<heard>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link href="styles/st.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
h1 {margin:0;line-height: 90%;
padding: 100px 100px 100px 0px }

h2 {margin:0;line-height: 90%;
padding: 100px 100px 100px 0px }
</style>
</heard>

Отдельно есть страница стилей.
Движок к сайту писали по заказу и
тогда появилась строка <link rel="stylesheet" type="text/css" href="style.css">

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

h1 {margin:0;line-height: 90%;
padding: px px px px }

h2 {margin:0;line-height: 90%;
padding: px px px px } это расстояние стало минимальным и при подставлении потом любых значений
( например:

h1 {margin:0;line-height: 90%;
padding: 100px 100px 100px 0px }

h2 {margin:0;line-height: 90%;
padding: 100px 100px 100px 0px }

оно не меняется.

Может быть у меня в шапке документа что-то не так написано?

   
 
 автор: AlexSol   (01.11.2006 в 16:56)   письмо автору
 
   для: semia777   (01.11.2006 в 16:26)
 

а чего гадать? прикрепите html и css файлы.

   
 
 автор: semia777   (05.11.2006 в 19:21)   письмо автору
 
   для: semia777   (01.11.2006 в 16:26)
 

А теперь у меня почему-то все заработало!!!

   
 
 автор: semia777   (05.11.2006 в 19:26)   письмо автору
 
   для: AlexSol   (27.10.2006 в 10:50)
 

А как сделать:
1.Чтобы эти стили работали для текста ( параметра "р") в одной таблице и не работали для другой?
2. Чтобы в одной таблице в тексте было бы увеличенное расстояние между буквами, а в другой таблице оно осталось прежним?

   
 
 автор: Lelik   (05.11.2006 в 19:29)   письмо автору
 
   для: semia777   (05.11.2006 в 19:26)
 

1, 2. Две разные таблицы стилей. Или разные классы для тегов "p"

   
 
 автор: semia777   (05.11.2006 в 19:43)   письмо автору
 
   для: Lelik   (05.11.2006 в 19:29)
 

Какие?
Все что я перерыл не позволило решить эту задачку!

   
 
 автор: Lelik   (05.11.2006 в 19:48)   письмо автору
 
   для: semia777   (05.11.2006 в 19:43)
 

делается так:

<link rel="stylesheet" type="text/css" href="style1.css">
<!-- <link rel="stylesheet" type="text/css" href="style2.css"> -->

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

Но лучше через классы

<p class="first">text</p>
<p class="second">text</p>

в стилях задаем:

p {margin:0; padding:0;}
p.first {стиль для абзацев класса first}
p.second {стиль для абзацев класса second}

   
 
 автор: AlexSol   (05.11.2006 в 19:58)   письмо автору
 
   для: Lelik   (05.11.2006 в 19:48)
 

все проше:


<table class=s1> ................<p>...............</p>.............. </table>



<style>
table.s1{}
table.s1 p{}
</style>

таких конструкций может быть сколько угодно

   
 
 автор: Lelik   (05.11.2006 в 19:59)   письмо автору
 
   для: AlexSol   (05.11.2006 в 19:58)
 

тоже интересно, а если страница без таблиц. Но во всяком случае оба варианта имеют право на существование :)

   
 
 автор: AlexSol   (05.11.2006 в 20:38)   письмо автору
 
   для: Lelik   (05.11.2006 в 19:59)
 

ну, вопрос был про таблицы... (я твоего ответа прочел только первею часть, она мне не понравилась и далее не дочитал, сори )

>>делается так:
>><link rel="stylesheet" type="text/css" href="style1.css">
>><!-- <link rel="stylesheet" type="text/css" href="style2.css"> -->
>>на страницу подключается тот стиль, который необходим.
------------------------------
механизм не ясен.
запись <!-- <link rel="stylesheet" type="text/css" href="style2.css"> --> ничего не подключет. тогда уж комментарии не нужны.

   
 
 автор: Lelik   (05.11.2006 в 21:32)   письмо автору
 
   для: AlexSol   (05.11.2006 в 20:38)
 

>механизм не ясен.
>запись <!-- <link rel="stylesheet" type="text/css" href="style2.css"> --> ничего не подключет. тогда уж комментарии не нужны.

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

   
 
 автор: aexb   (01.11.2006 в 21:22)   письмо автору
 
   для: semia777   (27.10.2006 в 10:45)
 

гм... я извиняюсь, но за ширину всегда отвечал параметр width... a height - это высота...
:)

   
Rambler's Top100
вверх

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