Перейти к содержимому


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 273 3 темы, 17 сообщений, 7 баллов репутации

  • Фотография WGN
    #2

    WGN (worldgamenews.com)
    Очков активности: 64.5 Вне конкурса за определение пользователя месяца

  • Фотография ShowPrint
    #3

    ShowPrint (ShowPrint.ru)
    Очков активности: 52.5 0 тем, 7 сообщений, 5 баллов репутации

  • Фотография BlackLion
    #4

    BlackLion
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 25.5 Вне конкурса за определение пользователя месяца

  • Фотография Ixman
    #6

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Фотография Napoleon-007
    #7

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография profi
    #10

    profi (1informer.com)
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 15.08.2018
Топ 5 участников по репутации


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

#1 Eversset

Eversset
  • Неактивные
  • 2 сообщений
  • Репутация: 0
0

Отправлено 19 May 2012 - 20:06

Вот сайт:
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К   Количество загрузок: 75

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Div'ная верстка. Всегда до низа страницы
  2. Скрипт работает только на одном блоке
  3. Помогите с позиционированием div'ов
  4. Помогите разобраться с фотографиями
  5. Оцените привлекательность сайта

#2 Vector

Vector
  • Неактивные
  • 43 сообщений
  • Репутация: 9

Отправлено 19 May 2012 - 22:55

Eversset, воспользуйтесь готовой сеткой http://960.gs/ вот тут как пользоваться:
http://habrahabr.ru/post/70203/

и ещё подскажите как сократить время загрузки или другими словами ускорить загрузкуподгрузку фона. картинка весит 1 мб -может это и много, но я думаю что не в этом проблема.

Вот вам готовая картинка для фона http://www.picshare.ru/view/142292/ - 100КБ
и сделайте её по нормальному.
CSS
body {background:#fff url('ссылка на картинку');}
прозрачность уберите, не нужна она
  • 0

#3 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 19 May 2012 - 23:59

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;) проставлен для наглядности.
  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru