Jump to content
  • Sign Up

minvareg

Newbie
  • Posts

    11
  • Joined

  • Last visited

Everything posted by minvareg

  1. div.Row { height: 15vh; width: 100%; ... } div.Col{ height: 100%; ..... .Col1{width: 10%;} .Col2{width: 60%;} ) <Div class = "Row"> <Div class = "Col Col1">текст<Div> <Div class = "Col Col2">Длинный текст<Div> </Div> Такой вот код. Как средствами CSS3 сделать так, чтоб текст был, допустим, 70% от высоты ROW (или COL, в моем случае высота одна и таже), но в случае, если не вмещается в заданную ширину блока, автоматически уменьшался в размере? Спасибо
  2. Добрый день! Как сделать наследование при описании класса? Именно при описании, а не родитель -дочерний элемент. Т.е. есть div.Class1 {тут куча всего} Этот класс не используется напрямую, но от него наследуются два класса, т.е. должно получится div.Class2 {border: 1px solid red;} + то, что я определил в Class1 div.Class3 {border: 1px solid black;} + то, что я определил в Class1 Т.е. Class 1 сделан чтоб просто чтоб не дублировать одно и тоже при описании Class2 и Class3 Надеюсь, суть вопроса ясна 🙂 Спасибо
  3. minvareg

    Opera mini и css

    Разметка работает везде кроме этого браузера. В Opera mini она работает частично - цвета, бордеры... Не могу установить ширину элементов, таблица внутри DIV позиционируется по центру почему-то, и т.п Это как-нибудь лечится, какие особенности написания под этот браузер? В IE на экране PDA все как я хочу отображается
  4. Собствено сабж. Есть сайтик резиновый, нормально смотрится на нормальном экране. На экране PDA конечно же плывет. Отсюда вопросы 1. Под PDA делается отдельная верстка? 2. Как учитывается ширина экрана? Резиновый дизайн - это конечно хорошо, но как быть с широкими таблицами с данными, которые никак не умещаются даже в 640px, а уж про 240 вообще молчу? Или от горизонтального скрола никуда не деться? 3. Как отлаживаться? если нет под рукой реального устройства. У Оперы есть опция "маленький экран", но при этом летит нафиг часть CSS, т.е. игнорируется некоторые установки(например ширина Input). И вид страницы втиснутой в DIV шириной 240 на нормальном экране и в режиме "маленький экран" сильно отличаются 4. Что почитать по этому поводу Спасибо
  5. Задача: В зависимости от чекбокса надо показывать или скрывать некоторые элементы списка. Вопрос: можно ли вообще это сделать? в привеленном ниже коде этот номер не получился <select name="hero"> <option value="s1">Чебурашка</option> <option value="s2" selected>Крокодил Гена</option> <option value="s3">Шапокляк</option> <option value="s3" style="visibility: hidden;">Крыса Лариса</option> </select>
  6. Есть ячейка таблицы <TD> с фиксированной шириной. В ней есть допустим длинное слово, которое не влезает заданную ширину. Сейчас ячейка ячейка растягивается по ширине, чтоб слово вместилось целиком. Если слова два и они не влезают в ширину, то второе слово переносится на новую строку. А как сделать перенос одного слова?
  7. Можно как-то указать, что td имеет указанные свойства если он идет после одного из указанных классов tr? конструкция ниже не работает, первые два класса игнорируются tr.QueryTableHeader, tr.QueryData, tr.QueryDataOdd td {padding-left: 5px; padding-right: 5px; border-width:1px; margin: 0; } Вариант написать свойства td раздельно для каждого tr оставлен на крайний случай, если подругому никак
  8. Сделал скроллируемую таблицу, т.е. заголовок на месте, данные скроллятся. Сделано и это из двух разных таблиц, у которых задан параметр width одинаковый для каждой колонки. Все было хорошо, пока не потребовалось сделать разные отступы текста padding для заголовка и данных. Заголово и данные разъехались. Оказывается полная ширина состоит из width + padding + ..... Вопрос - можно ли в задать полную ширину колонки, чтоб не заниматься пересчетом с учетом всех отступов и бордеров. Можно конечно что-то типа <TD><P>Текст</TD> сделать и отступ задавать у <P>, но это интересует можно ли как-то по другому
  9. Пока ждал ответа, уже нарыл, что это хак.. Но откуда у него ноги растут и почему это так работает - не нашел.
  10. заработало... Только непонятно, что это _margin-top:-) Порылся по форуму, нашел еще .margin-top... Но смысл остался неясен
  11. Надо сделать страницу, у которой заголоок при пролистывании всегда остается наверху. Сделал так, работает в FF и в Опере, а в IE между заголовком и основным контейнером получается дырка, как раз на величину отступа. Если margin-top убрать, то в IE будет нормально, а в Опере контейнер задвинется под заголовок. Как бороться, опыта пока маловато:-( <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Запросы</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <style type="text/css"> #mainContainer {width: 100%; z-Index: 1; margin-top: 82px;} #header {height: 82px; z-Index: 100; position: fixed; left: 0px; top: 0px; width: 100%; } } #header {background-color: #f00fff; } #mainContainer{background-color: #ff0060;} } </style> </head> <body> <div id="header"> <TABLE> <TR> <TD class = "TopMenu">Главная</TD> <TD class = "TopMenu">Информация по</TD> <TD class = "TopMenu">Запросы</TD> </TR> </TABLE> </div> <div id="mainContainer"> <H1>Задачи верстки</H1> !!!!!!!!!!!!!!!!!!!!!!! Тут надо вставить любой длиииииииииииииииинный текст </div> </body> </html>
×
×
  • 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