Jump to content

Casufi

User
 View Profile  See their activity

  • Posts

    36

  • Joined

  • Last visited

 Content Type 

Everything posted by Casufi

  1. Casufi
    Я не знаю высоту и ширину ячеек заранее
  2. Casufi
    Нужно расположить текст текст в заголовках к таблице вертикально, в идеале решение должно работать в 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; } Подскажите, каким образом развернуть текст в заголовке таблицы ?
  3. Casufi
    Следующую конструкцию описывают как такую, что должна работать на всем начиная с 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
  4. Casufi
    Сейчас используя такую вот конструкцию получаю 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);
  5. Casufi
    Есть такой инструмент http://getfirebug.com/ устанавливается как дополнение в firefox. Там на главной странице на скриншоте видно слева вкладку Layout, так вот в ней очень удобно смотреть каким образом расчитывается ширина элемента и что на нее влияет. Внимательно изучите свой сайт и посмотрите какие именно элементы задают фиксированную ширину.
  6. Casufi
    Нельзя для файлов с одним расширением использовать и PHP и SSI одновременно, да и не нужно. Если у тебя есть страницы, которые генерятся PHP и отдельно статические страницы, которые используют SSI тогда давай им разное расширение, а если у ты хочешь на страницах, которые генерятся PHP использовать SSI, то советую тебе отказаться от этой затеи и делать инклуды при помощи PHP.
  7. Casufi
    Всю жизнь думал, что предпочтение при выборе кодировки отдается meta а не заголовкам, век живи век учись. Спасибо за пример.
  8. Casufi
    http://www.w3.org/TR/html401/charset.html#spec-char-encoding Int прав, кодировку задавай в документе. Сам то понял что сказал ?
  9. Casufi
    Нужно сделать страницу с заголовком и подвалом в виде черной линии 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% Получается, что нижняя рамка исчезает, более того, появляется вертикальная прокрутка. Подскажите пожалуйста, как вкладывать блоки друг в друга, чтобы они полностью заполняли родительские блоки, но при этом им можно было задавать отступы от границ родительских блоков ?
  10. Casufi
    Возвращаюсь к версте в три колонки Есть такой набор блоков 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
  11. Casufi
    Похоже глюк моего фаерфокса. Что интересно, картинки не отображаются ни на работе, ни на домашнем компе. На соседних компах все в порядке.
  12. Casufi
    padding мне не подходит, padding отодвинет содержимое внутри блока, а merging отодвинет край блока. margin-left меня пока устроил. Попутный вопрос, как сделать так, чтобы свойство padding не затрагивало картинки внутри блока ?
  13. Casufi
    Спасибо clear:both нужно использовать в любом случае, вот только, если вешать float:left на второй блок, то у него перестает работать параметр margin-right: 100px;
  14. Casufi
    Тоже работает, и весьма красиво, только в этом случае оба блока перестают тянут границу верхних дивов вниз
  15. Casufi
    Уже поправил. Решил проблему установкой левой границы правого блока .right_content_border { margin-left: 248px; background-color: #ebebeb; margin-right: 100px; } Есть еще одна проблема. Содержимое блоков right_content и second_menu не тянет границу родительских блоков вниз
  16. Casufi
    Есть код <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
  17. Casufi
    Почемуто 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
  18. Casufi
    Подскажите пожалуйста можно ли сделать так, чтобы изображение, которое заданно в свойстве background-image для div, растягивалось по вертикали вместе с самим дивом ?
  19. Casufi
    А можно пример этого решения ? Я просто убрал из центрального блока все значения padding а отступы сделал при помощи margin у внутренних блоков и вставкой блока - распорки
  20. Casufi
    Понял в чем проблема, высота блока по спецификации определяется как
  21. Casufi
    Глюк можно увидеть на этих страницах 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 сайт отлично растягивается на высоту броузера
  22. Casufi
    Спасибо, помогло, просто там еще нужно было указать у блока .bttomheader { position:absolute;
  23. Casufi
    <!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 так как у страницы высота может быть больше высоты броузера и тогда должен появиться скроллер.
  24. Casufi
    Добрый день Вот пример сайта http://www.ulskiy.org.ua/example/ У наружного блока .contentbody и у елемента body задано свойство min-height : 100%; Если открыть его на мониторе с разрешением 1280 на 1024 в броузере Firefox, то будет видно, что это свойство не работает. Подскажите пожалуйста как решить эту проблему
  25. Casufi
    Если я правильно понял, у верхнего div віставить руками ширину, равную ширине максимальной картинки на странице. Это мне подходит, огромное спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept