Форум Сайтостроение Веб-строительство

CSS+HTML проблема с колонкой.

Pasha199
На сайте с 17.02.2009
Offline
167
Pasha199
845

Изначально на сайте было 2 колонки. сейчас хочу сделать 3.

1) Это блок с меню и прочее

2) Основной контент

3) Блоки

CSS 

}

.news {

	float:right;

	font-size:12px;

	line-height:18px;

}

#content 

.news h2 {

margin:20px 0 12px 71px;

}

.news .holder {

	width:223px;

	height:240px;

	padding:11px 21px;

	background:url(../images/bg-news.png) no-repeat;

}

.news .title {

	display:block;

	margin:0 65px 8px;

	font-size:11px;

	font-weight:normal;

	width: 165px;

}
Pasha199
На сайте с 17.02.2009
Offline
167
Pasha199
#1

HTML 


<body>

	<div id="wrapper">

		<div id="wrapper-holder">

			<div class="w1">

				<div class="w2">

					<div id="header">

						<strong class="logo"><span><a href="">Веб студия | Создание сайтов</a></span></strong>



<div class="main-nav">

<div class="holder">

<ul id="main-nav">

<li id="first"><a href="about/index.html" style="width: 197px;"><span>Создание сайта</span></a></li>

<li><a href="shop/group_599/index.html" style="width: 150px;"><span>Портфолио</span></a></li>

<li><a href="delivery/index.html" style="width: 160px;"><span>Наши услуги</span></a></li>

<li><a href="pay/index.html" style="width: 177px;"><span>Продвижение</span></a></li>

<li><a href="contacts/index.html" style="width: 150px;"><span>О студии</span></a></li>

<li id="last"><a href="discounts/index.html" style="width: 158px;"><span>Контакты</span></a></li>



</ul>

							</div>

						</div>

					</div>

					

					

<div class="head-left">

	<div class="separator">

		&nbsp;

	</div>

</div>

			<div class="head-right">

			<div class="head-right-bottom">

		<div class="our-works">

		

			<ul id="carosel" class="jcarousel-skin-tango" style="display:none;">

			

			<li>

				<div class="our-works-all">

				<div class="our-works-image">

				

					<a href="upload/iblock/d1d/poker2.jpg"><img src="upload/iblock/d08/img4.png" alt="Мастер-Покер"/></a>

				</div>

				<div class="our-works-text">

					Создание сайта <a href="portfolio/detail.php%3Ftype=49&ID=5296.html">Russian Masters Poker Cup</a>

				</div>

				</div>

			</li>

									<li>

									<div class="our-works-all">

				

			</li>

									<li>

									<div class="our-works-all">

				<div class="our-works-image">

					<a href="upload/iblock/4a0/poligon-index.jpg"><img src="upload/iblock/d08/img4.png" alt="Полигон"/></a>

				</div>

				<div class="our-works-text">

					Изготовление сайта <a href="portfolio/detail.php%3Ftype=49&code=&ID=5311.html">«НПП-Полигон»</a>

				</div>

				</div>

			</li>



			</li>

			</ul>

		</div>

	</div>

	</div>					

<div id="main">

<div class="main-holder">

<div id="content">

<div class="item-list">

<h1>Создание сайтов</h1>

<p>Корпоративный сайт содержит общую информацию о деятельности компании, каталоге продукции, перечне предоставляемых услуг, филиальной сети. К созданию сайта нужно подходить с первых шагов работы над ним максимально ответственно, грамотно и креативно: от правильно старта проекта во много зависит его успешное будущее. Для качественного создания сайта в Ростове нужны хорошие специалисты, каждый наш сотрудник — профи в своей специализации.</p>

<li>Создание сайта ориентировано на уже существующих и потенциальных бизнес-партнеров, потребителей, прессу и сотрудников компании.</li>

<li>Заказав создание сайта, Вы получите отличную поддержку бизнеса из интернета.</li>

