Casufi

December 14, 2012

Я не знаю высоту и ширину ячеек заранее

December 13, 2012

Нужно расположить текст текст в заголовках к таблице вертикально, в идеале решение должно работать в Google Chrome и Firefox но вполне достаточно только Firefox.

Проую прописать

-moz-transform: rotate(270deg); -moz-transform-origin: 50% 50%;

и получаю вот такую вот картинку

Вот копия стиля с элемента

element.style {
    transform: rotate(270deg);
    transform-origin: 50% 50% 0;
}
.t20Standard th.t20ReportHeader {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #AAAAAA #AAAAAA #AAAAAA -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
}
th.t20ReportHeader {
    background-color: #CFE0F1;
    padding: 2px 8px;
    white-space: nowrap;
}

Подскажите, каким образом развернуть текст в заголовке таблицы ?

April 15, 2010

Следующую конструкцию описывают как такую, что должна работать на всем начиная с IE5 и заканчивая последним Firefox, но у меня она почемуто не сработала в IE6 и Opera 10.51

	@font-face {
		font-family: "AdineKirnberg";  src: url(./ADKS006.TTF) format("truetype");
	}
	h1 { font-family: "AdineKirnberg", sans-serif }

Вот ссылка на пример http://ifolder.ru/17305769

April 13, 2010

Сейчас используя такую вот конструкцию получаю 28 февраля 1985

	  lYear = 1985;
	  lMonth = 2;
	  var lDaysCount = new Date(lYear , lMonth, 0).getDate();
	  var lDays = new Date(lYear,lMonth-1,lDaysCount);
	  alert("Последний день: "+lDays);

По идее правильно должна отрабатывать вот такая конструкция, но она возвращает 31 марта

	 
	  lYear = 1985;
	  lMonth = 2;
	  var lDaysCount = new Date(lYear , lMonth+1, 0).getDate();
	  var lDays = new Date(lYear,lMonth,lDaysCount);
	  alert("Последний день:  "+lDays);

March 25, 2009

А в чем тогда может быть?

Есть такой инструмент http://getfirebug.com/ устанавливается как дополнение в firefox.

Там на главной странице на скриншоте видно слева вкладку Layout, так вот в ней очень удобно смотреть каким образом расчитывается ширина элемента и что на нее влияет. Внимательно изучите свой сайт и посмотрите какие именно элементы задают фиксированную ширину.

March 24, 2009

В .htaccess было сначало прописано AddHandler application/x-httpd-php .php .html, чтобы обрабатывался php. Затем я начал пользоваться SSI. Страницы оставил в формате html, поэтому прописал AddHandler server-parsed .html
. Но после этого не работает php на сайте. Как сделать так чтоб они работали вместе...

Нельзя для файлов с одним расширением использовать и PHP и SSI одновременно, да и не нужно. Если у тебя есть страницы, которые генерятся PHP и отдельно статические страницы, которые используют SSI тогда давай им разное расширение, а если у ты хочешь на страницах, которые генерятся PHP использовать SSI, то советую тебе отказаться от этой затеи и делать инклуды при помощи PHP.

March 24, 2009

Вот и иллюстрация моей гипотезы, там правда кодировка дока в мете как utf-8, а кодировка сервака судя по http - 1251
http://aptana.ru/
Вот не было бы меты, допустим, и сам документ был бы сохранен в 1251 - все было бы хорошо. Ну там может база отдает так... короче это уже не суть.

Всю жизнь думал, что предпочтение при выборе кодировки отдается meta а не заголовкам, век живи век учись. Спасибо за пример.

March 23, 2009

http://www.w3.org/TR/html401/charset.html#spec-char-encoding

Int прав, кодировку задавай в документе.

Если в серваке твердо зашито, например, utf-8 и только отдавать - то

Сам то понял что сказал ?

March 14, 2009

Нужно сделать страницу с заголовком и подвалом в виде черной линии 10 пикселей.

Я пробую сделать так

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
  <HEAD>
  <TITLE>Page</TITLE>
  <STYLE type="text/css">
BODY {
	margin: 0px;
	min-height: 100%;
	min-width: 100%;
}

.contentframe {
	background-color: #4c4c4c;
	min-height: 100%;
	min-width: 100%;
	margin: 0px;
	padding-bottom: 20px;
	padding-top: 20px;
	position: absolute;
}

.innercotent {
	background-color: #ffffff;
}
  </STYLE>
  </HEAD>
  <BODY>
   <div class="contentframe">
		<div class="innercotent">
			Page text
		</div>
	</div>
  </BODY>
</HTML>

Проблема в том, что размер блока contentframe вычисляется как padding-top + padding-bottom+100%

Получается, что нижняя рамка исчезает, более того, появляется вертикальная прокрутка.

Подскажите пожалуйста, как вкладывать блоки друг в друга, чтобы они полностью заполняли родительские блоки, но при этом им можно было задавать отступы от границ родительских блоков ?

