Jump to content

13bis

Newbie
  • Posts

    23
  • Joined

  • Last visited

  • Days Won

    1

Everything posted by 13bis

  1. Замечательное видео, просветили, сразу же исправил свой корявый доктайп!
  2. вот что-то а в DOCTYPE я вообще не смыслю. Почитал я о них на сайтах, форумах, но так ничего и не понял. Может Вы мне скажете, какой ставить на страницу? спасибо, сделал! min-width:900px выставил Да, это так было задумано, это подобие формы fieldset и legend.
  3. Здравствуйте! Прошу Вас дать оценку вёрстки двух страниц (главная и внутренняя). http://netalkonarko.ru/test/index.html http://netalkonarko.ru/test/second.html Буду рад любой критике, для меня это очень важно! Спасибо!
  4. Здравствуйте! У меня такой вопрос (искал в сети, но ответа не нашёл, решил спросить у знающих здесь): как ещё можно реализовать, сверстать такую штуку - Знаю, что есть такое <fieldset> и <legend>, можно легко с их помощью реализовать данное, но это, к сожалению не подходит. Есть ли ещё какие-нибудь идеи по этом поводу, как реализовать вёрстку без тегов <fieldset> и <legend>? Заранее Вам благодарен!
  5. Подскажите пожалуйста, а в чём различие между <!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">и <!doctype html><html lang="en-US">Спасибо!
  6. Здравствуйте уважаемые. Столкнулся с такой проблемой, установил на сайтгалерею от lightbox, всё бы ничего, но не проходит валидность атрубут data-lightbox="example". <!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"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Проблема с валидностью lightbox</title><!-- Light-Box --> <script src="http://netalkonarko.ru/js/modernizr.custom.js" type="text/javascript"></script> <script src="http://netalkonarko.ru/js/jquery-1.10.2.min.js" type="text/javascript"></script> <script src="http://netalkonarko.ru/js/lightbox-2.6.min.js" type="text/javascript"></script> <link rel="stylesheet" href="http://netalkonarko.ru/css/screen.css" media="screen"/> <link rel="stylesheet" href="http://netalkonarko.ru/css/lightbox.css" media="screen"/><!-- Light Box--></head><body><div class="image-row" style="text-align:center;"><div class="image-set" style="text-align:center;"> <a class="example-image-link" href="http://netalkonarko.ru/images/sertifikat/2.jpg" data-lightbox="example-1"><img class="example-image" src="http://netalkonarko.ru/images/sertifikat/2.jpg" alt="" width="150" height="150"/></a></div></div></body></html>И вот что выдает валидатор - http://validator.w3.org/check?uri=http%3A%2F%2Fnetalkonarko.ru%2Flightbox.html&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices Исходный файл - http://netalkonarko.ru/lightbox.html Понимаю, что бред конечно подгонять страницу под формат валидности и тем более переживать из-за одной ошибки, но всё же интересно как это исправить и почему разработчики не обращают на это внимание. Кто-нибудь сталкивался с такой проблемой и как её решить? Заранее благодарен всем откликнувшимся! Счастья Вам!
  7. Вообще-то это как бы заголовок страницы)) Логотип расположил справа ("разрыв стандартных шаблонов"). Поправил эту мелочь. Спасибо!
  8. Вы имеете ввиду про букву P в круге? Если да, то тогда объект кликабельный и по умолчанию ведёт на главную страницу.
  9. Здравствуйте! Выдалось свободное время и решил переверстать свой основной шаблон сайта. Буду очень признателен, если укажите на ошибки и способы их устранения. Планирую переделать сайт кардинально, решил начать со структуры основного шаблона. Сверстал страницу, косяков пока не наблюдаю, код валидный, поддержка всех браузеров кроме IE6, но так как я не эксперт в CSS прошу взглянуть на код страницы, а мало-ли... Собственно сама страница: http://splotnikov.ru/test/ Заранее, всем откликнувшимся, высказываю свою благодарность!
  10. Всё-таки добился я того, что хотелось. Выкладываю код, может быть кому-нибудь и пригодится: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> body {background:#000; margin:0; padding:0;} .clearfix:after { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .l { width: 450px; height: 200px; float:left; background: #C90 url('http://splotnikov.ru/images/blog.jpg') no-repeat; } .r { background-color: blue; overflow: hidden; text-align: right; white-space: nowrap; } .r .inner { background:#000; text-align: right; display: inline-block; } </style> </head> <body> <div class="clearfix"> <div class="l"></div> <div class="r"> <div class="inner"> <img src="http://splotnikov.ru/images/blog-bg-right.jpg"> </div> </div> </div> </body> </html>
  11. А что толку? Мне нужно чтобы фон обрезался с правой стороны блока. т.е. 1-ый блок имеет фиксированную ширину в 600px, 2-ый блок - всё оставшееся пространство, но он не должен перекрывать 1-ый блок, при смене разрешения экрана. С правой стороны фон должен обрезаться. Можно реализовать через BODY, но как быть если у пользователя разрешение экрана 1280px? Т.е. фон в body начинается сразу автоматически обрезаться при смене разрешения экрана. Задача в следующем: при ширине монитора 1920px фоновое изображение прижато к правому блоку, при 1280 фоновое изображение на том же месте без изменений, а начиная уменьшать ширину с 1280 - фоновое изображение начинает обрезаться именно! с правого края.
  12. При разрешении 1024px <div id="logo-container"> нужно сместить к левому краю, а он пока стоит фиксировано. При высоте после 800px информационный текст съезжает на белый фон, опять же fix'ый блок. При разрешении 1024px <div id="wraper-contact">, бессмысленно прижат блок к левому краю, там ещё столько пространства до формы. А так в целом порядок. Стандартная такая сайт-визитка)
  13. Как вариант: img{ margin:0; padding:0; margin-bottom:-5px; }
  14. Привожу пример кода: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> body {background:#000; margin:0; padding:0;} .blog_1 { position:absolute; margin:80px; float:left; background:url('http://splotnikov.ru/images/blog.jpg') no-repeat; width:600px; height:190px; } .blog_2 { position:relative; float:right; background:url('http://splotnikov.ru/images/blog-bg-right.jpg') no-repeat right; width:100%; height:480px; } </style> </head> <body> <div class='blog_1'></div> <div class='blog_2'></div> </body> </html>
  15. В какой теме? Какое тело? Ты бы хоть код показал или исходник прикрепил. Как тебе помочь-то?
  16. В тег img можно alt заполнить, что немало важно для SEO +, как заметил Vin, легкая адаптация к мобильным браузерам. На вкус и цвет, как говорится... ...или каждый д**чит, как он хочет...
  17. Здесь ситуация другая. Прижать блок вправо легко, но как сделать так, чтобы изображение во 2-ом блоке (фон) не смещалось влево при смене разрешения экрана (показано на втором скриншоте). Как вариант можно сделать отступ слева, но появляется полоса прокрутки и overflow:hiden не помогает с ней справиться. Мелочь, а хочется понять и разобраться...
  18. Естественно картинкой! Логотип подразумевает под себя ссылку на главную страницу сайта.
  19. first-child (иконка домик) лучше убрать и написать Main или Home, либо убрать hover при наведении. ИМХО.
  20. Используй float:left <div style="float:left; width:100px;">TEXT</div> <div style="float:left; width:150px;">TEXT</div> <div style="float:left; width:200px">TEXT</div>
  21. Здравствуйте! Столкнулся с такой проблемой: Дано: Два блока. 1-ый блок содержит контент, 2-ой как элемент дизайна. Задача: Прижать 2-ой блок к правому краю экрана (ширина монитора 1900px по ширине) при условии, чтобы блок оставался именно в правом блоке, без смещений и при ширине экрана, к примеру, 1200px, соответственно чтобы небыло полосы прокрутки. Вот наглядные скрины: http://splotnikov.ru/1.jpg http://splotnikov.ru/2.jpg Подскажите пожалуйста как сделать. Заранее благодарен!
×
×
  • 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