<li>Выгодное создание сайта в вебстудии ВебРост- это путь к успеху Вашей компании!</li>

<table>

								<tr>

									<td>

										<a href="bitrix/templates/index3/images/teatr.jpg" title="Сайт Театра им. Горького"><img src="bitrix/templates/index3/images/teatr_m.png" alt="Сайт Театра им. Горького"/></a>

									</td>

									<td>

										<a href="bitrix/templates/index3/images/energopraktik.jpg" title="Сайт Энергопрактик"><img src="bitrix/templates/index3/images/energopractik_m.png" alt="Сайт Энергопрактик"/></a>

									</td>

									<td>

										<a href="bitrix/templates/index3/images/energosystems.jpg" title="Сайт Энергосистемы"><img src="bitrix/templates/index3/images/energosystems_m.png" alt="Сайт Энергосистемы"/></a>

									</td>

									<td>

										<a href="bitrix/templates/index3/images/noavatech.jpg" title="Сайт Novatech Cargo"><img src="bitrix/templates/index3/images/novatech_m.png" alt="Сайт Novatech Cargo"/></a>

									</td>

								</tr>

							

							</table>

							<br/>

														<a title="Заказать" href="/service/order/?ceil=Разработка сайта"><img src="bitrix/templates/index3/images/order-button.png" alt="Заказать"/></a>

</div>







<div class="item-list">

<h1>Разработка сайтов-визиток</h1>

<p>Сайт-визитка - небольшой информационный веб-ресурс с типовой структурой, легко модифицирующийся под запросы клиента. При разработке сайта Вы можете разместить информацию о компании, услугах и контактах. В качестве опции этот вариант разработки сайта можно дополнить небольшим каталогом товаров и разделом новостей.</p>

<li>Разработка сайта визитки в Ростове предоставит Вам возможность дополнительных котнактных данных и информации для Ваших клиентов.</li>

<li>Разработка сайта требует гармоничного сочетания значительных творческих усилий и грамотных технических решений.</li>

<li>Для разработки сайтов необходимо предоставлять максимум информации о компании-заказчике услуг: чем больше данных, тем ярче ресурс будет отражать суть и имидж  фирмы-владельца.</li>

<li>Лучше заказывать разработку сайта, его создание, а в дальнейшем и раскрутку в одной организации: отличное знание каждого элемента дела на всех этапах «рождения и  роста» веб-портала помогает специалистам студии сделать его ещё сильнее, функциональнее и продуктивнее.</li>

<table>

	<tr>

		<td>

			<a href="bitrix/templates/index3/images/uga.jpg" title="Сайт Южные Грузовые Авиалинии"><img src="bitrix/templates/index3/images/uga_m.png" alt="Сайт Южные Грузовые Авиалинии"/></a>

		</td>

		<td>

			<a href="bitrix/templates/index3/images/rosdorstroy.jpg"title="Сайт Росдорстрой"><img src="bitrix/templates/index3/images/rosdorstroy_m.png" alt="Сайт Росдорстрой"/></a>

		</td>

		<td>

			<a href="bitrix/templates/index3/images/normotors.jpg"title="Сайт Нормоторс"><img src="bitrix/templates/index3/images/normotos_m.png" alt="Сайт Нормоторс"/></a>

		</td>

		<td>

			<a href="bitrix/templates/index3/images/duohem.jpg"title="Сайт Дуохем"><img src="bitrix/templates/index3/images/duohem_m.png" alt="Сайт Дуохем"/></a>

		</td>

	</tr>



</table>

							<br/>

														<a title="Заказать" href="/service/order/?ceil=Разработка сайта"><img src="bitrix/templates/index3/images/order-button.png" alt="Заказать"/></a>

</div>

		















<div id="sidebar">

<div class="widget">

<div class="t">*

</div>

<div class="c">

<div class="widget-holder">

<div class="heading"><img src="images/1.png" alt="Услуги студии" />

<h3><a href="/service/">Услуги студии</a></h3>

</div>

