Olldman

Olldman
Рейтинг
79
Регистрация
21.04.2010
Должность
freelance
Интересы
верстка html/css

Все просто, однако. Я, например, верстальщик, но ни разу не имел дело с джумлой ... и не хочу иметь. Систем управления, не говоря уже о их модулях - сотни. Верстальщик верстает, а не занимается установкой системы управления, вам необходимых модулей, их правкой и настройкой. Если это делать для каждого заказа, проще застрелиться.

Есть файл psd из которого верстальщик делает набор:

1. файл html

2. файл .css

3. файлы графики в папке img

4. (опционально) файлы .js

Просто в последнее время все больше заказчиков считают интеграцию верстки в системы управления функцией верстальщика, что ни есть true. А вот оплачивать работу привыкли как за верстку. Как говориться и рыбку съесть и ... посидеть с толком.

Можно задать свойства элементу и с помощью идентификатора. Различие в том, что элемент структурной разметки с определенным id на странице может быть только один, тогда как с классом - сколько угодно.

Одним из первых получил и установил сборку Danneo 0.5.4+DHF RC1, пока локально. Установка прошла в штатном режиме, никаких проблем не возникло. :) Теперь осталось только переверстать его, привести к используемому мной стандарту HTML Strict.

Нужно отметить, что проделана огромная работа, очень много нового по сравнению с первой версией.

У элемента ul.pureCssMenu li.pureCssMenui0 уберите высоту: height:23px; - она там не нужна.

для:

ul.pureCssMenum0 - width:100%

для:

ul.pureCssMenu li.pureCssMenui0 - width:auto;min-width:100px;

для li.pureCssMenui0 назначит ширину:

width:auto;

min-width:100px;

ну и дальше уже смотреть по месту., возможно потребуются отступы между пунктами.

Только не забудьте, что элемент <li> является элементом списка - <ul>, а не <div>. Ну и вертикально выравнять проще указав высоту строки - line-height

IE не поддерживает внедрение свободных форматов TTF и OTF в принципе и может подгружать только EOT-формат. Сконвертировать TTF или OTF в EOT можно с помощью замечательного сервиса Font Squirrel.

Подключение выглядит так:

@font-face {
font-family: MyFont;
src: url(font.eot);
src: local('☺'), url(font.ttf) format('truetype');
}
body {font-family: MyFont;}

Конструкция local('☺') необходима для того, чтобы IE не поперхнулся TTF-форматом шрифта.

Кстати и Гугл-Хром_у не нравится некоторые TTF/OTF-файлы, в том же сервисе можно преобразовать формат для него.

Так, не? :http://realtsib.ru/oldman/2/menu.html

Как-то так:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<title></title>
<style type="text/css">
*{margin:0px;padding:0px;}
body {
background-image: url(1249.png);
}
#center {
width:600px;
height:360px;
background: #2c323b;
position: absolute;
left: 50%;
top: 50%;
margin:-170px 0 0 -300px;
border: 1px black solid;
}
#yourbusiness {

width: 335px;
height: 230px;
color: black;
background: #25292f;
font-family:"Myriad Pro";
font-size:25px;
}
#content {
width: 600px;
height: 120px;
background: #69a9de;
margin-top: 13px;

}
#content p {
color: white;
font-size:18px;
margin-left: 70px;
padding-top: 27px;
font-family:"Myriad Pro";
}
#text {
margin-left: 70px;
padding-top: 23px;
color: white;
font-size:37px;
}
#content .run {
color:black;
font-size:18px;
}
#reshetka{
width: 160px;
height: 75px;
position:relative;
top:75px;
left: 335px;
background:#000 url(2.jpg) no-repeat;
}
</style>
</head>
<body>
<div id="center">
<div id="reshetka"></div>
<div id="yourbusiness">
<div id="text">
<span style="color:#69a9de;">your</span>business <span style="color:#69a9de; font-size:34px;">></span>>
</div>
<div id="content">
<p>
<span class="run">></span> fermentum velit at nisl porttitor <br>
<span class="run">></span> consectetur consectetur <br>
<span class="run">></span> In ultricies euismod dictum
</p>
</div>
</div>
</div>
</body>
</html>
Всего: 514