April 15, 2008

Возвращаюсь к версте в три колонки

Есть такой набор блоков

 
HTML код
 <div class=all_page>
 <div class=left_content_border>
 <div class=left_content>
 <img src="/site_resources/images/sidebanner.jpg"/>
 <div class=second_menu>
 Это первый блок 
 </div>
 </div>
 </div>
 <div class=right_content_border>
 <div class=right_content>
 Это второй блок

 Он должен находиться справа от первого

 </div>
 </div>
 <div class=right_banner>
 <a href=http://www.lipsum.com/>Lorem ipsum</a>
 </div>
 <div class=third_menu>
 </div>
 </div>


CSS

.left_content_border{
 width: 248px;
 float: left;
}
.left_content {

}

.second_menu {
 padding: 10px;
}

.right_content_border {
 float: left;
 margin-right: 100px;
}

.right_content {
 padding: 40px;
 margin-left: 4px;
 margin-right: 4px;
}

.right_banner {
 text-decoration: none; 
}

.third_menu {
 clear: both;
}

Если второму блоку я указываю свойство float: left он перестает реагировать на margin-right: 100px; и его ширина определяется по контенту.

Более того, если я вставляю некое количество текста в этот блок он и вовсе уезжает вниз, под первый блок

По задумке ширина второго блока должна ограничиваться первым блоком слева и блоком right_banner справа, при наполнении текстом содержимое этого блока должно растягивать весь сайт вниз и находится между первым блоком и боковым баннером

Вот ссылка на страницу целиком

http://mail.avtodin.ru/site_resources/htmls/main_page1.html

Вот ссылка на таблицу стилей

http://mail.avtodin.ru/site_resources/css/main_page.css

April 7, 2008

Похоже глюк моего фаерфокса.

Что интересно, картинки не отображаются ни на работе, ни на домашнем компе.

На соседних компах все в порядке.

April 7, 2008

А padding-right у него работает?

padding мне не подходит, padding отодвинет содержимое внутри блока, а merging отодвинет край блока.

margin-left меня пока устроил.

Попутный вопрос, как сделать так, чтобы свойство padding не затрагивало картинки внутри блока ?

April 7, 2008

В данном случае это тоже вариант, но clear:both - правильнее и универсальнее.

Спасибо

clear:both нужно использовать в любом случае, вот только, если вешать float:left на второй блок, то у него перестает работать параметр margin-right: 100px;

April 7, 2008

Решение: в стиль .right_content_border нужно добавить float:left;

Тоже работает, и весьма красиво, только в этом случае оба блока перестают тянут границу верхних дивов вниз

April 7, 2008

Уже поправил.

Решил проблему установкой левой границы правого блока

.right_content_border {
 margin-left: 248px;
 background-color: #ebebeb;
 margin-right: 100px;
}

Есть еще одна проблема.

Содержимое блоков right_content и second_menu не тянет границу родительских блоков вниз

April 7, 2008

Есть код

 <div class=all_page>
 <div class=left_content_border>
 <div class=left_content>
 <img src="/site_resources/images/sidebanner.jpg"/>
 <div class=second_menu>
 Это первый блок 
 </div>
 </div>
 </div>
 <div class=right_content_border>
 <div class=right_content>
 Это второй блок

 Он должен находиться справа от первого

 </div>
 </div>
 </div>
 </div>

Вот стили

.left_content_border{
 margin-left: 5px;
 width: 248px;
 background-color: #ebebeb;
 float: left;
}
.left_content {
 margin-right: 4px;
 background-color: #ffffff;
}
.right_content_border {
 background-color: #ebebeb;
 margin-right: 100px;
}
.right_content {
 margin-right: 4px;
 background-color: #ff00ff; 
}

Что получается

Div right_content_border и right_content вместо того, чтобы лечь справа от дива left_content_border, начинаются от границы дива верхнего уровня.

Вот ссылка на образец

http://mail.avtodin.ru/site_resources/htmls/main_page.html

Вот ссылка но полный ЦСС

http://mail.avtodin.ru/site_resources/css/main_page.css

April 7, 2008

Почемуто Firefox не хочет отображать фоновую картинку. Причем в IE, Opera, Safari все отображается нормально.

Вот кусок кода из CSS

.topheader {
 height: 405px;
 background: transparent url(/site_resources/images/topbannermain.jpg) center no-repeat;
}

Вот ссылка на страницу

http://mail.avtodin.ru/site_resources/htmls/main_page.html

Вот ссылка на ЦСС

http://mail.avtodin.ru/site_resources/css/main_page.css

March 21, 2008

Подскажите пожалуйста можно ли сделать так, чтобы изображение, которое заданно в свойстве background-image для div, растягивалось по вертикали вместе с самим дивом ?

October 24, 2007

что б такого небыло надо обнулить все дефолтные настройка браузера

А можно пример этого решения ?

