-
Posts
23 -
Joined
-
Last visited
-
Days Won
1
Content Type
Profiles
Forums
Calendar
Store
Everything posted by 13bis
-
Замечательное видео, просветили, сразу же исправил свой корявый доктайп!
-
А что не так? Почему извращение?
-
вот что-то а в DOCTYPE я вообще не смыслю. Почитал я о них на сайтах, форумах, но так ничего и не понял. Может Вы мне скажете, какой ставить на страницу? спасибо, сделал! min-width:900px выставил Да, это так было задумано, это подобие формы fieldset и legend.
-
Здравствуйте! Прошу Вас дать оценку вёрстки двух страниц (главная и внутренняя). http://netalkonarko.ru/test/index.html http://netalkonarko.ru/test/second.html Буду рад любой критике, для меня это очень важно! Спасибо!
-
Здравствуйте! У меня такой вопрос (искал в сети, но ответа не нашёл, решил спросить у знающих здесь): как ещё можно реализовать, сверстать такую штуку - Знаю, что есть такое <fieldset> и <legend>, можно легко с их помощью реализовать данное, но это, к сожалению не подходит. Есть ли ещё какие-нибудь идеи по этом поводу, как реализовать вёрстку без тегов <fieldset> и <legend>? Заранее Вам благодарен!
-
Подскажите пожалуйста, а в чём различие между <!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">Спасибо!
-
Здравствуйте уважаемые. Столкнулся с такой проблемой, установил на сайтгалерею от 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 Понимаю, что бред конечно подгонять страницу под формат валидности и тем более переживать из-за одной ошибки, но всё же интересно как это исправить и почему разработчики не обращают на это внимание. Кто-нибудь сталкивался с такой проблемой и как её решить? Заранее благодарен всем откликнувшимся! Счастья Вам!
-
Оцените верстку пожалуйста. Укажите на ошибки.
13bis replied to 13bis's topic in Discussion of works
Вообще-то это как бы заголовок страницы)) Логотип расположил справа ("разрыв стандартных шаблонов"). Поправил эту мелочь. Спасибо! -
Оцените верстку пожалуйста. Укажите на ошибки.
13bis replied to 13bis's topic in Discussion of works
Вы имеете ввиду про букву P в круге? Если да, то тогда объект кликабельный и по умолчанию ведёт на главную страницу. -
Здравствуйте! Выдалось свободное время и решил переверстать свой основной шаблон сайта. Буду очень признателен, если укажите на ошибки и способы их устранения. Планирую переделать сайт кардинально, решил начать со структуры основного шаблона. Сверстал страницу, косяков пока не наблюдаю, код валидный, поддержка всех браузеров кроме IE6, но так как я не эксперт в CSS прошу взглянуть на код страницы, а мало-ли... Собственно сама страница: http://splotnikov.ru/test/ Заранее, всем откликнувшимся, высказываю свою благодарность!
-
Прижать блок к правому блоку без скрола при смене разрешения экрана
13bis replied to 13bis's question in HTML Coding
Всё-таки добился я того, что хотелось. Выкладываю код, может быть кому-нибудь и пригодится: <!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> -
Прижать блок к правому блоку без скрола при смене разрешения экрана
13bis replied to 13bis's question in HTML Coding
А что толку? Мне нужно чтобы фон обрезался с правой стороны блока. т.е. 1-ый блок имеет фиксированную ширину в 600px, 2-ый блок - всё оставшееся пространство, но он не должен перекрывать 1-ый блок, при смене разрешения экрана. С правой стороны фон должен обрезаться. Можно реализовать через BODY, но как быть если у пользователя разрешение экрана 1280px? Т.е. фон в body начинается сразу автоматически обрезаться при смене разрешения экрана. Задача в следующем: при ширине монитора 1920px фоновое изображение прижато к правому блоку, при 1280 фоновое изображение на том же месте без изменений, а начиная уменьшать ширину с 1280 - фоновое изображение начинает обрезаться именно! с правого края. -
При разрешении 1024px <div id="logo-container"> нужно сместить к левому краю, а он пока стоит фиксировано. При высоте после 800px информационный текст съезжает на белый фон, опять же fix'ый блок. При разрешении 1024px <div id="wraper-contact">, бессмысленно прижат блок к левому краю, там ещё столько пространства до формы. А так в целом порядок. Стандартная такая сайт-визитка)
-
Как вариант: img{ margin:0; padding:0; margin-bottom:-5px; }
-
Прижать блок к правому блоку без скрола при смене разрешения экрана
13bis replied to 13bis's question in HTML Coding
Привожу пример кода: <!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> -
В какой теме? Какое тело? Ты бы хоть код показал или исходник прикрепил. Как тебе помочь-то?
-
В тег img можно alt заполнить, что немало важно для SEO +, как заметил Vin, легкая адаптация к мобильным браузерам. На вкус и цвет, как говорится... ...или каждый д**чит, как он хочет...
-
Тык а в чём вопрос тогда?)))
-
Прижать блок к правому блоку без скрола при смене разрешения экрана
13bis replied to 13bis's question in HTML Coding
Здесь ситуация другая. Прижать блок вправо легко, но как сделать так, чтобы изображение во 2-ом блоке (фон) не смещалось влево при смене разрешения экрана (показано на втором скриншоте). Как вариант можно сделать отступ слева, но появляется полоса прокрутки и overflow:hiden не помогает с ней справиться. Мелочь, а хочется понять и разобраться... -
Естественно картинкой! Логотип подразумевает под себя ссылку на главную страницу сайта.
-
first-child (иконка домик) лучше убрать и написать Main или Home, либо убрать hover при наведении. ИМХО.
-
Как выстроить блоки div с разной шириной в один ряд
13bis replied to galaydas's question in HTML Coding
Используй 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> -
Прижать блок к правому блоку без скрола при смене разрешения экрана
13bis posted a question in HTML Coding
Здравствуйте! Столкнулся с такой проблемой: Дано: Два блока. 1-ый блок содержит контент, 2-ой как элемент дизайна. Задача: Прижать 2-ой блок к правому краю экрана (ширина монитора 1900px по ширине) при условии, чтобы блок оставался именно в правом блоке, без смещений и при ширине экрана, к примеру, 1200px, соответственно чтобы небыло полосы прокрутки. Вот наглядные скрины: http://splotnikov.ru/1.jpg http://splotnikov.ru/2.jpg Подскажите пожалуйста как сделать. Заранее благодарен!