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
-
выравнивание изображений в тексте
подскажите пожалуйста способ, при помощи которого можно точно выравнивать изображения по обоим краям justify-текста без применения дополнительных классов здесь выровнено с дополнительными классами, а хотелось бы без них
0 votes7 answers -
Элемент переносится на следующую строку; почему?
Хелло ворлд! Я в верстке недавно и зелен как побег фасоли. Ссылка. Под большим блоком находятся спаны, последний из которых почему-то переносится на следующую строку. Почему? Ведь ширина спана равна 260 пикселов, отступ справа - 10 пикселов, у последнего элемента он отсутствует; 3 отступа по 10 пикселов и 4 спана по 260 пикселов равно 1070 пикселов; ширина <nav>'а равна 1080px В чем проблема? P.S. С математикой усе хорошо вроде.
0 votes3 answers -
хлебные крошки
Привет! Встретил пример верстки хлебных крошек: http://jsfiddle.net/DPWe9/45/ но никак не могу понять как же формируется сам треугольник. Это не картинка, мы не вращаем блоки, как он формируется?
0 votes3 answers -
Меню css
Помогите переделать меню из горизонтального в вертикальное <!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 charset="utf-8" http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><meta name="author" content="styledmenus.com" /><link href="sty.css" rel="stylesheet" media="all" /></head><body><ul id="cssmenu"> <li><a href="#">Главная</a></li> <li><a href="#">О нас</a></li> <li><a href="#">Проект "Зами…
0 votes2 answers -
Как сделать вертикальное позиционирование блоков
Есть 3 блока размещенные вертикально в общем контейнере. Необходимо, что бы первые два были в самом верху, а третий в самом низу. Проблема в том, что высота главного блока меняется (в шаблоне указана в % и зависит от размеров окна браузера). Вот заготовка (я отступом отодвинул блок туда где он примерно должен быть) - https://jsfiddle.net/s306hnge/1/ Спасибо.
0 votes4 answers -
Браузер воспринимает html код как текст
Есть такой код: <div onclick="this.replaceWith('<iframe src=\'https://www.facebook.com/plugins/video.php?autoplay=1&href=https%3A%2F%2Fwww.facebook.com%2Fsmotriwow%2Fvideos%2Fvb.378858835552346%2F834370963334462%2F%3Ftype%3D3&show_text=0&width=715&height=400\' width=\'715\' height=\'400\' style=\'border:none;overflow:hidden\' scrolling=\'no\' frameborder=\'0\' allowTransparency=\'true\' allowFullScreen=\'true\'></iframe>');"><img alt="Десерт" src="http://ktonanovenkogo.ru//wp-content/uploads/video/image/10.jpg" width="100%"></div> Но почему то он при клике заменяет картинку на код фрейма. В оригинале кода где я его бр…
0 votes1 answer -
Позицирование элементов
Доброго времени суток! Я новичок (1 Месяц. За ранее хотел бы сказать, что опыта нету, и не судите строго ), Учусь верстать сделал макет. Так вот не могу сделать нормальную шапку (Горизонтальная расположения меню): 1 Лого и Текст Лого по левому краю. 6 Текстов для Основных меню по центру 2 Доп. Меню по правому краю float: left & right - пробовал, grid: тоже, flex-box; тоже, даже через inline-block; Помогите создать меню, не хочу использовать float left/right. Хотел бы использовать grid сетку (Лучше даже написать свою сетку для будущего) Bootstrap вообще не хочу использовать, буду сидеть и писать но его не буду. Но вот беда что в grid есть …
0 votes1 answer -
Выровнять таблицу по центру окна (по горизонтали)
Нашел только выравнивание текста
0 votes1 answer -
Выделение данных в таблице.
Здравствуйте. Подскажите пожалуйста, возможно ли изменить направление выделения данных в таблице из построчного в выделение данных по колонкам (как, например, в таблицах Word)? Это нужно для того, чтобы иметь возможность скопировать текст, находящийся в колонках таблицы и последующей работы с ним.
0 votes3 answers -
меняетм шапку
есть шаблон с шапкой img1 нужно на некоторых страницах img1 заменить на img2, третих на img3 как-то можно поставить типа маркер в статье, чтоб из css брал соответствующих рисунок
0 votes3 answers -
Меню
На моём сайте www.school-71.ucoz.ru сдвинулось меню и появилась какая то белая полоса, что это такое? И как можно это убрать?
0 votes2 answers -
Второй шаг. Тянем резину
Представляю свой второй сверстанный макет FirstOrange Прошу посмотреть, оценить, покритиковать и наставить на путь истинный в дальнейшем освоении этого увлекательного занятия
0 votes7 answers -
Смена цвета текста при наведении на div с картинкой и текстом...
Доброго времени суток! Проблема заключается в следующем: есть DIV в котором размещены картинка и текст. Мне нужно сделать это всё как ссылку для открытия модального окна (это сделал) и чтобы текст менял свой цвет. Вот отрывок кода: PHP <span class=\"span_link\" onclick=\"ShowModalbox()\"> <div style=\"width: 100px; height: 100px;\"> <img src=\"".$prev_link."\" style=\"padding-top: ".$marg_top.";\"> </div>".$product['product_name']." </span> CSS A:link, A:visited , .span_link { cursor: pointer; text-decoration: none; color: #6593CB; } A:hover, a.botlink:hover, .toplink:hover, a.copyright_link:hover, .close_link:hover, .span_link :hove…
0 votes3 answers -
Разъезжается главное меню
Здравствуйте! Сверстал свой первый сайт "http://lodkibark.in.ua", но есть проблема. При Изменении масштаба страницы в любом из браузеров разъезжаются составные блоки главного меню и само меню сильно смещается в горизонтальной плоскости. Перекрутил разные варианты, но решения найти не смог. Меню сверстано на div, может нужно сделать на таблицах. Прошу совета! Хотя бы в каком направлении копать? Может еще какие ляпы в верстке заметите...
0 votes7 answers -
Списки!
Всем привет!У меня возникла небольшая проблемка!Дело в том,что я создаю одну менюшку,не очень сложную,и в процессе создания дабы списки отображались друг за другом я прописал свойство "display:inline-block" и вот вроде бы все стало нормально.И тут показывают мне фигуМежду тегами <li> образовался пробел!(Ну или расстояние)Что делать? Проблема решена
0 votes2 answers -
Форма, стандартное value
Как сделать чтобы при клике на поле формы убералась стандартная надпись в каждой строке? Это можно сделать только средствами CSS? или нужно JS привлекать? сайт на котором провожу експеременты: _novarobota.in.ua
0 votes3 answers -
Фоновая картинка на всю ширину
Привет всем! Как верстается фоновая картинка, которая в psd макете выглядит как бы на всю ширину макета? То есть, такая, которую нельзя за-repeat-ить, которая полноценная картинка. На этой странице лежат макеты. Я спрашиваю сейчас про такие как 1, 2, возможно 3, 9, 11, 18, 26. Возможно нужно их верстать с фиксированной шириной страницы соответствующей макету, то есть, выравнивается по центру страница, а по бокам определенным цветом. Или как.. Помогите пожалуйста, не могу понять Например, с макетом 4 все понятно, потому что фон везде одинаковый, а вот макет 2 не пойму как правильно делать Надеюсь вы меня поняли , а если нет спрашивайте, что не понятно
0 votes4 answers -
Нажатие на ссылку - сдвиг к нужному тексту
Здравствуйте. Какой нужно применить код, чтобы при нажатии на ссылку экран сдвигался к нужному тексту. Спасибо.
0 votes3 answers -
CSS Спрайт
Всем доброго времени суток. Столкнулся вот с такой проблемой, то ли я туплю, то ли делаю что-то не так с css спрайтом. Есть вот такой кусок html кода: <div id="social-button"> <a href="#" id="social-button1"></a> <a href="#" id="social-button2"></a> <a href="#" id="social-button3"></a> <a href="#" id="social-button4"></a> </div>И так же кусок css: #social-button { width: 162px; height: 32px; float: right; margin-right: 30px; margin-top: 65px;}#social-button1 { width: 33px; height: 33…
0 votes3 answers -
Как разместить два блока
Как можно разместить два блока на всю ширину родителя, если один блок определенного размера, а второй должен растянуться. Например, форма со строкой для ввода текста и кнопка. То есть, кнопка всегда одного размера, а строка должна заполнить всё оставшееся пространство. Заготовка - http://jsfiddle.net/n1tp49a1/ Нужен кроссбраузерный вариант работающий на всех устройствах включая мобильники.
0 votes2 answers -
Что у Вас было с <html> и <body> (легчайший вопрос, тут нет простыни из кода)
Привет форумчанам. Пытаюсь научить себя верстать) Хочу попросить Вас поделитЬся опытом на тему тегов <html> и <body> и <head> Какие атрибуты вы на них вешаете в вашей стандартной рыбке при написании нового сайта? Частенько видел такое: body{ padding: 0px; margin: 0px; } Это НОРМАЛЬНО? Или топорно и так нельзя? И еще маленький вопрос в догонку. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Имя окна</title> <style></style> </head> <body> </b…
0 votes2 answers -
Выровнять столбцы в футере
Здравствуйте! Простите, если не сюда пишу. Пишу подвал сайта. В нем должно быть 3 столбца. Первый столбец с копирайтом относительно просто спозиционировал, остальные два не могу никак выровнять. Второй столбец должен быть по центру. Текст в нем по левому краю выравнивать. Здесь начинаются проблемы. Столбцы оформляю в div. Вот код https://jsfiddle.net/xca2j35g/ Помогите, пожалуйста. Буду благодарен советам!
0 votes3 answers -
Поддерживает?
Мне интересно поддерживает IE 6 overflow: hidden;???
0 votes4 answers -
marquee
есть некоторая область, в ней поочередно выводится различная инфа, разбитая на блоки одинаковой высоты. используется тег marquee. <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style> table{ margin:0px; padding:0px; background-color:#5e0100; color:white; font-family:Arial; ont-size:0.8em; text-align:center; } </style> </head> <body> <table width="430" height="60"> <tr> <td> <marquee width="430" height="60" direction="up" scrolldelay="3000" scrollamount="60"> <b>Заголовок 1</b><br /> инфа инфа<br /> <b>инфа</b><br /> <b&g…
0 votes5 answers -
Textarea
Добрый день! Подскажите, кто знает - как сделать так,что бы при клике textarea не меняла своего размера! Это происходит(размер блока изменяеться на пару пикселей... ) во всез браузерах кроме mozilla! P.S. Ссылка с проблемой находиться здесь: http://yamaradg.narod2.ru/history/Neo_Med/med_contacts.html Буду благодарен за помощь! Щас делаю заказ и с этим столкнулся впервые... Сроки поджимают...
0 votes3 answers