Пропорциональный размер изображения

 
Здрасьте!
Подскажите как реализовать такую вещь:
Нужно чтобы изображение (если оно загружено большим) подстраивалось под разрешение экрана. Тоесть если разрешение большое то и по максимуму картинка будет большая, а если разрешение маленькое то и картинка пропорционально уменьшается.

Если маленька картинка меньше 300px то пусть она при любом разрешении такой и будет.

Firefox vs IE: проблема с CSS

 
Друзья, никак не найду решение проблемы, рисую элементы дизайна и тут же их прикручиваю, в ходе верстки наткнулся на проблему с расположением изображения. Итак, есть изображение, которое делаем фоновым для ссылок «блоги, люди, о проекте и т.д.», в css прописываем

Читать дальше

<центр>

 
Здравствуйте. У меня проблема. Задача: сделать выравнивание сайта по центру с фиксированной шириной. Ну с шириной понятно:
#container {width: 1000px;}
#header { width: 1000px;height: 80px; бла бла бла
#nav { width: 1000px; clear: both; бла бла бла }
#wrapper { width: 1000px;overflow: бла бла бла
#content { width: 670px; бла бла бла

Вот. Как сделать это все по центру? Т.к. я приверженец табличной верстки, с CSS имеются некоторые трудности. Спасибо.
  • 0
  • 02 декабря 2009, 15:34
  • Mitya

Помогите с JavaScript

1
Собственно такая вот беда…
Необходимо сделать так, чтоб в зависимости от времени суток подгружался новый style.css

В сети я нашел такой вот яваскрипт. Но что-то никак не получается его заставить работать.


Читать дальше

CSS: Вопрос о "разширяюшемся" #wrapper

 
Господа Гуру LS и CSS, подскажите пожалуйста. У меня следующая проблема.

Я сделал весь сайт шириной 980px. То есть:

/* Generic Blocks
-------------------------------------------------------------------*/
#container { min-width: 980px;  }
#header { height: 100px; clear: both; overflow: hidden; zoom: 1; width: 980px; margin-left: auto; margin-right: auto;}
#nav { clear: both; background: #e8e8e8; }
#wrapper { width:980px; background: #fff; margin-left: auto; margin-right: auto; overflow: hidden; zoom: 1; padding: 20px 46px 30px 20px; margin-bottom: 5px; }
#content { width: 67%; background: #fff; float: left; clear: left; padding-top: 20px; padding-bottom: 20px; zoom: 1; }
#sidebar { width: 31%; float: left; margin-left: 2%; margin-top: -6px; }
#footer { background: url(../images/_background/footer.gif) repeat-x top left; color: #999; height: 342px;padding-right:
 50px;}


Всё выглядит отлично, но когда я захожу в какой-то конкретный топик #wrapper, то есть место где пишется текст топика, сайдбар и комменты — становится ШИРЕ на примерно 20px с право и с лево! Как такое может быть и где поправить? оО
  • 0
  • 21 сентября 2009, 17:22
  • yuko

Модуль Loader - управление js и css файлами

17
Суть проблемы:

В шаблоне new на каждой странице выводиться 18 js файлов и 6 css. Достаточно много, особенно если учесть, что на многих страницах не нужна и половина из них. Хотелось бы избавиться от ненужного баласта. Но… Файлы жестко прописаны в template, поэтому стандартными средствами с этим трудно бороться.

Решение проблемы:

Выкладываю в свободный доступ модуль «Loader», который использую для своего проекта.

Модуль Loader предоставляет вам возможность просто управлять совокупностью подключаемых к странице css и js файлов, используя шаблоны адресов или непосредственно из кода Action`a.

Скачать модуль. (в данный момент на модерации).

Используя модуль вы можете:

1) задать набор файлов, выводимых по умолчанию. Стартовый default-набор состоит из файлов подключаемых в скине new версии livestreet 0.3.1
2) создавать правила включения и\или исключения некоторых (или всех) файлов для путей любого вида.
3) подключать или удалять файлы прямо из кода Action`a

О том, как установить модуль — в readme.txt файле (это совсем не сложно). Как пользоваться — под катом.


Читать дальше

Проблема с блоком ленты в IE8

 
Всем привет :)

Наш проект летает на версии движка 0.2, плюс некоторые доработки и фиксы из SVN. Однако, есть один недостаток, который проявляется в IE всех версий — его видно на скриншоте, но если словами — то лента топиков оказывается ниже блока «Популярные блоги».



Возможно, этому есть фикс и доступный, но я, к сожалению, пока не смог его найти.

Буду благодарен за предложение, как это можно исправить, и, если платно, то можно сразу называть цену.

Заранее спасибо!

P.S. Чуть не забыл. Если Вы захотите предложить в качестве фикса обновиться до какой-либо версии, то пожалуйста, сэкономьте свое и наше время и воздержитесь от комментария.

Update: Если вдруг кому интересно, то проблема решается правкой в global.css

.entry_item {
	clear: both;
	float: left;
	width: 98%; /* тут ставим 98 вместо 100 */
}

Веб скорость ЛС

 
А вы знаете, что:

Размер главной страницы ЛС составляет 342,78 кб!!! из которых:
— HTML: 11,87 кб
— HTML Images: 219,25 кб
— CSS Images: 34,09 кб
— Total Images: 253,34 кб
— Javascript: 65,24 кб
— CSS: 12,33 кб


Читать дальше

Перекрашиваем сайт, руководство css для начинающих

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

mozilla firefox — браузер
firebug — плагин для браузера
adobe photoshop, или любая другая программа, в которой можно выбирать цвета
текстовый редактор с поиском, например notepad++
собственный головной мозг


Читать дальше
  • +21
  • 14 мая 2009, 11:22
  • Vilz

Отступ параграфа в топиках

 
Можно ли установить отступ для параграфа?
А то не очень удобно читать сплошной текст без отступов!

Надо лишь вставь одно свойство для топика text-indent

www.htmlbook.ru/css/text-indent.html

Было бы очень удобно читать нормальные параграфы.
  • -4
  • 04 апреля 2009, 23:58
  • hello