<ul>

<li><a href="">Проектирование сайтов</a></li>

<li><a href="">Разработка сайтов</a></li>

<li><a href="">Поддержка сайтов</a></li>

<li><a href="">Аудит сайта</a></li>

<li><a href="">Продвижение сайтов</a></li>

<li><a href="">Веб-программирование</a></li>

<li><a href="">Внедрение 1С-Битрикс</a></li>

<li><a href="">Корпоративный хостинг</a></li>

<li><a href="">Мобильные приложения</a></li>

<li><a href="">Доменные имена</a></li>

</ul>

</div>

</div>

<div class="b">*</div>

</div>

<div class="widget">

<div class="t">*</div>

<div class="c">

<div class="widget-holder">

<div class="heading"><img src="images/1.png" alt="О нас" />

<h3><a href="/shop/group_603/">О нас</a></h3>

</div>

<ul>

<li><a href="">Информация о студии</a></li>

<li><a href="">Новости</a></li>

<li><a href="">Партнеры</a></li>

<li><a href="">Карьера</a></li>

<li><a href="">Наши клиенты</a></li>

<li><a href="">Отзывы клиентов</a></li>

</ul>

</div>

</div>

<div class="b">*</div>

</div>

<div class="widget">

<div class="t">*</div>

<div class="c">

<div class="widget-holder">

<div class="heading">

<img src="images/1.png" alt="Полезные статьи" />

<h3><a href="">Вопрос/ответ</a></h3>

</div>

<ul>

<li><a href="">Зачем нужен собственный сайт?</a></li>

<li><a href="">Что должен и может делать сайт?</a></li>

<li><a href="">Кому поручить создание сайта?</a></li>

<li><a href="">Пошаговое создание ресурса</a></li>

<li><a href="">Продвижение сайтов</a></li>

</ul>

</div>

</div>



<div class="b">*

</div>

</div>

<div class="widget widget-short">

<div class="t">*</div>

<div class="c">

<div class="widget-holder">

<div class="heading">

<img src="images/1.png" alt="Наши клиенты" />

<h3><a href="">Для клиента</a></h3>

</div>

<ul>

<li><a href="">Рассчет стоимости сайта</a></li>

</ul>

</div>

</div>

<div class="b">*

</div>

</div>



						</div>

					</div>

					

					

					

					

					

					<div id="footer">

						<div class="holder">

							<div class="nav">

								<ul>

<li><a href="about/index.html">Создание сайта</a></li>

<li><a href="shop/group_599/index.html">Портфолио</a></li>

<li><a href="delivery/index.html">Наши услуги</a></li>

<li><a href="pay/index.html">Продвижение</a></li>

<li><a href="contacts/index.html">Заказать</a></li>

<li><a href="discounts/index.html">О студии</a></li>                                    <li><a href="articles/122/index.html">Контакты</a></li>

								</ul>

							</div>

							<div class="columns">

								<div class="column">

									<h3>Прием заказов по телефонам</h3>

									<p>Пн-Сб с 9.00 до 21.00</p>

									<p>(926) <strong>82-000-61</strong> (Москва)<br />(923) <strong>7-888-154</strong> (Новосибирск)<br />(918) <strong>243-89-16</strong> (Краснодар)

								</div>

								<div class="column" style="padding: 0 0 0 80px;">

									<h3>Онлайн поддержка</h3>

									<p>По вопросам обращайтесь по:</p>

									<p>Skype: <strong>domen.con</strong><br />ICQ: <strong>812-520</strong><br />E-mail: <strong>243-89-16</strong>

								</div>

							</div>

						</div>

					</div>

				</div>

			</div>

		</div>

		<div class="bg-r">&nbsp;</div>

	</div>

 <script type="text/javascript" src="https://apis.google.com/js/plusone.js">

  {lang: 'ru'}

</script>

</body>

</html>

Как добавить 3ю колонку чтобы она была на ровне с текстом "Создание сайтов"

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий