Jump to content

sashakiselev

User
 View Profile  See their activity

  • Posts

    47

  • Joined

  • Last visited

 Content Type 

Everything posted by sashakiselev

  1. sashakiselev
  2. sashakiselev
    гениально.. .. ИЕ повержен, пооообедитель psywalker Большое Спасибо!
  3. sashakiselev
    эээ...) ну я вообще хотел поменьше. Нет серьезно, ну без Зума ИЕ все показывает как и остальные поп-браузеры, вот почему и написал выше что с ИЕ без указания ширины это мне показалось не подходящим решением. Размер должен определяться рамкой padding..
  4. sashakiselev
    Justnewone, это не какаялибо работа.. просто пример для вопроса.. ну а при определенных задачах кто знает какой способ окажеться предпочтительнее .. и вообще интересно все относительно СSS и IE
  5. sashakiselev
  6. sashakiselev
    psywalker, попробывал.. ну Зум в IE без ширины не годиться.. PS..так что же без ширины решения нет? Странно, ибо смотрел в популярной книге ЭндиБадда "мастерская CSS" там в аналогичном примере он приводит код без ширины (и зума) уверяя что это 100% кроссбраузерно, даже под IE5)
  7. sashakiselev
    по поводу "zoom" - не знаю про это - спасибо почитаю. по поводу ширины - указать ширину чего простите? всего списка, блока? тут просто ширина блока не указана по идее, что размер определяется полем "padding" в кеглях, которое может меняться в зависимости от кол-ва символов и шрифта! ну а собственно ширина "ul" ничего не меняет кроме размера) Зы. или 1 и 2 это два разных варианта решения, а не их комбинация.. ээ видимо да) Great Rash, спасибо за зум и вам=).
  8. sashakiselev
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html> <head> <title>page2</title> <style type="text/css"> ul {padding: 0px; margin:0px; background: #222; list-style: none; float: left; } ul li {float: left; } ul a { display: block; padding: 0 3em; line-height: 4em; text-decoration: none; color:#FFF; } </style> </head> <body> <ul> <li><a href="#">Кнопка</a></li> </ul> </body> </html>
  9. sashakiselev
    пофлеймлю перед сном) понятие пошлости как минимум субъективно.. Даже если человек и знает общепринетые смыслы слова.. врятли применит их к себе=) эт раз. и думаю два "интересное и новое" для широкой публики как то утопично Для придания посту "смысловой нагрузки" кину ссылку на что-то соответствующее моим предстовленияй сабжа. - Люблю плоский, лаконичный стиль.. вот что-то типа того нагуглил. (но опять же тематика играет охрененно важную роль - для многих тем, думаю это очевидно, такой стиль как корове седло).. ЗЫ.. я только начал пробывать верстать. И как сказал выше - такая стилистика по мне. Так что мне было бы интересно узнать мнение кто, что думает о примере (ну и подобном - такого добра хватает). О расположении, шрифте.. т.е. его читаемости и т.д.
  10. sashakiselev
    psywalker, Justnewone БольшоеСпасибо! ну исходя из этого. Я понимаю "родство" в своем примере так: td.text зависит от table.main, table.main от html, body!?? Так вот указав html, body{height: 100%} table.main{height: 100%} td.text {height: 100%;} результат достигнут. Это и есть правильное решение? И почему первоначальный вопрос был про значения margin/padding? PS.. и еще) возникла проблема с ИЕ6 - в нем появилась прокрутка вверх/вниз - т.е. ячейка "copyright" слетает вниз - чтоб увидеть ее нужно крутить вниз - а такого быть не должно! Что здесь не так? Вообще свое обучение начал с этого урока (не знаю правомерно ли тут размещать ссылки на сторонние ресурсы, в случае чего удалю) http://www.pastukhova.com/lesson1.php - так вот сейчас беря во внимание "реакцию" на доктайп и правила наследования выходит там у чела неправильный код!? (Интересно!)
  11. sashakiselev
    Justnewone, да без доктайпа ГУД! Может вы меня просветите на счет "размеров сбацать" - буду счастлив.. без сарказма - в конец запутался.. Я ставил там ноли чтобы небыло промежутков между таблицей и границами экрана..(Я по сути в этом и понял значение этих атрибутов!?) Так какие там поставить значения чтобы "нужная" ячейка стала резиновой ?? и в чем логическая связь между ними?
  12. sashakiselev
    Justnewone, margin-padding были изначально.. правил имена классов для симпатичности.. хз может я в момент написания раньше запостил перепутав с "предварительный просмотр", хотя изначально они были.. ctrl c - p - куда им деваться).. Но это не суть совсем - главное что у меня они в моем файле существуют вместе с вышеуказанной проблемой!(.
  13. sashakiselev
    ээ...указаны же!
  14. sashakiselev
    Название темы столь универсально=), что решил поднять ее для своего вопроса, несмотря на совсем иную проблему. Собственно получив понятие о необходимости сабжа для корректного отображения документа, уже на этапе разметки добавив его в код, к большому удивлению получил игнор на указанный в процентах размер таблицы и ее элементов, т.е. работают только фиксированные в px. До того с этим не сталкивался, т.к. пренебрегал доктайпом, т.е. без него все ОК!. ??? ЗЫ.. по-моему перепробывал все только встречавшиеся мне на пути доктайпы. код разметки, где по идее ячейка "text" должна быть резиновой: <! —вставьте ваш любимый доктайп=)—> <html> <head> <title>page name</title> <style type="text/css"> html, body{ margin:0px; padding:0px;} table.main { width: 400px; height: 100%; border-collapse: collapse; border-color: #000000;} td{ font-family: Tahoma; font-size: 11px; color: #000000; vertical-align: top; border: 1px solid #000000;} td {padding: 0px;} td.top {} td.menu {} td.text {height: 100%;} td.copyright {text-align: center;} </style> </head> <body> <table border="1" class="main" align="center"> <tr> <td>empty</td> </tr> <tr> <td class="top">top</td> </tr> <tr> <td class="menu">menu</td> </tr> <tr> <td class="text">text</td> </tr> <tr> <td class="copyright">copyright</td> </tr> </table> </body> </html>
  15. sashakiselev
    Searcher, а вот по поводу border-color тоже интересно - во-первых у меня с ИЕ6 и 2ухмерные не совпадают. И прииенительно к самой таблице или к ее классу тег у меня работает только в ФФ, Опера же только реагирует применительно к ячейке. с ИЕ не то не другое не работает в полной мере? так ли это - или 100% моя ошибка (если нужно кину код). psywalker, да это так. Именно для понимания ситуации, что можно сделать в том или ином случае, а что нет. Я только начал это все изучать.. ну и не очень люблю когда появляется постоянное "Почему?", это даже в какой то степени раздражает). Конкретно для моих задач конечно же рамка мне врятли пригодится - тем более трехмерная, но на этапе разметки хотелось бы ее видеть одинаковой PS.. я вообще думал что эти вопросы уже все пережованы и так как должным образом не использовал поиск по форуму, почти был уверен, что меня в него тут же отправят... в лучшем случае кинут ссылку на что то аналогичное.. ээ вобщем странно как то, что подобные по сути банальные вопросы не рассмотрены.. может это и правда не так уж важно хз.. Так или иначе вопросов еще много=), но это уже в следующей теме. Засим Спасибо! psywalker, дабы не засорять.. пишу выше) - спасибо за добрые слова - будем стараться).
  16. sashakiselev
    Я думаю использование относительной ширины в колонке с текстом один из вариантов решения. атрибут width, значение в %. PS.. и сам текст лишний раз проверить бы надо, а то "Мы рады, что вы посетили нашу странице" - это прям анекдот)
  17. sashakiselev
    Собственно вот.. попробую повторить вопрос с примером минимального=> надеюсь правильного кода). Как я уже понял проблема к кнопкам непосредственно никакого отношения не имела. Вопрос действительно только в цвете рамок таблицы. Вот очередной скрин (сверху вниз IE6, FF, Opera): !Более того для себя нашел еще один неприятный момент - FF меняет цвет рамки в зависимости от цвета body - например при FFCC33 (справа), результат практически как у Оперы. Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>page name</title> <style type="text/css"> body {background:#123456;} </style> </head> <body> <table border="15"> <tr> <td>12345</td> </tr> </table> </body> </html> ЗЫ.. Пробывал как тут не помогло - получалось подружить FF с Оперой только при {border-collapse: collapse}, при трехмерных рамках различие сохраняется, также не меняется "реакция" FF на цвет(об этом выше) С IE 6 {border-collapse: collapse} вообще не работает, т.е. с ним не при каких не получилось достичь желаемого. ?
  18. sashakiselev
    s0rr0w, спасибо!
  19. sashakiselev
    psywalker, о да.. я понимаю=) ЗЫ..Попробую сделать чистый файл сначала, начиная с самих кнопок в таблице. Если подобное повториться напишу в эту же тему уже с "правильным" кодом. Еще раз БольшоеСпасибо!
  20. sashakiselev
    я т.к. не оч. в этом разбираюсь взял из Дримвэйверского "чистого проекта". Он такой: <!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">
  21. sashakiselev
    psywalker, ссылка видимо не верна, она ведет на эту же страницу!))
  22. sashakiselev
    psywalker, Как одинаково? ээ не может быть. По поводу чтива - я Вас понимаю! и конечно же читаю и читаю и буду=). Всю прошлую ночь честно пробывал различные теги и в хтмл и в цсс) - не нашел. Border вроде такая простая и одновременно важная вещь, что хотелось бы все понять, чтоб двигаться дальше. потому и написал. По поводу что у Вас "одинаково", ну оч. врятли.. Вы не посмотрите на целой странице еще раз для меня, чтоб я точно был уверен так ли это. 1 кбайт файлов тут Спасибо...pray-pray-pray) s0rr0w, поставил, посмотрел - нет это не причина!
  23. sashakiselev
    Привет. Собственно сама просьба в теме. Это моя первая попытка html/css верстки. Сразу столкнулся с тем что не могу добиться эдентичного отображения границ таблицы с вложенными кнопками. Опера ФФ и ИЕ доют три разных результата. Мне интересно решение без использования изображений. Извените за css код кинул от всей сраницы - уже мозг "болит думать"). ЗЫ.. вобщем если комуто не лень "помочь нубу" буду весьма счастлив . Тему кинул в html, ибо предполагаю что с IE6 все не решить только с css. хз) принтскрин html <html> <head> <title>page name</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <table border="0" class="main" bordercolor="#FFFFFF" align="center" cellpadding="10"> <tr> <td height="6" border="0"></td> </tr> </td> </tr> <td class="topmenu"> <table class="main" border="1"> <tr> <td class="menuitem"><a class="button" href="">1</td> <td class="menuitem"><a class="button school" href="">2</td> </tr> </table> </td> <tr> <td class="text">text</td> </tr> </table> </body> </html> css html, body {margin:0px; padding:0px;} table {border-color: #FFFFFF;} table.main {width: 300; height: 10%; border-collapse: collapse; border: 0 solid #FFFFFF;} body, input, select, textarea {background:#999999; font-family:Tahoma; font-size:10px;} td {padding: 0px;} td.top {background-color: #FFFFFF; padding-top: 5px; padding-left: 22px; padding-bottom: 7px;} td.copyright {padding-right: 5px;height: 32px; text-align: center; font-size: 10px; color: #656565; background: #FFFFFF;} td.text {height:100%; background:#123456;} td.menuitem {background-image: url(1menuitem_bg.jpg); background-repeat: no-repeat; background-position: right;} a.button {display:block; text-align: center; font-size: 10px; text-transform:uppercase; height:25px; line-height:25px; width: 150px;color: #ffffff; font-weight:bold; background:#FFCC33;text-decoration: none;} a.button:hover {font-size: 10px;background:#FFA22B;text-decoration: none} a.school {background:#559DD9;} a.school:hover {background:#1878D2;}
×
×
  • 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