|
Вопрос по html (h1)
|
|
Вторник, 15.05.2012, 02:26
Проверенный
Доброго времени суток. Подскажите пожалуйста по HTML немного, я конкретно не могу сформулировать вопрос, чтоб найти ответ на него в ПС. Буду очень признателен и поставлю "+" кто поможет.
На странице материала и комментариев к нему, я ключик заключаю в <h1>, и текст вскакивает к верху строки. Как мне избежать такой проблемы и сделать так, чтоб текст так же оставался посреди строки:
CSS:
h1 {color:#445588;text-transform:uppercase;font-size:9px;font-family:Tahoma,Verdana;}
Я еще не могу понять, почему текст в [h1] выделяется жирным, ведь в css этого не прописано. |
Пост отредактировал Kilik - Вторник, 15.05.2012, 02:30 |
|
Вторник, 15.05.2012, 06:26
Проверенный
Code font-weight:normal;line-height:20px;
У тега h1 по умолчанию стоит жирный шрифт.
По умолчанию обычный текст начинается слева сверху. Чтобы сделать отступ используют либо padding:0px; либо line-height:0px;, где line-height отвечает за высоту строки. |
Пост отредактировал 4ipusik - Вторник, 15.05.2012, 11:19 |
Вёрстка макетов под uCoz - http://megasoft.3dn.ru/forum/95-278021-1 |
|
Вторник, 15.05.2012, 11:12
Проверенный
Все равно не хочет работать!  |
|
Вторник, 15.05.2012, 11:18
Проверенный
или
и то и то правильно |
Пост отредактировал 4ipusik - Вторник, 15.05.2012, 11:18 |
Вёрстка макетов под uCoz - http://megasoft.3dn.ru/forum/95-278021-1 |
|
Вторник, 15.05.2012, 11:29
Проверенный
Quote (4ipusik) font-weight:normal;
Убрал жирность, но не опустил текст на середину! |
|
Вторник, 15.05.2012, 11:38
Проверенный
| Ну так вместо значения 20, поставь своё. Я же не могу догадываться какая у тебя там высота. |
Вёрстка макетов под uCoz - http://megasoft.3dn.ru/forum/95-278021-1 |
|
Вторник, 15.05.2012, 11:49
Проверенный
Вот что происходит, когда я пользуюсь line-height:23px; :
|
Пост отредактировал Kilik - Вторник, 15.05.2012, 11:49 |
|
Вторник, 15.05.2012, 12:08
Проверенный
| Либо выложи код весь, либо попробуй использовать padding:10px; |
Вёрстка макетов под uCoz - http://megasoft.3dn.ru/forum/95-278021-1 |
|
Вторник, 15.05.2012, 13:16
Проверенный
Quote (4ipusik) Либо выложи код весь, либо попробуй использовать padding:10px;
Code h1 {color:#445588;text-transform:uppercase;font-size:9px;font-family:Tahoma,Verdana; font-weight:normal; }
Code <tr> <td bgcolor="#E9ECF5"><img border="0" src="/diz/2.png" width="119" height="21"></td> <td bgcolor="#E9ECF5" width="362" background="/diz/3.png" align="center"><h1>Тв онлайн бесплатно</h1></td> <td bgcolor="#E9ECF5"><img border="0" src="/diz/1.png" width="119" height="21"></td> </tr> |
|
Вторник, 15.05.2012, 13:41
Проверенный
| А чего valign уже не работает? |
|
|
Вторник, 15.05.2012, 19:01
Проверенный
ILyeS, а как его правильно прописать? И куда?
Код страницы:
Code <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <script type="text/javascript">function chbg(t,f){if (f==1){t.style.background="url('/.s/t/111/1.gif')";}else {t.style.background="url('/.s/t/111/2.gif')";}}</script> </head> <body bgcolor="#FFFFFF" style="padding:5px;"> $ADMIN_BAR$ $GLOBAL_AHEADER$ <div style="padding:3px"></div> <!-- <middle> --> <table border="0" cellpadding="0" cellspacing="0" width="800" align="center"> <tr> <td valign="top" height="100%"> <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> <tr> <td bgcolor="#E9ECF5"><img border="0" src="/diz/2.png" width="119" height="21"></td> <td bgcolor="#E9ECF5" width="362" background="/diz/3.png" align="center"><h1>Тв онлайн бесплатно</h1></td> <td bgcolor="#E9ECF5"><img border="0" src="/diz/1.png" width="119" height="21"></td> </tr> <tr> <td colspan="3" class="topBorder" style="padding:3px;" width="600" height="100%" valign="top"><!-- <body> -->$CONTENT$<!-- </body> --></td> </tr> <tr> <td bgcolor="#E9ECF5"><img border="0" src="/diz/2.png" width="119" height="21"></td> <td bgcolor="#E4E8F3" width="100%" background="/diz/3.png" align="center"><noindex>$POWERED_BY$</noindex></td> <td bgcolor="#E9ECF5"><img border="0" src="/diz/1.png" width="119" height="21"></td></tr> </tr> </table> </td> </tr> </table> <!-- </middle> --> $GLOBAL_BFOOTER$ </body> </html> |
Пост отредактировал Kilik - Вторник, 15.05.2012, 19:06 |
|
Вторник, 15.05.2012, 19:09
Проверенный
Kilik, напиши в CSS
Попробуй
а)
padding-top:3px;
б)
margin-top:3px;Добавлено (15.05.2012, 19:09)
---------------------------------------------
<div style="margin-top:3px;"><h1>Тв онлайн бесплатно</h1></div> |
|
Вторник, 15.05.2012, 19:10
Проверенный
1PR1, первый и второй вариант работает, но максимум я могу поставить значение "4", если ставлю больше, то картинка на которой размещен текст - съезжает как на предыдущих скринах, а мне бы "5" было бы в самый раз  |
|
Вторник, 15.05.2012, 19:17
Проверенный
Kilik,
добавь по очереди
position: relative;
и
position: absolute;
И поиграйся с отступом.  |
|
Вторник, 15.05.2012, 19:21
Проверенный
| Спасибо ребята, я нашел решение. Дело в том, что в теге h1 присутствует перенос строки, что его убрать, нужно прописать в цсс: display: inline; и все, ловите плюсики! |
|
