Jump to content

skvor

User
 View Profile  See their activity

  • Posts

    80

  • Joined

  • Last visited

 Content Type 

Everything posted by skvor

  1. skvor
    Возможно, надо просто проверить поддержку repeat-y вашими браузерами.
  2. skvor
    Спасибо. Конечно, JS это не серьёзно, только больше проблем будет.
  3. skvor
    Таблицей будет проще и быстрее )) Насколько я понимаю, чтобы определить размер блока относительно родителя, надо чтоб у родителя был заданный размер. А если размер задан, то контент уже не будет растягивать блок.
  4. skvor
    http://rubbish.staff-base.com/div-menu.html Не могу понять поведение красных блоков. Если ширина обозначена, как в синем модуле, то поведение предсказуемо и понятно. Во втором (зелёном) модуле, второй красный блок (в Point5) становится шире из-за большего числа подпунктов. Почему так? Спасибо
  5. skvor
    Вроде была тема, но не могу найти. Блок с текстом - выровнен по ширине - поля auto - установлен max-width - overflow: auto Небольшая трабла: при переходе со страницы, на которой весь текст помещался без прокрутки, на страницу где эта прокрутка появляется, поле с аккуратно выровненным текстом заметно смещается влево. Ставить scroll не охота, т.к. длинных страниц мало, а выглядит при коротком тексте - похабно. Есть ли какое-то решение? Спасибо.
  6. skvor
    таки правильно Я б перевёл В любом случае, это никак не стыкуется с описанием http://htmlbook.ru/css/clear
  7. skvor
    http://htmlbook.ru/css/clear http://www.w3.org/TR/CSS21/visuren.html#propdef-clear Из htmlbook-а (я так понимаю) clear навешаный на плавающий блок, запрещает обтекать себя другим элементам. И нифига так не работает. Из W3 (если я правильно понимаю инглиш) следует, что clear надо навешивать на тот элемент, контент которого может обтекать плавающие блоки. Пример я отредактировал так <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>clear</title> <style type="text/css"> #layer { float: left; /* Обтекание блока по правому краю */ background: #fd0; /* Цвет фона */ border: 1px solid black; /* Параметры рамки */ padding: 10px; /* Поля вокруг текста */ width: 40%; /* Ширина блока */ } #layer + * { clear: left; } /* !!! Т.к. в IE6 это не работает, то выпендрёж соседних тегов надо заменить на селекторы тегов, которым запрещено обтекать "всё". */ </style> </head> <body> <div id="layer"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. </div> <!--div style="clear: left"></div--> <p>Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.</p> </body> </html>это более правильно, т.к. не используется для форматирования HTML и соблюдается принцип разделения логической разметки и оформления. Описание свойства состоит из двух предложений. Ошибка в первом.
  8. skvor
    Чтоб на бумажке была ссылка, которой нет на мониторе, надо использовать стили для печати. Никто на принтер не копипастит. И скрипты для этого не нужны Пример страницы с изменением содержания при печати http://ru.staff-base.com/?v=r92
  9. skvor
    Ещё один глупый довод. Посетителю сайта не надо предоставлять возможность копирования, тем более удобного. А вы явно желаете получить нахаляву входящих ссылок с тех ресурсов, которые пытаются тырить чужой контент. Если владелец другого ресурса захочет своим посетителям "честно" предоставить полезную информацию с вашего ресурса, то он не будет вообще копировать, а даст анонс и поставит ссылку.Для тех кто был в танке на уроках информатики - Выделение и жмяканье Ctrl-C/Ctrl-V копирует текст (точнее - системный код данных), а не код HTML по которому была отрисована страница. Если кому-то надо взять HTML код, то всегда можно открыть Ctrl-U и получить чистый исходник, на содержание которого JavaScript-машина браузера не влияет, ибо это совершенно ни кому не нужно.
  10. skvor
    Пишу <html style="border: red dotted 50px; width: 100%; height: 50%; /*padding: 50px;*/"> <body style="border: blue solid 10px; margin: 0; width: 100%; height: 100%; padding: 100px;"> bla-bla-blah </body> </html>получаю бред. 1) Естественное желание - иметь некоторые фиксированные размеры родителя, возможно с padding-ом, а дочерний блок вписать в то свободное место родителя, которое должно остаться после padding. 2) ИЧСХ - по высоте оно всё растягивается, а по ширине - выходит за границу. Решил начать разбираться с корневых элементов, но div-ами, тоже не могу решить этот вопрос <div style="border: red dotted 50px; width: 100%; height: 50%; /*padding: 50px;*/"> <div style="border: blue solid 10px; margin: 0; width: 100%; height: 100%; padding: 100px;"> bla-bla-blah </div> </div>Padding у внешнего блока показывает, то, что он тоже растягивает размер своего блока. Мне кажется, глупость в том, что размер блока в процентах задаёт размер свободного места в этом блоке относительно свободного места родителя.
  11. skvor
    Технологически, это невозможно, т.к. для просмотра сайта, посетитель копирует контент на свой компьютер. Практически, защита контента сайта от копирования является глупостью аналогичной установке сигнализации на ведро в дачном сортире. Ценность контента всегда пропорциональна дееспособности автора, а степень желания защитить от копирования имеет обратную пропорциональность. Ну а выводы из этого, пусть каждый делает сам. Я имею порядка десяти примеров "кражи" у меня контента, и что-то мне кажется, никто из этой юной хакерты, порофита так и не поимел.
  12. skvor
    wildhind, спасибо, я так примерно и стал думать, но не вижу упоминаний об этом в описаниях CSS. И я не знаком с термином "поток" в приложении к визуализации HTML, если не затруднит, дайте ссылку, пожалуйста.
  13. skvor
    пример 1 пример 2 пример 3 пример 4 <body> <div></div> </body> Я не понимаю смысла и применимости стилевых свойств типа размеров, позиционирования, полос прокрутки и т.п. к контейнерам <html> и <body>. И вот, что заметил, в первом и втором файлах <body> имеет нулевую высоту (контейнер обведён рамкой из красных точек), во втором и третьем примерах - у дочернего div-а убрано свойство position: absolute; из-за чего body естественным образом растягивается. Вопрос 1 - почему <body> схлопывается, если дочерний элемент имеет абсолютное позиционирование? Предположу, что начальные свойства <body> совпадают, кроме margin, со свойствами <div>. Вопрос 2 - предположение верно?
  14. skvor
    Switch74, спасибо, вроде логика появляется.
  15. skvor
    v01d0s, спасибо познал, хотя и не понял логику исчезновения растягивания родителя
  16. skvor
    Switch74, спасибо, оба варианта работают. Но теперь я не понимаю, почему overflow:hidden; так действует. Я был уверен, что это свойство имеет значение только в плане отображения контента у тех контейнеров, размеры которых ограничены. И естественно не думал, что overflow:hidden; может дать силу растягивать родительские блоки. Ктоб пнул ссылку на то, где это написано. Хотя тут возможен обратный эффект - когда контейнер становится float, почему он теряет способность растягивать родителя?
  17. skvor
    Ваши знания неверны. При получении имени возможно: (1) использовать редирект, (2) указать собственные DNS-ы и (3) использовать DNS на Токелау. Возможности не зависят от платно или бесплатно. Вакансии.tk http://xn- - - - -6cdfcfkqacz0a8cfjkljbg2af1a4q.tk/ - убрать пробелы (форум слишком умничает)
  18. skvor
    <html> <head> <title></title> <style type="text/css"> html, body { height: 100%; border: dotted 2px red; } body { border-color: green; margin: 0; } div { border-width: 1px; border-style: solid; } div.main { padding: 120px 0px 120px 0px; border-color: red; } div.menu { border-color: blue; width: 25%; float: left; } div.content { border-color: green; float: left; width: 74%; } </style> </head> <body> <div class="main"> <div class="menu"> Пункт<br />Пункт<br />Пункт<br />Пункт<br />Пункт<br />Пункт<br /> </div> <div class="content"> содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание содержание </div> </div> </body> </html>Был уверен, что div.menu или div.content будут, "упираясь" в нижний padding родительского контейнера, растягивать высоту div.main. Если убрать float и width у div.content, то всё успешно растягивается. Вобщем понял, что я чего-то не понял, вопрос - что я не понял? Конечная цель вёрстки - получить две колонки, так чтоб div.main имел высоту согласованную с высотой наибольшего из div.menu и div.content.
  19. skvor
    http://narod.ru/ - если не нужны серверные скрипты. А это уже глупость - (1) домен полюбому должен иметь заказчик, (2) для показа сайта оно не принципиально, (3) летайте на Токелау - халява второго уровня, (4) я не знаю бесплатных хостингов, которые не дают субдомен.
  20. skvor
    Спасибо!
  21. skvor
    Объясните, пожалуйста, в чём смысл ввода в CSS3 элементов с парой двоеточий?
  22. skvor
    <table width="900"> <col width="1*"><col width="2*"><col width="3*"> <tr> <td style="background-color: orange;"> 1111 </td> <td style="background-color: lightblue;"> 2222 </td> <td style="background-color: orange;"> 3333 </td> </tr> </table> Рассчитываю на то, что колонки будут иметь ширину в пропорциях к ширине таблицы 1/2/3, а они получаются одинаковыми. Если задать ширину одной из колонок в пикселях, тоже ничего реального не задаётся.
  23. skvor
    <!--DOCTYPE html--> <html> <head> <title></title> <style> html { border: red dotted 1px; height: 100%; } body { border: blue dotted 1px; height: 100%; } body > table { border: red solid 1px; height: 100%; } /*body > table > tbody > tr > td { height: 100%; }*/ body > table > tbody > tr > td > table { border: blue solid 4px; height: 100%; } </style> </head> <body> <table> <tbody> <tr> <td style="border: green dotted 3px;"> <table> <tbody> <tr> <td> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </body> </html> В исходном варианте "всё нормально" - вложенная таблица имеет полную высоту. Но если раскомментировать DOCTYPE, то вложеная таблица "схлопывается". Для решения надо определить (раскомментировать) четвёртую строку стиля. Получается, что высота ячейки первой таблицы (при DOCTYPE) меньше высоты таблицы или изначально имеет нулевую высоту, и "растягивается" контентом. Где в стандартах это определяется? Спасибо
  24. skvor
    А ничего принципиального не будет. Если "штучку" надо добавлять на одну страницу, то она будет добавляться в <tag>Тело</tag> А если надо будет "шарфик" убрать или меню переделать, то всё равно придётся переписывать все страницы, и отсутствие классов будет только упрощать работу. Серёзное перелопачивание структуры, конечно, кажется сложнее, но меньше вероятность упустить контроль над классами. Например, можно использовать класс "head" для шапки страницы, а через полгода, когда будете добавлять на одну из страниц таблицу или сложно скомпонованный блок, можете по ошибке снова использовать "head". Возможно, изначально ошибки не будет видно, и вы с радостью растиражируете это по другим страницам, а ещё через полгода, когда захотите добавить розовенькую рамочку и фоновый цветочек, оно добавиться и в head всех страниц. Конечно, ошибку сразу увидите, но она уже будет на множестве страниц, да и вспомнить с чёго всё начиналось будет уже очень тяжело.
  25. skvor
    Чёрт бы их побрал, Вы правы, тупо добавил и всё сразу заработало. Спасибо! Вот из-за этого раздолбайства в стандартах, ракеты до Марса и не долетают Сейчас решил проверить и убрал <tbody> из HTML-кода, но оставил в селекторе - Konqueror перестал работать, а Опера 9 работает нормально. Во бардак! Ну это просто по логике форматирования страниц. Страницы сайта на верхнем уровне имеют идентичную структуру <tag> <tag>Шапка</tag> <tag>Шарф</tag> </tag> <tag> <tag>Меню</tag> <tag>Тело</tag> </tag> <tag>Ноги</tag> навешивание классов нелогично, т.к. они будут использованы по одному разу на страницу, увеличивая и усложняя код. При наличии селектора с возможностью выборки элемента по положению в стуктуре, форматирование будет более гибким и управляемым. Лучше немного усложнить селектор в файле стиля, чем в десяти страницах рисковать опечатками, дублями классов или затиранием при копипасте структуры.
×
×
  • 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