|
|
|
| Прошу специалистов просветить, как решить следующую проблему:
При формировании лицевой страницы сайта весь материал размещен в несколько таблицах, помещенных друг в друга. В одной из ячеек таблицы находится название, написанное шифром Н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: Как в этих случаях уменьшить ширину ячеек? | |
|
|
|
|
|
|
|
для: semia777
(27.10.2006 в 10:45)
| | ответ первый: height - это высота, widht - ширина.
используете стили
<style>
h1{
margin:0;
padding: 1px 2px 3px 4px
}
</style>
в padding меняйте значения на нужные - перечислены все отступы по часовой стрелке, начиная с верхнего
|
ответ второй: откажитесь от конструкций где есть <font>. | |
|
|
|
|
|
|
|
для: AlexSol
(27.10.2006 в 10:50)
| | А как тогда задавать величину букв шрифта? То есть как изменить выражение <p><font size='4' ? | |
|
|
|
|
|
|
|
для: semia777
(31.10.2006 в 17:50)
| | Большинство элементов поодреживают стилевое свойство font-size. Например, <p style="font-size: 12pt">Текст размеров в 12pt</p> | |
|
|
|
|
|
|
|
для: semia777
(31.10.2006 в 17:50)
| |
<style>
body {font-family: Arial; font-size:10pt;}
td {font-family: Arial; font-size:10pt;}
</style>
|
| |
|
|
|
|
|
|
|
для: 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' , что делать в этом случае? | |
|
|
|
|
|
|
|
для: semia777
(31.10.2006 в 22:31)
| | внутри элемента <p> можно использоть <span>, которому явно, или через стили прописывается размер шрифта:
<p>fpwjefl jnlfn lfnwl f<span style='font-size:8px'>edwed</span></p>
|
| |
|
|
|
|
|
|
|
для: 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 }
оно не меняется.
Может быть у меня в шапке документа что-то не так написано? | |
|
|
|
|
|
|
|
для: semia777
(01.11.2006 в 16:26)
| | а чего гадать? прикрепите html и css файлы. | |
|
|
|
|
|
|
|
для: semia777
(01.11.2006 в 16:26)
| | А теперь у меня почему-то все заработало!!! | |
|
|
|
|
|
|
|
для: AlexSol
(27.10.2006 в 10:50)
| | А как сделать:
1.Чтобы эти стили работали для текста ( параметра "р") в одной таблице и не работали для другой?
2. Чтобы в одной таблице в тексте было бы увеличенное расстояние между буквами, а в другой таблице оно осталось прежним? | |
|
|
|
|
|
|
|
для: semia777
(05.11.2006 в 19:26)
| | 1, 2. Две разные таблицы стилей. Или разные классы для тегов "p" | |
|
|
|
|
|
|
|
для: Lelik
(05.11.2006 в 19:29)
| | Какие?
Все что я перерыл не позволило решить эту задачку! | |
|
|
|
|
|
|
|
для: 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}
|
| |
|
|
|
|
|
|
|
для: Lelik
(05.11.2006 в 19:48)
| | все проше:
<table class=s1> ................<p>...............</p>.............. </table>
|
<style>
table.s1{}
table.s1 p{}
</style>
|
таких конструкций может быть сколько угодно | |
|
|
|
|
|
|
|
для: AlexSol
(05.11.2006 в 19:58)
| | тоже интересно, а если страница без таблиц. Но во всяком случае оба варианта имеют право на существование :) | |
|
|
|
|
|
|
|
для: 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"> --> ничего не подключет. тогда уж комментарии не нужны. | |
|
|
|
|
|
|
|
для: AlexSol
(05.11.2006 в 20:38)
| | >механизм не ясен.
>запись <!-- <link rel="stylesheet" type="text/css" href="style2.css"> --> ничего не подключет. тогда уж комментарии не нужны.
я имел ввиду, что на страницу подключается необходимый стиль (в своем примере ненужный я закомментировал, чем и внес неясность, пардон) | |
|
|
|
|
|
|
|
для: semia777
(27.10.2006 в 10:45)
| | гм... я извиняюсь, но за ширину всегда отвечал параметр width... a height - это высота...
:) | |
|
|
|