| |
|
|
| | не могу понять почему дублируется надпись "Designed by WithArt". Сможете помочь?
index.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Группа компаний "Дом"</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<!-- Begin Wrapper -->
<div id="wrapper">
<!-- Begin Header -->
<div id="header">
<div class="logo">
<h1 id="lineone"></h1>
<h2 id="linetwo"></h2>
</div>
</div>
<!-- End Header -->
<!-- Begin Navigation -->
<div id="navigation">
<ul>
<li><a href="index.htm">Главная</a></li>
<li><a href="firm.htm">Фирмы</a></li>
<li><a href="gallery.htm">Объекты</a></li>
<li><a href="plan.htm">Планировки</a></li>
<li><a href="credit.htm">Кредиты</a></li>
<li><a href="contact.htm">Контакты</a></li>
<li><a href="analitic.htm">Аналитика</a></li>
</ul>
</div>
<!-- End Navigation -->
<!-- Begin Left Column -->
<div id="leftcolumn">
<h3>Важная информация</h3>
<ul>
<li><a href="price.htm" title="#">Цены</a></li>
<li><a href="license.htm" title="#">Лицензии</a></li>
<li><a href="dog.htm" title="#">Бланк договора</a></li>
<li><a href="declar.htm" title="#">Проектные декларации</a></li>
</ul>
<h3>Новости</h3>
<div class="news">
<p><em>30 июля 2007г.</em></p>
<p>Последний день летних скидок на квартиры в Тюменском микрорайоне<br />
</p>
<br />
<p><em>1 ноября 2007г.</em></p>
<p>Начнется строительство самого большого здания по эту сторону Урала
</p>
<br />
<p><em>2 августа 2007г.</em></p>
<p></p>
</div>
</div>
<!-- End Left Column -->
<!-- Begin Right Column -->
<div id="rightcolumn">
<h2>Мы рады видеть вас на нашем сайте</h2>
<p> Группа компаний "ДОМ" - одна из ведущих строительных компаний города Тюмени. Основана в 2000 году. В группу входят: ООО ПСК "ДОМ", ООО "Тюменьстроймонтаж", ООО "ТрансСнаб", ООО "Реконструкция-2000", ООО "НИС". Группа Компаний "ДОМ" занимается строительством жилых, торгово-офисных объектов, гаражных комплексов, а также реконструкцией старых объектов.<br>
<br> Модернизированная 86 серия (кирпичное строительство), индивидуальные проекты, обеспечивают компании исполнение квартир с любым набором комнат и этажности, что позволяет удовлетворить любые требования заказчика.
<br><br> Компания является одним из крупнейших застройщиков города Тюмени. Самостоятельно ведет инженерную подготовку, забивку свай и устройство фундаментов, прокладывает сети водопровода, канализации, электро- и теплотрассы, телефонные коммуникации, монтирует трансформаторные подстанции, тепловые пункты, производит черновые отделочные и кровельные работы, благоустройство, малые формы, асфальтирование, сантехнические работы. Ведет строительство деталей соцкультбыта и строительство торгово-офисных помещений.
</p>
<h4>Анализ рынка</h4>
<div id="box">
<div class="content_left">
<h3>Цены больше расти не будут</h3>
<p>Заявляет директор агентства недвижимости "Этажи" Хусаинов Ильдар Борисович.</p>
<a href="#">читать дальше</a>
</div>
<div class="content_right">
<h3>До ценового дна еще очень далеко</h3>
<p>Утверждает начальник отдела маркетинга группы компаний "Дом"</p> <a href="#">читать дальше</a>
</div>
</div>
</div>
<!-- End Right Column -->
<!-- Begin Footer -->
<div id="footer">
<p>Design by WithArt</p>
</div>
<!-- End Footer -->
</div>
<!-- End Wrapper -->
</body>
</html>
|
style.css
* {
padding : 0;
margin : 0;
}
body {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
}
img {
padding : 5px;
border : 1px solid #D61011;
}
img.floatTL {
float : left;
margin-right : 10px;
margin-bottom : 0;
margin-top : 10px;
margin-left : 10px;
width : 60px;
height : 60px;
}
img.floatTR {
float : right;
margin-left : 7px;
margin-bottom : 0;
margin-top : -2px;
margin-right : 10px;
}
p {
text-align :justify;
padding : 5px;
color : #666;
font-size : 1.1em;
}
#wrapper {
margin : 0 auto;
width : 800px;
}
#header {
color : #333;
width : 800px;
height : 142px;
float : left;
margin : 10px 0 5px 0;
background-image : url(images/headerbg.gif);
background-repeat : no-repeat;
}
.logo h1#lineone {
font-size : 2em;
font-weight : lighter;
font-family : helvetica, arial, sans-serif;
padding-top : 40px;
padding-left : 155px;
color : #99ff32;
border : none;
top : 0;
left : 14px;
letter-spacing : -1px;
}
.logo h1#lineone span {
color : #0066ff;
}
.logo h2#linetwo {
padding-left : 155px;
font-size : 0.9em;
font-family : helvetica, arial, sans-serif;
text-transform : none;
top : 25px;
left : 14px;
color : #0066ff;
}
.logo h2#linetwo a {
color : #0066ff;
text-decoration : none;
}
#navigation {
float : left;
width : 800px;
height : 36px;
color : #333;
margin : 0 0 5px 0;
background-image : url(images/navbarbg.jpg);
background-repeat : no-repeat;
}
#navigation {
background-color : #1f00ca;
}
#navigation ul {
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
color : #0066ff;
text-align : center;
margin : 0;
padding-bottom : 5px;
padding-top : 10px;
padding-left : 0;
}
#navigation ul li {
display : inline;
}
#navigation ul li a {
padding : 5px 10px 5px 10px;
color : #FFFFFF;
text-decoration : none;
border-left : 1px solid #FFFFFF;
border-right : 1px solid #FFFFFF;
margin-right : -5px;
}
#navigation ul li a:hover {
color : #8C1414;
border-left : 1px solid #8C1414;
margin-right : -5px;
}
#leftcolumn {
color : #333;
border : 1px solid #D61011;
margin : 0 5px 5px 0;
height : 465px;
width : 215px;
float : left;
}
#leftcolumn h3 {
padding-left : 5px;
padding-top : 3px;
padding-bottom : 8px;
font-size : 1.4em;
font-weight : lighter;
color : #D61011;
letter-spacing : -1px;
}
#leftcolumn ul {
padding : 3px 0 8px 0;
}
#leftcolumn li {
line-height : 18px;
background : #fff;
list-style : square;
padding-left : 0;
margin-left : 21px;
color : #D61011;
}
#leftcolumn li a {
text-decoration : none;
color : #D61011;
}
#leftcolumn li a:hover {
text-decoration : underline;
color : #D61011;
}
.news {
margin-left : 5px;
width : 205px;
padding-bottom : 10px;
}
.news p {
margin-top : 0;
padding-left : 5px;
text-align :center;
border : 1px solid #D61011;
background-color : #FFFFFF;
}
.news b {
color : #577c81;
}
.news em {
line-height : 10px;
color :#D61011;
}
.news h2 {
font-family : "arial", helvetica, sans-serif;
font-size : 1.2em;
margin-top : 5px;
margin-left : 5px;
margin-bottom : 10px;
color : #679499;
}
#rightcolumn {
float : right;
margin : 0 0 5px 0;
height : 466px;
width : 578px;
display : inline;
}
#rightcolumn h2 {
background-position : 0 1px;
padding-left : 10px;
padding-top : 5px;
font-size : 1.3em;
color : #D61011;
}
#rightcolumn h4 {
padding-left : 5px;
padding-top : 6px;
font-size : 1.3em;
color : #D61011;
border-bottom : 2px solid #D61011;
margin-left : 10px;
margin-right : 10px;
}
#box {
margin-top : 5px;
margin-bottom : 10px;
}
#box p {
font-size : 1em;
}
#box a {
text-align : right;
text-decoration : none;
float : right;
color : #D61011;
font-weight : bolder;
}
#box a:hover {
text-align : right;
text-decoration : underline;
float : right;
color : #D61011;
font-weight : bolder;
}
.content_right {
margin : 0 auto;
display : inline;
float : right;
width : 275px;
text-align : justify;
margin-right : 5px;
padding-left : 5px;
padding-bottom : 5px;
padding-right : 5px;
padding-top : 2px;
line-height : 1.5em;
}
.content_left {
margin : 0 auto;
padding : 5px;
display : inline;
float : left;
width : 275px;
text-align : justify;
line-height : 1.5em;
}
.content_left h3 {
font-size : 1.1em;
margin-bottom : 5px;
font-family : Arial, Helvetica, sans-serif;
color : #D61011;
}
.content_right h3 {
font-size : 1.1em;
margin-bottom : 2px;
margin-top : 5px;
font-family : Arial, Helvetica, sans-serif;
color : #D61011;
}
#footer {
width : 800px;
color : #333;
border : 1px solid #D61011;
margin : 0 0 10px 0;
text-align : right;
float : right;
padding-top : 5px;
padding-bottom : 5px;
}
#footer p {
font-size : 0.8em;
text-align : left;
float : left;
}
#footer a {
color : #173aff;
text-decoration : underline;
}
|
| |
| |
|
|
| |
|
|
| |
для: Ксения_954
(08.08.2007 в 16:05)
| | | скриншот нужен еще. | |
| |
|
|
| |
|
|
| |
для: Lelik
(08.08.2007 в 16:46)
| | | нежен архив. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(08.08.2007 в 16:47)
| | | ну не знаю, на сколько он нежен. но посмотреть его было бы не плохо ;) | |
| |
|
|
| |
|
|
| |
для: AlexSol
(08.08.2007 в 16:47)
| | | архив со скриншотом странички. | |
| |
|
|
| |
|
|
| |
для: Ксения_954
(08.08.2007 в 17:21)
| | | под архивом имелось ввиду файлы верстки.
PS. Ксения, вы блондинка ;) ? | |
| |
|
|
| |
|
|
| |
для: Lelik
(08.08.2007 в 17:29)
| | | Lelik, нет, брюнетка. ((: просто учусь на историческом факультете. с веб-дизайном, языками программирования знакома пару месяцев. если бы не поддержка форума я бы не справилась, конечно. | |
| |
|
|
| |
|
|
| |
для: Ксения_954
(08.08.2007 в 19:30)
| | | Ксюшенька, если приведенный пример в вашем первом посте как в файле index.htm (один в один имеется ввиду), то вам необходимо закрыть доктайп, да и открывающий тег <html> тож было бы не плохо поставить.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
|
но, лучше вместо Strict использовать Transitional, при нем браузеры более «добродушны», но, в то же время, поведение элементов он задает такое как надо. | |
| |
|
|
| |
|
|
| |
для: Ксения_954
(08.08.2007 в 16:05)
| | | У вас просто лишнее в стилях и в коде. Напишите так:
<div id="footer">
<a href="link" class="name">Design by WithArt</a>
</div>
|
В стиле уберите лишнее и пропишите для DIV:
#footer {
width : 800px;
color : #333;
font-size : 0.8em;
border : 1px solid #D61011;
margin : 0 0 10px 0;
text-align : right;
padding-top : 5px;
padding-bottom : 5px;
}
a.name {
styles
}
a.name:hover {
styles
}
|
Остальное далее вам не нужно. Класс для ссылки (если нужна она вам) определите прямо в якоре. Хотя не видно чтобы Design by WithArt у вас было ссылкой. | |
| |
|
|
| |
|
|
| |
для: sim5
(08.08.2007 в 17:32)
| | | я сделала так как Вы сказали, но теперь дублируется запись "дальше"...=( | |
| |
|
|
| |
|
|
| |
для: Ксения_954
(10.08.2007 в 15:51)
| | | Сейчас посмотрим, еще что-то лишнее или неверное. Вы имеете ввиду отдельно стоящее в низу слово "дальше"? | |
| |
|
|
| |
|
|
| |
для: Ксения_954
(10.08.2007 в 15:51)
| | | Из вашего style.css в блоке
#footer {
width : 800px;
color : #333;
border : 1px solid #D61011;
margin : 0 0 10px 0;
text-align : right;
float : right;
padding-top : 5px;
padding-bottom : 5px;
}
|
уберите он то и дает дубляж | |
| |
|
|
| |
|
|
| |
для: Faraon
(10.08.2007 в 15:59)
| | | Потерпите немного, сегодня выложу ответ. там не сложно. | |
| |
|
|
| |
|
|
| |
для: Faraon
(10.08.2007 в 15:59)
| | | to Faraon: Этой проблемы уже давно нет, она уже убрана - давно уже нет float : right; для этого стиля.
Ксения, извините, что пообещав, не выполнил, так уж получилось - я отсутствовал, но вашу проблему решает Заслуженный дивомен форума AlexSol, знаю об этом, потому будьте уверены она будет решена - не ошибитесь, все поцелуи ему. | |
| |
|
|
| |
|
|
| |
для: sim5
(10.08.2007 в 20:05)
| | | ёпрст. да на странице не закрыт доктайп и нету открывающего тега html. скоко можно говрить ;) | |
| |
|
|
| |
|
|
| |
для: Lelik
(10.08.2007 в 20:43)
| | | Вы думаете что указав в начале страницы <html> и закрыв доктайп, эта проблема исчезнет? Извольте проверить и отписать даме, а уже в качестве благодарности можете просить у нее разрешения поглядеть на туфельку.
Я просто знаю что у нее проблемы в разных браузерах разные, но ей готовит ответит человек, более разбирающийся в этих дивах (будь они не ладны), я просто не мешаю, по принципу - не навреди, без ёпрст. | |
| |
|
|
| |
|
|
| |
для: sim5
(10.08.2007 в 21:22)
| | | в архиве пример.
строки 7-12,368
Использование float и возможные проблемы | |
| |
|
|
| |
|
|
| |
для: AlexSol
(10.08.2007 в 22:16)
| | | Спасибо!!!!!! Без Вас у меня бы не получилось!!...большое спасибо | |
| |
|
|
| |
|
|
| |
для: AlexSol
(10.08.2007 в 22:16)
| | | Спасибо!!!!!! Без Вас у меня бы не получилось!!...большое спасибо | |
| |
|
|
| |
|
|
| |
для: sim5
(10.08.2007 в 21:22)
| | | «но ей готовит ответит человек, более разбирающийся в этих дивах»
чем кто? | |
| |
|
|
| |
|
|
| |
для: Lelik
(11.08.2007 в 00:58)
| | | Чем я, ваша честь к этому отношения не имеет. | |
| |
|
|
| |
|
|
| |
для: sim5
(11.08.2007 в 03:14)
| | | Хорошо на форумах программистов быть девушкой: сразу такая суета вокруг них начинается! Себе, что-ли, ник поменять? Или сразу уж и пол?... | |
| |
|
|
| |
|
|
| |
для: coloboc66
(11.08.2007 в 16:59)
| | | coloboc66 , не завидуй :)
тут вообще редко кто без помощи остается! | |
| |
|
|
