| |
 14.7 Кб |
|
| | одинаковый стиль CSS:
<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<title>Hitachi</title>
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
font-family: Verdana, Tahoma, arial, geneva, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background-color: #ffffff;
}
div#header {
width:695px;
height:20px;
}
div#pathway {
height:20px;
width:100%;
font-size: 11px;
background-color:#000000;
color:#999999;
float:left;
padding-left:10px;
}
div#home_button {
border-left:1px dashed #CCCCCC;
border-right:1px dashed #CCCCCC;
background-color:#BD1618;
width:120px;
height:20px;
float:right;
text-align:center;
color:#FFFFFF;
}
div#shop_button {
background-color:#000000;
width:120px;
height:20px;
float:right;
text-align:center;
color:#999999;
}
div#slogan {
background-image:url('images/header.gif');
background-repeat:no-repeat;
background-position:right bottom;
height:95px;
width:695px;
}
img#vcenter {
vertical-align:middle;
}
-->
</style>
</head>
<body>
<div id="header">
<div id="pathway">
<div id="shop_button">shop</div>
<div id="home_button">home</div>
<img src="images/pathway.gif" width="5" height="3" alt="" id="vcenter" /> hitachi-test.ru
</div>
</div>
</body>
</html>
|
В IE выводит прекрасно, ровно (скрин в аттаче). Но Firefox смещает... Навига? :(
Может, это особенность XHTML? Мне нужно именно XHTML, работодател. так надо.... | |
| |
|
|
| |
|
|
| |
для: fix
(08.06.2008 в 19:48)
| | | Вы бы ещё добавили в аттач ВСЕ файлы рисунков, используемых в коде - тогда можо ПРЕДМЕТНО говорить. А так - трудно понять, из-за чего происходит смещение, не зная истинных размеров рисунков. | |
| |
|
|
| |
|
|
| |
для: PAT
(08.06.2008 в 20:48)
| | | вот именно что больше нет никаких рисунков.
Вроде бы простейший код (сайт только начал верстать), а тут такой сюрприз.
Там серьезно больше ничего нет... Это и поставио меня в тупик...
А рисунок pethway.gif маленький, 3*6 px, и все.... | |
| |
|
|
| |
|
|
| |
для: FiX
(08.06.2008 в 21:14)
| | | Мда... товарищ не понимает... тупой, видимо... или, наоборот, острый...
Рисунок images/header.gif участвует в формировании рисунка? ДА!!!!!
Смещение происходит именно относительно него? ДА!!!!!
ГДЕ ЭТОТ РИСУНОК?
Нам надо его выдумывать или самим рисовать.
Повторяю, ВСЕ рисунки заархивируйте и положите в аттач.
Тогда получите соображения - что надо изменить в коде, чтобы получилось в FF также, как и в MSIE. | |
| |
|
|
| |
5 Кб |
|
| |
для: PAT
(08.06.2008 в 21:32)
| | | м-да, признаюсь, ступил... чето я про эту картинку забыл...
Вот они все рисунки... | |
| |
|
|
| |
|
|
| |
для: FiX
(08.06.2008 в 21:37)
| | | Мда... "тупите" вы не по-детски :-)
И где же у вас DIV с id="slogan", который на скринах реально виден, а в HTML-кодах отсутствует?
Картинки "получил" со второго раза... Интересно, сколько раз надо будет объяснять, что изображенное на скриншотах НИКАК не соответствует приведенному коду ни в одном из браузеров? :-) | |
| |
|
|
| |
|
|
| |
для: PAT
(09.06.2008 в 00:51)
| | | да, все, короче выгляжу как полный чайник, который только что взялся за изучение HTML.
Просто код я немного подправял, вот и получилась такая хрень.
Полный код:
<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<title>Hitachi</title>
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
font-family: Verdana, Tahoma, arial, geneva, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background-color: #ffffff;
}
div#head {
width:640px;
height:20px;
}
div#pathway {
height:20px;
width:100%;
font-size: xx-small;
background-color:#000000;
color:#999999;
float:left;
padding-left:10px;
}
div#home_button {
border-left:1px dashed #CCCCCC;
border-right:1px dashed #CCCCCC;
background-color:#BD1618;
width:120px;
height:20px;
float:right;
text-align:center;
color:#FFFFFF;
}
div#shop_button {
background-color:#000000;
width:120px;
height:20px;
float:right;
text-align:center;
color:#999999;
}
div#page_header {
background-image:url('images/header.gif');
background-repeat:no-repeat;
background-position:right bottom;
height:95px;
width:640px;
}
div#company_name {
color:#494949;
font-family:arial,tahoma,verdana;
font-size:x-large;
font-weight:bold;
line-height:27px;
text-align:center;
width:60%;
float:left;
position:relative;
top:25%;
}
span#company_slogan {
font-family:verdana;
font-size:medium;
color:#494949;
}
div#quick_nav {
height:95px;
color:#969696;
font-family:verdana;
font-size:medium;
font-weight:bold;
position:relative;
top:60%;
}
div#mainbody {
width:515px;
float:left;
}
div#right {
width:180px;
height:400px;
background-image: url('images/right_title.gif');
background-repeat:no-repeat;
background-position:left top;
}
div#right_title {
width:120px;
color:#999999;
padding-top:30px;
text-align:center;
}
div#intro {
background-color:#F0F0F0;
}
img#vcenter {
vertical-align:middle;
}
-->
</style>
</head>
<body>
<div id="head">
<div id="pathway">
<div id="shop_button">shop</div>
<div id="home_button">home</div>
<img src="images/pathway.gif" width="5" height="3" alt="" id="vcenter" /> hitachi-online.ru
</div>
</div>
<div id="page_header">
<div id="company_name">HITACHI <br />
<span id="company_slogan">Inspire the Next</span>
</div>
<div id="quick_nav">ONLINE-<br />МАГАЗИН</div>
</div>
</body>
</html>
|
Тут немного больше, т.к. эту проблему я пока оставил, двинулся дальше. Тут же возникли и новые проблемы с вертикальным выравниванием. Но это уже отдельный вопрос...
Надеюсь больше не получу по башке... | |
| |
|
|
| |
|
|
| |
для: FiX
(09.06.2008 в 10:38)
| | | Из правил CSS для div#pathway правило padding-left: 10px; УБИРАЕМ.
В правила CSS для img#vcenter правило margin-left: 10px; ДОБАВЛЯЕМ. | |
| |
|
|
| |
|
|
| |
для: PAT
(09.06.2008 в 15:36)
| | | Круто ;) Спасибо большое!!
Только пока никак не вникаю в смысл. Придется отложить в сторону пхпшные мозги, и заняться CSS... | |
| |
|
|
| |
|
|
| |
для: Fix
(09.06.2008 в 18:11)
| | | Мой вам совет - для Мозиллы ставьте FireBug, а для IE - IE Dev Tools. Дебажить CSS станет гораздо веселее ;-) | |
| |
|
|
| |
|
|
| |
для: aexb
(10.06.2008 в 14:48)
| | | спасибо за совет ;) | |
| |
|
|
