| |
 205.6 Кб |
|
| | Во всех браузерах но с разрешением экрана 1280х1024 слой с номером выходит за нужные ему пределы.
Я делал на своем ноуте с разрешением 1280х800 и номер нормально вписывается во всех браузерах.
Как можно это решить?
div.phone{
color:d7dfe3;
position: absolute; left: 800; top: 45; width:170px;
font-family:Arabic Typesetting;
font-size:60;
}
div.phcode{
color:d7dfe3;
position: absolute; left: 730; top: 60;
font-family:Arabic Typesetting;
font-size:40;
}
<body>
<table border="0" cellspacing="0" cellpadding="0" width="980" align="center">
<tr>
<td colspan="3"><div style="position: relative;">
<div style="position: absolute; top: 0px; left: 0px; width: 340px; height: 120px;"> <a href="index.php"><img src="images/spacer.jpg" width="340" height="122" border="0" title="На главную" style="opacity: 0.0;filter: alpha(opacity=0);"></a> </div>
<div class="navbar">
<table>
<tr>
<td class="nav"><a href="index.php"><img src="images/navbar/h_out.jpg" id="hh" onmouseover="show(10)" onmouseout="hide(10)" title="На главную"></a></td>
<td class="nav"><a href="sitemap.php"><img src="images/navbar/map_out.jpg" id="map" onmouseover="show(11)" onmouseout="hide(11)" title="Карта сайта"></a></td>
<td class="nav"><a href="feedback.php"><img src="images/navbar/env_out.jpg" id="env" onmouseover="show (12)" onmouseout="hide(12)" title="Обратная связь"></a></td>
</tr>
</table>
</div>
<div class="phcode">(812)</div>
<div class="phone">934-34-97</div> | |
| |
|
|
| |
|
|
| |
для: Bobinho
(28.06.2011 в 19:25)
| | | а шрифт-то тот?
если название это более одного слова - пишут в кавычках, а размер меряют в единицах
font-family:"Arabic Typesetting";
font-size:60px;
|
+ шрифт надо подключать | |
| |
|
|
| |
|
|
| |
для: AlexSol
(28.06.2011 в 20:51)
| | | А еще вопрос.
В любом IE у меня съезжает менюшка влево и добавляется фон не в том месте.
http://s58.radikal.ru/i162/1106/57/9d48f28ee3a4.jpg вот тут скриншот
В первом вложенном файле видно как есть в других браузерах.
td.topmenu
{
text-align:center;
height:32;
no-repeat;
border:1px solid #b1b1b1;
}
<body>
<table border="0" cellspacing="0" cellpadding="0" width="980" align="center">
<tr>
<td colspan="3"><div style="position: relative;">
<div style="position: absolute; top: 0px; left: 0px; width: 340px; height: 120px;"> <a href="index.php"><img src="images/spacer.jpg" width="340" height="122" border="0" title="На главную" style="opacity: 0.0;filter: alpha(opacity=0);"></a> </div>
<div class="navbar">
<table>
<tr>
<td class="nav"><a href="index.php"><img src="images/navbar/h_out.jpg" id="hh" onmouseover="show(10)" onmouseout="hide(10)" title="На главную"></a></td>
<td class="nav"><a href="sitemap.php"><img src="images/navbar/map_out.jpg" id="map" onmouseover="show(11)" onmouseout="hide(11)" title="Карта сайта"></a></td>
<td class="nav"><a href="feedback.php"><img src="images/navbar/env_out.jpg" id="env" onmouseover="show (12)" onmouseout="hide(12)" title="Обратная связь"></a></td>
</tr>
</table>
</div>
<div class="phcode">(812)</div>
<div class="phone">934-34-97</div>
<div class="coord"><a href="coordinates.php" class="coordinates">Все координаты</a></div>
</div></td>
</tr>
<tr>
<td colspan="3" background="images/logo.jpg" height="122"> </td>
</tr>
<tr>
<td background="images/small_f_menu.jpg" width="35" height="36"> </td>
<td background="images/bg_menu.jpg" width="610" height="36">
<table cellspacing="1" cellpadding="0" border="0">
<tr>
<td class="topmenu" id="tm1" background="images/buttons/out.jpg" width="133" onmouseover="show(6)" onmouseout="hide(6)">
<a href="about.php" class="menu">О компании</a></td>
<td class="topmenu" id="tm2" background="images/buttons/out.jpg" width="193" onmouseover="show(7)" onmouseout="hide(7)">
<a href="prices.php" class="menu">Услуги и стоимость</a></td>
<td class="topmenu" id="tm3" background="images/buttons/out.jpg" width="153" onmouseover="show(8)" onmouseout="hide(8)">
<a href="realestate.php" class="menu">Недвижимость</a></td>
<td class="topmenu" id="tm4" background="images/buttons/out.jpg" width="126" onmouseover="show(9)" onmouseout="hide(9)">
<a href="innovations.php" class="menu">Инновации</a></td>
</tr>
</table>
</td>
В самом низу меню это | |
| |
|
|
| |
|
|
| |
для: Bobinho
(28.06.2011 в 21:32)
| | | d.topmenu
{
text-align:center;
height:32;
no-repeat;
border:1px solid #b1b1b1;
}
выделенное браузер не распознает.
размеры должны быть в каких-то единицах.
no-repeat это не свойство, а одно из значений background
background-repeat:no-repeat; | |
| |
|
|
| |
|
|
| |
для: AlexSol
(29.06.2011 в 09:24)
| | | topmenu это стиль для кнопочек.
а проблема возникает в строчке, где эти кнопки находятся, она почему-то растягивается.
<tr>
<td background="images/small_f_menu.jpg" width="35px" height="36px"> </td>
<td background="images/bg_menu.jpg" width="610px" height="36px">
<table cellspacing="1" cellpadding="0" border="0">
<tr>
<td class="topmenu" id="tm1" background="images/buttons/out.jpg" width="133px" onmouseover="show(6)" onmouseout="hide(6)">
<a href="about.php" class="menu">О компании</a></td>
<td class="topmenu" id="tm2" background="images/buttons/out.jpg" width="193px" onmouseover="show(7)" onmouseout="hide(7)">
<a href="prices.php" class="menu">Услуги и стоимость</a></td>
<td class="topmenu" id="tm3" background="images/buttons/out.jpg" width="153px" onmouseover="show(8)" onmouseout="hide(8)">
<a href="realestate.php" class="menu">Недвижимость</a></td>
<td class="topmenu" id="tm4" background="images/buttons/out.jpg" width="126px" onmouseover="show(9)" onmouseout="hide(9)">
<a href="innovations.php" class="menu">Инновации</a></td>
</tr>
</table></td>
<td background="images/logo_right.jpg" width="335px" height="36px"> </td>
</tr>
На скрине видно, что расстояние от края до кнопок меньше 35 пикселей, заданных мною.
А если убрать большие кнопки снизу, то всё сразу становится нормально. | |
| |
|
|
| |
|
|
| |
для: Bobinho
(29.06.2011 в 12:05)
| | | Никто не может помочь?( | |
| |
|
|
| |
|
|
| |
для: Bobinho
(02.07.2011 в 16:33)
| | | Увы, помочь Вам практически невозможно, ибо Вы не знаете основ синтаксиса HTML и CSS.
Например, Вам вполне справедливо указали, что в стилях необходимо указывать размерность для линейных размеров.
Но Вы не поняли, и стали указывать размерность в атрибутах.
Стили и атрибуты - две разные вещи. Очень похожие, но РАЗНЫЕ.
Атрибут, это когда есть символ =. Там размерности не надо (если только это не проценты).
А в правилах стиля - символ :. Там размерность ОБЯЗАТЕЛЬНА.
<table width="123"> - АТРИБУТ
<table style="width: 123px"> и <style>td {width: 123px}</style> - правила СТИЛЯ.
|
Теперь посмотрите на ту фигню, что Вы прописали в коде.
Кроме того, все те атрибуты, которые имеют прямые аналоги в CSS, употреблять НЕ СЛЕДУЕТ. В спецификациях это прямо ЗАПРЕЩЕНО. Сиречь
<table width="123">, <img width="123"> - писать вообще давно уже НЕЛЬЗЯ.
|
| |
| |
|
|
| |
|
|
| |
для: АЯ
(02.07.2011 в 17:57)
| | | Резкую критику принимаю.
<table width="123">, <img width="123"> - писать вообще давно уже НЕЛЬЗЯ.
|
В то время, когда я учил это всё, все так делали, да и сейчас тоже на многих сайтах.
Т.е. получается если не создавать класс, то нужно писать
<table style="width: 123px">
|
вместо ? И так нужно для всех тэгов, атрибуты которых имеют аналог в CSS?
А где можно посмотреть список атрибутов, которые имеют прямые аналоги в CSS?
Я просто всю эту тему делаю в блокноте, не в редакторе, поэтому мне никто не указывал на ошибки и т.д. | |
| |
|
|
| |
|
|
| |
для: Bobinho
(02.07.2011 в 18:52)
| | | Вопрос - А ПРИЧЁМ ТУТ КЛАССЫ?
Ведь класс - это всего лишь один из способов оформления правила стилей.
Повторяю для тех, кто "на бронетранспортёре" - в правилах стиля размерность указывается ОБЯЗАТЕЛЬНО.
И ещё раз повторяю: атрибуты, если имеются аналоги в стилях, использовать НЕЛЬЗЯ.
Вместо атрибутов надо использовать правила стилей.
Как именно?
Да как угодно:
- или напрямую в теге (используя атрибут style)
- или в стилевом блоке, указывая тег или id тега
- или во внешнем стилевом файле (опять же указывая тег или id тега)
- или создавая класс (в стилевом блоке или во внешнем файле).
Во ВСЕХ этих четырёх случаях указывать размерность необходимо ОБЯЗАТЕЛЬНО.
-----
Все те атрибуты, кои в пятом столбце таблицы http://www.w3.org/TR/1999/REC-html401-19991224/index/attributes.html имеют букву D - они практически все имеют прямые аналоги в стилях. И потому - Deprecated (ЗАПРЕЩЕНЫ). | |
| |
|
|
| |
|
|
| |
для: АЯ
(02.07.2011 в 19:13)
| | | Я всё понял. Спасибо!
Сейчас всё поменяю.
И посмотрю, решит ли это проблему или нет. | |
| |
|
|
| |
|
|
| |
для: Bobinho
(02.07.2011 в 19:29)
| | | Ну я сделал, вроде, как надо. Не получается
Тут можно в сети посмотреть. Только главная работает
http://apmconsult.ru/ | |
| |
|
|
| |
|
|
| |
для: Bobinho
(02.07.2011 в 19:29)
| | | Ну я сделал, вроде, как надо. Не получается
Тут можно в сети посмотреть. Только главная работает
http://apmconsult.ru/
в IE неправильно отображается верхнее меню. | |
| |
|
|
