Помогите с div'om )) вроде просто всё..

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Помогите с div'om )) вроде просто всё..

Опции

Eversset

Topic Starter сообщение

19.5.2012, 21:06; Ответить: Eversset

Сообщение #1

Группа: User
Сообщений: 6
Регистрация: 22.12.2011
Поблагодарили: 0 раз
Репутация:

Вот сайт:
1) http://домашниеангелы.рф - div

Вот сайт:
2) http://home-angels.ru - в табличном варианте.
3) (http://home-angels.ru/index2.html - он же с границами для наглядности)

перехожу с таблиц на div, но немогу привязать менюшку слева к основному блоку (контенту). так как это в примере "2)" . и обтекания пробовал и маргины и паддинги... видимо чегото незнаю... что ещё нужно.
возможно позишн надо кардинально поменять с абсолютов на реалитив или наоборот.. не могу понять. что не так почему плавает.. помогите пожалуйста.
ну бегает она и всё тут..

и ещё подскажите как сократить время загрузки или другими словами ускорить загрузкуподгрузку фона. картинка весит 1 мб -может это и много, но я думаю что не в этом проблема.
или как это можно оптимизировать, возможно ещё задержка из-за того что прозрачность накладывается
".transparent {background-color: rgba(245, 255, 255, 0.9)"?

прикрепил файлик css, чтобы вам было легче )

Если кто-то может помочь проконсультировать по Skype буду вам очень рад nik-name: Eversset (очень адекватный парень)

Прикрепленные файлы

css.txt ( 1,8 килобайт ) Кол-во скачиваний: 76

Ответить с цитированием данного сообщения

pcvector pcvector 19.5.2012, 23:55; Сообщений: 34 Поблагодарили: 0 раз Репутация: 9 Просмотр профиля	19.5.2012, 23:55; Ответить: pcvector Сообщение #2
Новичок Группа: User Сообщений: 34 Регистрация: 16.8.2011 Поблагодарили: 0 раз Репутация: 9	[member=Eversset], воспользуйтесь готовой сеткой http://960.gs/ вот тут как пользоваться: http://habrahabr.ru/post/70203/ и ещё подскажите как сократить время загрузки или другими словами ускорить загрузкуподгрузку фона. картинка весит 1 мб -может это и много, но я думаю что не в этом проблема. Вот вам готовая картинка для фона http://www.picshare.ru/view/142292/ - 100КБ и сделайте её по нормальному. CSS body {background:#fff url('ссылка на картинку');} прозрачность уберите, не нужна она

yury_mw

20.5.2012, 0:59; Ответить: yury_mw

Сообщение #3

Завсегдатай

Группа: User
Сообщений: 648
Регистрация: 13.5.2009
Поблагодарили: 0 раз
Репутация:

195

1Мб для фона — это ОЧЕНЬ много, тем более для такой бледной картинки. Оптимизация вашего изображения спокойно уменьшит его размер килобайт до 20-70, соответственно и скорость ее загрузки сократится раз в 50.
Достаточно, например, в фотошопе выбрать формат jpeg и качество сжатия от 10 до 60 (при этом заметить разницу в качестве картинки будет весьма сложно).

Простейшая двух-колоночная структура с меню в левой колонке шириной 124px:
html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>2 cols</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="main">
  <div id="top">
    top
  </div>
  <div class="wrap">
    <div id="menu">
      <ul>
        <li>Сиделка</li>
        <li>Няня</li>
        <li>Дом работница</li>
        <li>Гувернантка</li>
        <li>Выгул собак</li>
        <li>Юрист</li>
        <li>Адвокат</li>
      </ul>
    </div>
    <div id="right">
      right
    </div>
  </div>
  <div id="footer">
    footer
  </div>
</div>
</body>
</html>

style.css

*{
  margin: 0;
  padding: 0;
}
body{
  text-align: center;
}
#main{
  margin: 0 auto;
  width: 1024px;
  text-align: left;
}
#top{
  background: #bbb;
}
.wrap{
  overflow: hidden;
  zoom: 1;
}
#menu{
  float: left;
  width: 124px;
  background: #ccc;
}
#menu ul{
  list-style: none;
}
#right{
  margin-left: 124px;
  background: #ddd;
}
#footer{
  background: #eee;
}

фон у блоков (строчки в стилях вроде background: #eee;) проставлен для наглядности.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Помогите вспомнить рекламного бота Телеграм для обмена рекламой	0	Mixatraider	732	21.2.2024, 23:42 автор: Mixatraider
Быстрый старт - Всё о накрутке пф за 7 минут	6	waterworld	2386	13.2.2024, 20:08 автор: Думающий
Моя div-ная верстка соответствует ли стандартам Хотелось бы конструктивной критики	10	muratastana	1605	14.1.2023, 1:16 автор: xweb
Adsense всё. Как монетизировать трафик из рф?	33	Porsche	5970	23.5.2022, 21:38 автор: kuprum
zPush.biz - конверт просто пушка!	12	zClick	4053	30.8.2021, 18:48 автор: zClick

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 26.4.2024, 3:33

Дизайн