Я просто убрал из центрального блока все значения padding а отступы сделал при помощи margin у внутренних блоков и вставкой блока - распорки

October 24, 2007

Понял в чем проблема, высота блока по спецификации определяется как

'top' + 'margin-top' + 'border-top-width' + 'padding-top' + 'height' + 'padding-bottom' + 'border-bottom-width' + 'margin-bottom' + 'bottom' = высота контейнера

October 24, 2007

Глюк можно увидеть на этих страницах

http://www.ulskiy.org.ua/portofolio/outdoor.html

http://www.ulskiy.org.ua/portofolio/logotypes.html

Лучше всего его видно на

http://www.ulskiy.org.ua/portofolio/websites.html

Вот таблицы стилей

http://www.ulskiy.org.ua/portofolio/greenstyle1.css

http://www.ulskiy.org.ua/portofolio/greenwebsites.css

http://www.ulskiy.org.ua/portofolio/greenthumbnails.css

Вот описание глюка.

Сайт состоит из четырех блоков (topheader, menucontainer, contenttext, bttomheader) вложенных в главный блок (contentbody)

У блока topheader жестко прописана высота, задано абсолютное позиционирование и он привязан к верхнему левому углу главного блока

у блока bttomheader тоже жестко прописана высота, задано абсолютное позиционирование и он привязан к нижнему левому углу главного блока

У главного блока contentbody прописанны свойства

	position:relative;
	min-height: 100%;
	padding-bottom:50px;
	padding-top: 165px;

вот структура сайта

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> </title>

<link rel="stylesheet" href="greenstyle1.css" type="text/css" />
<link rel="stylesheet" href="greenwebsites.css" type="text/css" />
<link rel="stylesheet" href="greenthumbnails.css" type="text/css" />
<!--[if lt IE 7]>
<link rel="stylesheet" href="greenstyleie.css" type="text/css" />
<![endif]-->

</head>
<body>
	<div class="contentbody">   
		<div class="topheader"></div>
	<div class="topheaderleft"></div>
	<div class="menucontainer"> </div>
	<div class="contenttext"> </div>
	<div class="bttomheader"> 
		<div class="bttomheaderleft"></div>
		<div class="bttomheadercenter"></div>
		<div class="bttomheaderight"></div>
	</div>
	</div>	
</body>
</html>

Вот в чем глюк: В FireFox и Opera результирующая высота страницы получается (высота окна броузера + 165 + 50) Интернет Експлорер 6 сайт отлично растягивается на высоту броузера

October 12, 2007

html, body { height:100%;}

Спасибо, помогло, просто там еще нужно было указать у блока

.bttomheader {
 position:absolute;

October 11, 2007

а у html задано height: 100%?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
 <head>
 <meta content="text/html; charset=UTF-8" http-equiv="content-type" />
 <title>123</title> 
 </head>
 <body style="min-height: 100%;background-color: rgb(255, 26, 88);">
 мс
 </body>
</html>

Вот пример кода, где у html тоже не заданно height: 100%

Кроме этого, мне нужно чтобы работал параметр min-height так как у страницы высота может быть больше высоты броузера и тогда должен появиться скроллер.

October 11, 2007

Добрый день

Вот пример сайта http://www.ulskiy.org.ua/example/

У наружного блока .contentbody и у елемента body задано свойство min-height : 100%;

Если открыть его на мониторе с разрешением 1280 на 1024 в броузере Firefox, то будет видно, что это свойство не работает.

Подскажите пожалуйста как решить эту проблему

October 11, 2007

выстави фиксированную ширину. он будет тянутсья вниз

Если я правильно понял, у верхнего div віставить руками ширину, равную ширине максимальной картинки на странице.

Это мне подходит, огромное спасибо.

Sign In

Casufi

Posts

Joined

Last visited

Content Type

Profiles

Forums

Calendar

Store

Posts posted by Casufi

Вертикальный текст в заголовке таблицы (Firefox)

Вертикальный текст в заголовке таблицы (Firefox)

@font-face в Opera и IE6

Как получить последний день месяца

Горизонтальные полосы прокрутки

Не работают вместе php и SSI.

Вместа текста отображаются крокозябры

Вместа текста отображаются крокозябры

Резиновый дизайн по вертикали с заголовком и подвалом

Верстка в три колонки.

Firefox не отображает background-image.

Как расположить div справа от предыдущего

Как расположить div справа от предыдущего

Как расположить div справа от предыдущего

Как расположить div справа от предыдущего

Как расположить div справа от предыдущего

Firefox не отображает background-image.

Фоновый рисунок для слоя, масштабирование по вертикали.

Неправильно вычисляется высота страницы

Неправильно вычисляется высота страницы

Неправильно вычисляется высота страницы

Не работает min-height : 100% в FF

Не работает min-height : 100% в FF

Не работает min-height : 100% в FF

Установить ширину блока по ширине содержимого.

Forums

Important Information