Jump to content

aseran

Newbie
 View Profile  See their activity

  • Posts

    25

  • Joined

  • Last visited

 Content Type 

Everything posted by aseran

  1. aseran
    Прочитай эту статью, должно помочь. http://www.xiper.net/html-and-css-tricks/p...-roditelya.html
  2. aseran
    МОжет это и не совсем то что нужно но всеже, центрируется блок - но с задаными параметрами ширины и высоты (полезно для заглушек) <!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" xml:lang="ru"> <head> <title>Центрируем фон</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <style type="text/css"> * { margin: 0; padding:0; } html, body { height:100%; } body { width:100%; height:100%; display: table; } #container { display: table-cell; vertical-align: middle; background-color: #fff; } #fone2{ display: table-cell; vertical-align: middle; background-color: #333; position:absolute; width:50%; right:0; top:0; height:100%; z-index:5; } div#center { height:200px; width:200px; margin: 0 auto; position: relative; z-index:10; margin-top: expression(( document.documentElement.offsetHeight/2) -(parseInt(offsetHeight)/2) <0 ? "0" : (document.documentElement.offsetHeight/2) -(parseInt(offsetHeight)/2) +'px') ; background-color:green; } </style> </head> <body> <div id="fone2"></div> <div id="container"> <div id="center"> Center Fone </div> </div> </body> </html>
  3. aseran
    Согласен, считайте мои ответы в данной теме спамом. Я признаю свою ошибку, о том что не нужно бежать в переди паровоза.
  4. aseran
    что касается раздела "работа с html" я написал что сайт находится в стадии начального наполнения, нет ни дизайна (используется стандартная тема Wordpress) и по этому разделы могут не соответствовать представленным урокам.
  5. aseran
    Если все расписывать то нужно очень много сказать, и можно что то упустить, это останется не понятым что может довести до полного непонимания. Я к стати на своем сайте *SPAM* постараюсь дать необходимые рекомендации (уроки) которые дадут необходимый толчек в нужном направлении, для человека который захотел себя связать с web версткой, к сожалению на сайт времени практически нет, и по этому он в стадии начального наполнения ) Извините за саморекламу, но думаю что в дальнейшем сайт будет полезным ресурсом для начинающих.
  6. aseran
    Не знаю почему Вы так решили, я же написал после изучения основ верстки приступать к более детальному изучению модели поведения блоков, для тех кто начинает изучение верстки на мой взгляд это будет лучшим направлением. Хотя сколько людей столько и мнений.
  7. aseran
    Выскажу свое мнение, после изучения основ html css , чтобы быстрее научиться верстать необходимо максимально точно знать модель поведения блочных элементов (позиционирование и "обтекание" - игры float-ов ) научиться зрительно представлять каркасы элементов xhtml. и понять принцип независимых блоков о которых хорошо написал Виталий Харисов.
  8. aseran
    * html #wrapper, * html #footer { width: expression((documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':''); } применив экспрешен вы ограничили ширину обертки, но тогда нужно было сделать чтобы все элементы находящиеся в нем позиционировались относительно него? задав свойство для #wrapper { positon:relative;}
  9. aseran
    Это моя точка зрения, я рассматриваю этот вопрос с практической стороны все исходит из затраченного времени, но если тебя это не напрягает то это твой стиль оформления, я когда-то думал что красиво оформленный код - это круто - но это лишь юзабилити. Так что на мой взгляд хватит под робных разделений коментами с идеентичными названиями в (x)html и css
  10. aseran
    Если честно то так очень удобно разобраться и вложенность и разделение по блокам, но на мой взгляд не нужно столько времени тратить на оформление стилей в такой форме - красиво но не практично к сожалению
  11. aseran
    Правильно, как раз дефолтовые и и задаешь (сначала обнулением а затем назначением новых) а потом уже и для всего остального... Но тут В общем непаханое поле как это можно организовать - на все воля верстальщика )))
  12. aseran
    Я же написал это из-за того что внутренние стили разных браузеров различны, вот для этого и применяем, сначало обнуление, а чтобы не нарушить типографику вновь вводимого контента (не верстальщиком) т.к. каждый элемент html имеет свой стиль отображения. ты прочилал статью на хабре? или нет? думаю должно быть все понятно (смотри внимательно коментарии к данной теме) ты же пробовал вставить контент (с сайта на котором фреймворк), вложенные списки у тебя без необходимых отступов и т.п. Если ты еще не совсем понимаешь зачем все это, то если ты будешь практиковать верстку в будущем возникнут вопросы у заказчиков - что они не могут нормально вставить контент - контент будет без стилей и т.п. если ты прописываешь стили для параграфа <p></p> не факт что заказчик тоже будет вставлять текст именно в параграф если он вставит таблицу(которой изначально не было в дизайне - но очень захотелось заказчику вставить) и т.п. то тут необходимо выдержать стиль дизайна... иначе заказчик будет дергать тебя по каждому шагу добавления контента Но думаю со временем ты научишься беречь свое время .
  13. aseran
    Изначально reset.css служит для придания свойст множества браузеров к единым - т.к. по умолчанию у каждого браузера своя таблица стилей а затем с помощью этого фреймворка или его интерпритации прописываем стили единые для всех браузеров уже с отступами и т.п. т.е. мы тем самым приближаемся к одной из целей верстальщика - кроссбраузерность и соблюдение типографических свойств.
  14. aseran
    О чем я и имел ввиду если все предусмотреть то вставленный текст должен выглядеть как на сайте с которого ты его взял
  15. aseran
    http://habrahabr.ru/blogs/webdev/44084/ - думаю поймешь
  16. aseran
    по первому действительно не внимательно посмотрел по второму http://loremipsum.banzalik.ru/ вставь содержимое этой страницы в контентную часть и посмотри что получиться (по идее должно как и на странице быть)
  17. aseran
    ЧТо касается качества верстки - то код - его оформление (HTML) - (семантика) 8 (css посмотреть не могу) - оценка n/d На кроссбраузерность не проверял - оценка n/d . Чтобы увидеть в "приближении" семантику кода - отключите таблицу стилей - есть над чем поработать Что касается семантики - тут 1) блок с логотипом - телефон накладывается - в строку - можно было использовать блочный элемент вместо инлайн элемента. зачем в логотип ставить картинку награмождение - лучше это в стили задать для элемента <a> или <h1><a href="#">Логотип</a><span></span></h1> - а span абсолютно спозиционировать и присвоить в стилях картинку 2) Можно использовать метод отрицательных отступов - и поставить контентную часть выше навигационной. (это хорошо для оптимизации сайта) в верстке (коде) есть (элементы) которые не имеют ни какого значения Есть лишине обертывания div-ми например блок с языками UL и так блочный элемент и к нему и нужно было применять класс... + не нужно забывать что заказчик может вставить свой контент на страницу - например в ложенный список - нумерованный и с точками в контентную часть (как он выглядит сейчас - ВОТ. Обнуляя таблицу стилей браузера - не забудь предусмотреть добавление контента) Как правило это нужно, хотя это достаточно и добавляет css кода но это есть - ГУД.
  18. aseran
    Здравствуйте господа, не буду осужадть качество верстки, но замечу - что можно избежать (это не принципиально - выглядит лучше) —————— <!--[if IE 6]><link type="text/css" href="css/ie6.css" rel="stylesheet" media="all" /><![endif]--> <!--[if IE 7]><link href="css/ie7.css" rel="stylesheet" media="all" /><![endif]--> <!--[if IE 8]><link href="css/ie8.css" rel="stylesheet" media="all" /><![endif]--> ————————— заменить этой строчкой <!--[if IE]><link type="text/css" href="css/ie.css" rel="stylesheet" media="all" /><![endif]--> а уже в файле ie.css использовать хаки для версий IE в нем можно прописывать отдельные стили для всех версий IE (например его блочная модель отлична от других браузеров - я имею ввиду ширина + отступ) IE 6 * html style {font-size:6em; } IE 7 *+html style {font-size:7em; } IE 8 - для него как правило и не нужно отдельных хаков - он более ли менее ведет себя адекватно. в верстке (коде) есть (элементы) которые не имеют ни какого значения Чтобы увидеть в "приближении" семантику кода - отключите таблицу стилей - есть над чем поработать
  19. aseran

    Баг в Opere

    aseran replied to aseran's question in HTML Coding

    Спасибо натолкнули на мысль, все исправил не выстави float:left; width:100%;
  20. aseran

    Баг в Opere

    aseran posted a question in HTML Coding

    Здравствуйте, возникла проблема которую не смог сам решить http://www.test.html-az.com/tyrs.su/ при увеличении размера окна начинает прыгать в сторону левый блок а при открытии на весь экран остается смещение левого блока. хотелось бы узнать в чем причина. Заранее спасибо.
  21. aseran

    Баг в Opere

    aseran replied to aseran's question in HTML Coding

    Спасибо большое за подсказку - да действительно помогло. Буду иметь ввиду.
  22. aseran

    Баг в Opere

    aseran posted a question in HTML Coding

    Здравствуйте господа. В процессе верстки у меня возникли некоторые трудности, именно в браузере Opera версии9*х посмотрите (ссылка на файл дана) идет наслоение <h2>Телефон</h2> <p> <strong>Организация гастролей:</strong> (391) 211-11-11</p><br/> <p class="last"><strong>Музыкальное продюсирование:</strong> 211-11-12</p> <h2>Эл.почта:</h2> <p> <strong>Концертный директор:</strong> <a href="mailto:concert@gamblerz.ru">concert@gamblerz.ru</a></p><br/> <p class="last"><strong>Реклама на сайте:</strong> <a href="mailto:admin@gamblerz.ru">admin@gamblerz.ru</a></p> h2 { font: bold 250% Arial; color: #fff; margin-top: 20px; width: 352px; } p { font: 130% Arial; color: #000; margin-top: 20px; display: inline; background: #00e4ff; padding: 5px; width: 352px; line-height: 40px; } .last { position: relative; top: -15px; } файл http://narod.ru/disk/3630357000/page3.rar.html
  23. aseran
    Здравствуйте господа, я начинающий верстальщик (не гонюсь за деньгами - т.к. пока не могу обеспечить выполнение элементарные требования предъявляемые к исполнителю - это качество и скорость), мне необходимо набраться опыта на практике, готов бесплатно свертать макеты страниц без использования JS(не изучал пока), верстка div или таблично, можно резиновой версткой, ожидаю ваших предложений - в замен хотелось бы получать дельные советы касаемо верстки... (и еще во времени есть ограничения так что информирую-ограничения по срокам верстки не должно быть) Спасибо за внимание, жду ваших предложений (ICQ 388114421 - или в личку)
×
×
  • 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