HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Значения атрибутов в HTML5 и кавычки
HTML4 был приложением SGML и опускать кавычки вокруг значений атрибутов можно было только тогда, когда значения атрибутов не содержали других символов, кроме буквенно-цифровых, точки, тире, двоеточия, знака подчеркивания. В черновом варианте HTML5 от 13.01.2011 говорится: То есть допускаются любые символы, кроме: " ' ` = < или >. Хорошо, создаем валидный HTML5 документ, потом в значение какого-либо атрибута добавляем любой другой из вроде бы допустимых символов и опускаем кавычки. Согласно черновику HTML5, документ должен остаться быть валидным, но validator.w3.org говорит невалидный документ! Так где допущена ошибка на validator.w3.org или в черновом варианте HTM…
0 votes3 answers -
Эффективный путь изучения вёрстки
Расскажите ваш путь изучения вёрстки? О себе: я технически грамотный человек, программист по профессии, но вёрсткой никогда серьёзно не занимался. Как лучше построить свой путь изучения? Что почитать (какие статьи, книги - можно на английском), какие упражнения-задачки поделать, может быть начать свой проект, в котором всю вёрстку выполнить самому? Форумы, mailing lists и т.д.?
0 votes15 answers -
HTML тег, удовлетворяющий последним спецификациям HTML
Здравствуйте. Подскажите пожалуйста HTML тег, удовлетворяющий последним спецификациям HTML. <nobr> <noapplet> <noframes> <noembed> <noscript>
0 votes3 answers -
Съезжает блок
Подскажите пожалуйста, почему съезжает блок aside? http://testsiteoleg126.tk/Kitchenwall/ не работает в Сафари, Хром, Опера. Пашет только в Мозилле и Интернет Эксплорер!
0 votes3 answers -
Не вмещается Страницы
Добрых суток Товарищи. Помогите. Есть макет сайта. Пробую сверстать нижнею часть это все ниже начиная от белого фона. Проблема в том что я открывая сайт в интернете(chrome) вижу то, что я свесртал не влезает и скролится влево. Как это исправить. Пробовал max-widht вроде не помогает. Может не правильно применяю...
0 votes8 answers -
Как сделать фон страницы
Все не как в голову не придет сделать задний фон, много варианта, переделал, тот друг на друга налазят. Как сделать уже вариант закончился . Вот на скрине, обведены.
0 votes2 answers -
таблица без полей
Нужно кросбраузерно изобразить таблицу примерно так как рисуют игру "крестики-нолики", без внешней границы. делаю что то вроде <table align="center" cellpadding="0" cellspacing="0"> <tr><td>X</td><td>O</td><td>O</td></tr> <tr><td>X</td><td>O</td><td>X</td></tr> <tr><td>X</td><td>X</td><td>O</td></tr> </table> и использую стили table { border-collapse: collapse; border:1px solid #FFF; } td { padding: 5px; border: 1px solid #999; } В эксплорере работает а в Фаерфоксе сабака не хочет ... Кто то может быть подск…
0 votes1 answer -
вложенный список
во вложенном списке, несмотря на list-style:none все равно отображается картинка в IE7, можно ли это как то исправить?(именно используя вложенный список) <ul style="list-style:url(menu_left.jpg);"> <li>123 <ul style="list-style:none;"> <li>234</li> <li>345</li> </ul> </li> <li>456</li> </ul>
0 votes8 answers -
Выпадающее меню отображается не корректно
Есть сайтик : http://www.kliu.1gb.ru/ Проблема в том, что при выпадании меню слова не умещаются и наезжают друг на друга , что не есть хорошо ((( где надо что изменить , что бы увеличить поле для вывода И второе, у шаблона есть несколько стилей , они внизу выбираются ( слева внизу) клацаешь по цветному шарику и стиль меняется , так вот , как по умолчанию выставить широкий и синий ... Всем большое спасибо за коменты ... шаблон темы Сайт на joomla
0 votes5 answers -
Отправляется не тот sumbit
Всем Доброго времени суток, ситуация такова: есть форма быстрой авторизации на сайте слева, работает нормально, только если на странице нет другой формы, к примеру регистрации или комментариев, при отправке любой из форм почему то отправляется форма быстрой авторизации, причем я так понял она принимает какие то другие параметры имен переменных. может быть, это происходит, потому что у данной формы стоят value инпутов по умолчанию? Очень надеюсь на вашу помощь, саму страницу с 2 формами можно посмотреть здесь Заранее спасибо
0 votes9 answers -
Баг с "overflow: hidden;" и "border-radius: ;"
Собственно, сабж: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Баг с "overflow: hidden;" и "border-radius: ;"</title> <style type='text/css'> .wrap { width: 200px; height: 200px; background: red; overflow: hidden; border-radius: 50px; position: relative; } .el { width: 190px; height: 190px; position: absolute; top: 5px; left: 5px; background: green; } </style> </head> <body> <div class="wrap"> <div class="el"></div> </div> </body> </html> Или тут: http://jsfiddle.net/…
0 votes2 answers -
Расположение изображения в HTML
Здравствуйте, как с помощью HTML указать местоположение изображения? Пользуюсь ЖЖ, но получается какая-то фигня. Написал в их тех. поддержку, но т.к. там очень долго отвечают, решил заодно написать сюда: Как надо: http://f5.s.qip.ru/14a5VJePZ.pngКак получается при публикации: http://f6.s.qip.ru/14a5VJeQ0.png Код с изображениями: <img height="20" src="http://www.vssips.in/wp-content/uploads/2013/10/quote-mark-right.png" style="position:absolute; LEFT:100px; WIDTH:20px; HEIGHT:20px" width="20" /> <img height="20" src="http://www.vssips.in/wp-content/uploads/2013/10/quote-mark-left.png" style="position:absolute; RIGHT:100px; WIDTH:20px; HEIGHT:20px" width="20" /&g…
0 votes9 answers -
Как сделать логотип адаптивным, если изображение является фоном (background-image)?
Здравствуйте! Сделать адаптивным изображение, которое находится в теге img - дело нехитрое. А вот как ПРАВИЛЬНО сделать адаптивным логотип, изображение которого является свойство css background-image? Помогите, пожалуйста с решением: https://jsfiddle.net/ftsn38g6/
0 votes4 answers -
Директория как поддомен
Здравствуйте, прошу Вашей помощи вот по такому вопросу... Вот Вы 100% видели на различных конструкторах сайтов или на различных сервисах где можно побыренькому сварганить себе какой-либо форум, там при регистрации есть такая вещь что человек вводит адрес для своей будущей площадки и выбирает из списка домен второго уровня, в котором его площадка станет третьи уровнем. У некоторых вообще отсутствует такой выбор и все регистрируются под основной домен конкретного сервиса. Собственно вопрос... Как такое возможно реализовать? Способов конечно несколько и я уже просто устал читать древние топики на различных форумах по этой теме. У меня нет собственно сервера и править кон…
0 votes9 answers -
SEO оптимизированный шаблон HTML страницы
Нужен SEO оптимизированный шаблон HTML страницы.
0 votes5 answers -
Как скрыть символы на конце?
Поставил форму поиска, там почему-то на конце после названия выводятся () Т.е. <span>Название1 ()</span> <span>Название2 ()</span> Можно ли как-то стилями скрыть все скобки в спанах, либо последние 3 символа? Если нет, то может как-то можно квадратиком фоновым на передний план поместить?
0 votes7 answers -
передача параметра
Как передать параметр при нажатии на гиперссылку от одной страницы к другой?
0 votes2 answers -
Проблема со шрифтом. В верстке он отличается от того что я нарисовал в фотошопе
Проблема с надписью "Как влияет кризис на рабочие места?". Вот эта надмись в фотошопе: Вот что у меня появляется вёрстке: Вот код этой надписи: <span class="orange_14">Как влияет кризис на рабочие места</span> Вот её клас: .orange_14 { color: #f8960b; font-size:14px; font-family:Tahoma, Geneva, sans-serif; font-weight:bolder; } Почему в фотошопе эта надпись значительно уже нежели в вёрстке. Для ориентира смотрите на полосу выше надписи, это конец банера.
0 votes6 answers -
"От А до Я"
Конечно же в интернете можно найти множество полезной информации. Главное - знать что искать. Я, например, только начинаю своё обучение на HTML-верстальщика, по этому хватаюсь за всё. Наверное, много таких же новичков, которые учатся методом тыка. Но систематизировано, поэтапно учиться - это не только легче, но и быстрее. По этому предлагаю в этой теме составить программу обучения, чтобы отсеять ненужную литературу и не сталкиваться с одним и тем же по несколько раз. Построить такой курс можно, например, на списке книг от начального до профессионального уровня + дополнения. Ведь каждый наверное в начале своей карьеры задавал себе вопросы: С чего же начать? (Какие книги …
0 votes17 answers -
Всплывающий попап
Добрый вечер! Подскажите пожалуйста, как мне сделать всплывающий попап, активируемый щелчком по ссылке <a class="clickMe" href="#"><img src="gf-1.png"></a><div style="opacity: 1; visibility: visible;" class="popup"><div class="close_order">X</div>
0 votes11 answers -
регистрация
Народ подскажите как разложить в одну строчку и разместить между шапкой и меню.
0 votes10 answers -
Тени и текстуры
Здраствуйте! Как мне решить такую проблему. Есть блоки с постами с легкой овальной тенью(на фон), я вирезаю тень и ставлю в отдельный блок или вирезаю с бг поста, то возникает одна и таже проблема, на фоне( фон - текстура 50*50) видно линию стыка. Помогите как этого избавиться! Заранее благодарен, Андрей!
0 votes19 answers -
Как привязать шрифт к сайту?
Народ. у меня есть сайт. установил на нем шрифт с помощью font-family: ******; но если у человека, нету такова шрифта, то сайт у него будет написан обычным Arial. можно как нибудь сделать, что бы при загрузке сайта, грузился шрифт? а то не хочу делать сайт с шрифтом Arial.
0 votes4 answers -
Некорректная работа свойства height
Задаю абсолютно позиционированному контейнеру height: 100%, но блок растягивается только на видимую часть экрана, если прокрутить вниз, то видится неприглядная картина - http://img96.imagesh...6/8503/mqzq.png Здесь красный блок абсолютно позиционирован, а зеленый блок - содержимое, которое красный блок должен закрывать собой
0 votes9 answers -
Ссылка с треугольником справа
Мне нужно сделать ссылку, чтобы справа у неё был треугольник. Я этого добился: <a href="#">Вход</a> a{ cursor:pointer; padding:0 20px; font-size:20px; border-radius:10px 0 0 10px; width:100px; background:#009944; border:0; height:30px; line-height:30px; display:inline-block; text-align:center; color:#fff; position: relative; text-decoration:none; } a:hover{ background:#ebb453; } a::after{ content:''; position:absolute; right:-30px;…
0 votes7 answers