Jump to content

retk213

Newbie
  • Posts

    9
  • Joined

  • Last visited

retk213's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Уважаемый Rus, если не трудно, не могли бы Вы просто показать как это сделать можно проще на конкретном примере (в том коде, что я привел)? Просто я хотел бы все параметры таблицы (в том числе и ширину столбцов и их стиль) вынести в отдельный файл (*.css) и так, чтобы один и тот же стиль был написан один раз. Т.е. если я хочу изменить фон какой-то группы ячеек таблиц (условно говоря ячейки - "новости сайта") и, скажем, шрифт в них, то я хотел бы поменять только один параметр, а не менять стиль для каждой ячейки отдельно. Я привык, что в языках программирования для этих целей используются переменные, соответственно везде где значения одинаковые вместо конкретных значений подставляется значение переменной. Как оказалось в CSS все немного по-другому...
  2. Короче я понял, наконец, как это сделать для моего примера. Так правильно: <style type="text/css"> .t1 { background-color: #e00; border: 1px solid #fff} .t2 {width: 20px} .t3 {width: 50px} .t4 {width:100px} </style> </head> <body> <table> <tr> <td class = "t1 t2"> </td> <td class = "t1 t3"> </td> <td class = "t1 t4"> </td> </tr> </table> </body>
  3. Спасибо за ответы. Буду разбираться, хотя вариант от User все-таки попроще.
  4. Честно говоря, недопонял. Т.е. как правильно написать код? <style type="text/css"> .t1 { background-color: #e00; border: 1px solid #fff} .t2.t1 {width: 20px} .t3.t1 {width: 50px} .t4.t1 {width:100px} </style> </head> <body> <table> <tr> <td class = "t2"> </td> <td class = "t3"> </td> <td class = "t4"> </td> </tr> </table> </body>
  5. Понял, спасибо. Так все же лучше, чем дублировать одно и тоже.
  6. Никак не могу понять как это делается (и делается ли вообще). Т.е. например, можно ли задать переменную color01 = "#e00", а затем при описаниия стиля использовать идентификатор color01 вместо цвета? Или как можно сделать (может через наследование) что-то вроде этого: .t1 { background-color: #e00; border: 1px solid #fff} а затем каким-то образом "подключить" уже описанный ранее стиль, чтобы вместо кода: .t2 { background-color: #e00; border: 1px solid #fff; width = 20%} написать что-то вроде: .t2 {style="t1"; width=20% } Читал спецификацию по CSS2, так и не понял принципов наследования. Помогите кто-нибудь или дайте хотя бы ссылку на нормальную книжку про CSS!
  7. Большое человеческое спасибо, буду разбираться дальше!
  8. Спасибо, действительно помогло . А можно вопрос не совсем по теме - что дает свойство inherit?
  9. Как сделать так, чтобы в таблице все столбцы имели фиксированный размер, кроме одного, который должен растягиваться при растягивании окна. Вот такой вариант нормально работает в Опере и FireFox-е: <table width="100%" border="1" cellpadding="5"> <tr> <td style=" width: 200px; max-width: 200px; min-width: 200px; "> </td> <td style=" width: 70px; max-width: 70px; min-width: 70px;"> </td> <td style=" width: 100%;"> </td> <td style=" width: 128px; max-width: 128px; min-width: 128px;"> </td> <td style=" width: 128px; max-width: 128px; min-width: 128px;"> </td> <td style=" width: 128px; max-width: 128px; min-width: 128px;"> </td> <td style=" width: 128px; max-width: 128px; min-width: 128px;"> </td> <td style=" width: 133px; max-width: 133px; min-width: 133px;"> </td> </tr> </table> А вот в IE (6,7) все столбцы сжаты по минимуму, кроме одного. Может кто сталкивался с такой проблемой?
×
×
  • 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