Нужна помощь специалиста

Cerfuck · April 15, 2013

Здравствуйте, я только начинаю изучать верстку. Есть огромное желание научится. Мне кажется уже довольно не плохо овладел html и css, но ещё далеко от идеала(не изучал кросбраузерность, не всё сразу). В связи с этим мне нужен наставник. Человек, который смог бы оценить мои работы и которому можно задавать вопросы и получать в ответ справедливую критику). Если у кого-нибудь есть желание и время пишите. Буду очень благодарен.

Cerfuck · April 16, 2013

Ну раз ни у кого нет желания хотя бы оцените работу. Верстал этот макет http://forum.htmlboo...howtopic=13276. Вот код:


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Raira</title>
<link type="text/css" rel="stylesheet" href="css/common.css">
</head>
<body>
<div id="container">
<div id="main">
<div id="all">
<div id="left">
<div class="side_text">
<p>Очень интересные новости нашей компании <br>и нашего сайти. Не теряя времени пройдите по ссылке.</p>
<p>Очень интересные новости нашей компании <br>и нашего сайти. Не теряя времени пройдите по ссылке.</p>
</div>
<div id=side>
<ul>
<li><a href="">Осаго</a></li>
<li>Дсаго</li>
<li><a href="">Каско</a></li>
<li style="text-transform:none"><a href="">Оценка ущерба</a></li>
</ul>
</div>
</div>
<div id="right">
<div class="side_text">
<p>Согласно Лицензии на оценочную деятельность №010257 от 24.11.2004г.,<br>мы оказываем следующие <a href="">услуги по оценке и экспертизе</a>.</p>
<h1>Скидки</h1>
<p>каждому посетителю сайта на <a href="">КАСКО</a> и <a href="">ОСАГО</a>(до 20%)</p>
<h1>Наш адрес</h1>
<p>Москва,метро Волжская (5 минут пешком) ул. Шкулёва, дом 17. Посмотрите <a href="">схему проезда</a> и приезжайте в гости.</p>
</div>
</div>
<div id="center">
<p><span class="zag">ООО "Раира"</span> является официальным представителем известнейших и надёжных страховых компаний России, заслуживших доверие и признание клиентов:</p>
<div>
<img alt="Росгосстрах" src="img/rosgos.fw.png">
<img alt="Асто" src="img/asto.fw.png">
<img alt="Согласие" src="img/soglasie.fw.png">
</div>
<br>
<span class="zag">Мы рады предложить Вам:</span>
<ul id="baterfly">
<li>все возможные виды страхования</li>
<li>наиболее выгодные условия страховой сделки</li>
<li>самую подробную информацию о страховых продуктах и страховании вообще</li>
</ul>
<p>Если у Вас нет возможности приехать в наш офис, наши агенты приедут в удобное для Вас время и место.</p>
<p>Помимо страхования ООО "Раира" занимается экспертизой и оценочной деятельностью.</p>
</div>
</div>
</div>
<div id="footer">
<div class=footer_text>
<p>Раира, 2007 год.</p>
<p>Адрес: Москва. м. Волжская,<br>улица Улица, дом 3, офис 231<br>(схема проезда)</p>
</div>
<div class=footer_text>
<p>Телефоны:<br>(495) 432-34-54</p>
<p>Факс:(433) 434-43-34<br>E-mail: raira@raira.ru</p>
</div>
</div>
<div id="header">
<div id="contact">
<p>Круглосуточная консультация по телефону:</p>
<div id="tel">(495) 123-45-67</div>
</div>
<div id="logo"><a href="#"></a>
<ul id="side_top">
<li><a href="">Автомобили</a></li>
<li><a href="">Имущество</a></li>
<li><a href="">Здоровье</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>



html{
color:#474747;
font:18px arial,verdana, sans-serif;
}
body{
margin:0;
}
a{
color:#8F0000;
}
#container{
width:1001px;
height:100%;
margin:auto;
position:relative;
background:#E1E7E4;
}
#main{
min-height:100%;
margin:0 32px -101px;
}
#all{
padding:401px 0 101px;
}
#left{
width:195px;
float:left;
}
.side_text{
font-weight:bold;
color:#797979;
font-size:14px;
}
#side{
font-size:18px;
text-align:right;
text-transform:uppercase;
}
li{
list-style:none;
height:30px;
}
#right{
width:223px;
float:right;
}
#right>.side_text>p{
margin-left:23px;
}
.side_text>h1{
font:51px "Monotype Corsiva",verdana, sans-serif;
color: #8F0000;
margin-bottom:0;
}
#center{
margin:0 223px 0 195px;
padding:0 32px;
}
.zag{
font-size:24px;
color:#8F0000;
}
#center img{
padding-right:11px;
}
#baterfly>li{
background:url(../img/bab.fw.png) no-repeat;
margin:1em 0;
padding-left:27px;
padding-bottom:2px;
}
#footer{
height:101px;
background:url(../img/footer.fw.png) repeat-x;
clear:both;
}
.footer_text{
float:left;
margin-left:32px;
color:#EBEBEB;
font-size:12px;
}
#header{
position:absolute;
top:0;
left:0;
width:100%;
height:401px;
background:url(../img/header_logo.jpg);
color: #8F0000;
}
#contact{
margin-left:379px;
}
#tel{
margin-left:59px;
font-size:30px;
}
#logo>a{
position:absolute;
top:147px;
left:439px;
width:210px;
height:83px;
}
#side_top{
list-style:none inside;
margin:245px 0 0 360px;
padding:0;
}
#side_top>li{
display:inline;
padding:0 35px 0 0;
}

yuck · April 16, 2013

Вы хоть на хостинг какой-нибудь залейте, тут ни у кого парсера в голове нету

nebovluje · April 16, 2013

url(../img/header_logo.jpg)

лол, извини у меня твоих фоток на компе не нашлось

deadrash · April 16, 2013

http://www.hostinger.ru/

Cerfuck · April 16, 2013

А не подскажете куда можно залить?

понял.не сразу увидел

http://testraira.p.ht/

вот.оценивайте

Int · April 16, 2013

Это так надо?

Cerfuck · April 16, 2013

смотря в чем открываете.в IE не проверял. в мозиле,опере,хроме всё работает. или как вариант у вас нет шрифта "Monotype Corsiva"

Edited April 16, 2013 by Cerfuck

Int · April 17, 2013

Firefox, openSUSE 12.3

Да, у меня в линуксе нет этого шрифта, но это не моя проблема, что все сайты показывают нормально, а этот не смог с собой шрифт протащить.

marischka · April 17, 2013

Cerfuck

Прошу вашей помощи, может быть вы и не специалист, но лучше меня разбираетесь в теме. Специалист сверстал мне макет. валидатор ругается и картинки логотипов авто съезжают. мне отвечают что всё красиво, и никак не поправишь. http://forum.htmlbook.ru/index.php?showtopic=44312

Cerfuck · April 17, 2013

Firefox, openSUSE 12.3
Да, у меня в линуксе нет этого шрифта, но это не моя проблема, что все сайты показывают нормально, а этот не смог с собой шрифт протащить.

Как нужно было его туда встроить? Я только прописал что при отсутствии данного шрифта подключается другой. Да это не суть. Сама работа как сделага?

deadrash · April 17, 2013

Сама работа как сделага?

Были бы нарекания, вам бы о них сразу сказали.

Sign In

Нужна помощь специалиста

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information