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
-
Расстояние между div если внутри список
вот простой код, в этом случае центральный div не прилегает в плотную к остальным, между ними есть расстояние по вертикали когда display:inline , почему?
0 votes38 answers -
Начинающий верстальщик
Здравствуйте, решил освоить профессию верстальщика. Постиг основы HTML, CSS, JavaScrip, jQuery, а дальше начались проблемы. Проблема находится в области перевода макета в HTML/CSS/JavaScrip. Как я понял, то Responsive Web Design становится стандартом. Чем и как переводить Responsive Templates в код? Учить adobe illustrator? Что делать с обычными Templates? "Нарезка" в Photoshop это типа уже старая практика, как и сам Photoshop, (советуют спрайты), что делать с Responsive Templates тоже непонятно. Подскажите, пожалуйста, как быть? Какими инструментами конвертировать макеты и как? Интересуют только актуальные методики. PS: Когда я учил теорию, то много негатива встрет…
0 votes41 answers -
высота ячейки 100%
Есть ячейка таблицы, высотой в 100%. В ней сверху написан текст. Как в этой ячейке к низу прижать изображение? Сделать таблицу высотой 100% и valign="bottom" не катит по спецификации... Помогите пожалуйста! {...отредактировано kiD}
0 votes8 answers -
Плавное появление выпадающего списка
Привет! Есть меню которое при наведении показывает выпадающий список, хочу сделать так, чтобы выпадающий список выпадал плавно, нежно:) Знаю только html+css, желательно решение на этих языках нужно. Я новичок, подскажите пожалуйста нужный код, и куда нужно его вписать. Вот коротко код одного раздела меню: HTML: <nav id="menuVertical"> <ul> <li>Раздел меню<span id="kolichestvo">( 22 )</span> <ul> <li class="test_2">Выпадашка</li> <li class="test_2">Выпадашка</li> <li …
0 votes1 answer -
iframe запрет использования
Собственно вопрос... как запретить использование iframe (в нем реклама сервиса форумов) ну очень раздражает Это код рекламной ссылке которую извести через стандартные шаблоны не получается PS варианты типа перейди на платный хостинг не катют потому что сам точно не поставлю форум Мне кажется есть 2 варианта это убить выполнение скритпа или убить iframe (второе мне кажется более реально) спасибо
0 votes17 answers -
Обтекание в CSS
Нароод такая проблема есть html документ: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> .menu_2{ border: 1px solid black; width:542px; height:100%; } .menu_2 P{ margin:0px; border: 1px solid black; font-size:12px; width:400px; } .menu_2polosa{ border:1px solid black; width:13px; height:100%; } </style> </head> <body> <div class="menu_2"> <p>hello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello helloh…
0 votes17 answers -
Проблема с div-ами...
Есть некоторая задача: "Сделать два резиновых столбца. Первый — 20% по ширине, второй — 80%, между ними расстояние 20 пикселей, расстояния от краёв страницы слева и справа 10 пискелей. Без использования таблиц и javascript." Мой вопрос такой: Как сделать расстояние 20px. между колонками, если 20%+80%=100% т.е. вся доступная ширина, которая исключает еще какие-либо размеры вроде "20px".
0 votes48 answers -
Помогите с выравнивание изображения под любое разрешение.
Привет всем. У меня возникла проблема и я не могу е? решить,надеюсь вы сможите мне помоч. Я плохо разбираюсь в хтмл поэтому и попросил помощи. Что мне нужно,привратить это: Вот код этого: <!-- Header --> <table border="0" cellpadding="0" cellspacing="0" height="204" width="100%"> <tr><td align="left" width="357"><img src="http://src.ucoz.ru/t/601/1.jpg" border="0"></td><td style="background:url('http://src.ucoz.ru/t/601/2.jpg');" align="right"><a href="$HOME_PAGE_LINK$" title="Главная"><img src="http://src.ucoz.ru/t/601/3.gif" border="0" alt="Главная"></a><img src="http://src.ucoz.ru/t/601/4.gif" width="10" …
0 votes15 answers -
Кнопка Submit и отправка формы
Я новенький.Как сделать что-бы кнопка, к примеру Submit отправляла данные в определенный файл, ну скажем так в бд. Можно и объяснить как это сделать в дримвивере, там уже код я пойму.
0 votes29 answers -
Перенос блока на новую строку
Собственно имеются 4 информационных блока(таблицы) внутри td, заполняются они динамично. Проблема заключается в том, что если 4-ый информационный блок не влазит в первой строке, то он должен переноситься на новую строку, собственно, как делает clear:left. Сейчас блоки обтекают друг друга с float:left, но проблема с том, что если предыдущий, то есть блок располагающийся слева от текущего имеет больше контент, соответственно шире по высоте, то блок, который обтекает его не будет перенесен на новую строку до тех пор, пока не превысит его по высоте. В общем, если поставить на все блоки clear:left, то она все будут расположены с новой строки. Надеюсь доступно объяснил. grin ;…
0 votes4 answers -
Контент в блоке
Прощу помочь, у меня есть блок, его я хочу использовать для помещения контента на сайт, но проблема в том, что текст или картинка всегда вылезают за его рамки, как этому помешать ? <div class="content"></div>;.content{background:#FFFFFF;position:absolute;height:100%;width:980px;top:0;right:0;bottom:0;left:0;margin:0 auto;}
0 votes90 answers -
Фиксированный сайдбар, скролл-страница контент
Верстаю сайт на бутстрапе. Возник такой вопрос. Нужно чтобы левый сайдбар был фиксирован, а правые 2 блока скроллились. Причем сайдбар должен фиксироваться только после того как проскроллится шапка (шапку фиксировать не нужно). Прилагаю макет и примерную схему. P.S. Пробовал класс affix, но что-то не вышло, вероятно я неправильно его использовал.
0 votes10 answers -
Неверная обработка a:visited:hover в Chrome и Safari
Подскажите, сталкивался ли кто-нибудь со следующей проблемой. При задании: a:visited:hover {color:red;} при подведении к ссылке мышью, она должна становиться красной. В FF, IE, Опере работает, а в Хроме и Сафари нет. Других стилей в документе нет. Что может быть?
0 votes16 answers -
слои текст+картинка
плизззз, помогите как на картинку наложить текст? на сайте нашел как картинку на текст. а вот бы хотелось на оборот
0 votes16 answers -
Как сверстать такой шестиугольник плавный ?
Нужно сверстать такой элемент. Сам не особо понимаю как такое делать. Знаю про то как шестиуголники делают но такими планому закругленными углами не знаю как.
0 votes5 answers -
выпадающее меню, написанное на css, уходит под блоки, расположенные ниже но только в IE
Здравствуйте, я снова к Вам с проблемой. Я являюсь новичком в верстке, поэтому уж выручайте Я сюда уже писала про свое меню. С той проблемой разобралась. Уже хотела выдохнуть, но не тут-то было. В MFF, Operа все выглидит как надо, просто супер. А IE как всегда в своем репертуаре. Так меню должно выглядеть и выглядит в MFF и Opera: А так оно выглядит в IE: Вот код css для меню: table.nav {position:relative;top:114;white-space:nowrap;} #nav {padding:0; margin:0; list-style:none; height:38px; z-index:500; font-family:Georgia;white-space:nowrap;} #nav li.top {display:block; float:left; } #nav li a.top_link {display:block;float:left; height:35;line-height:33px; color:#9…
0 votes21 answers -
тег <p> в диве
Приветствую! Сегодня столкнулся с необычной для себя проблемой. Страница сверстана с контентом в центре. Разбита на 4 блока дивами. В двух блоках находятся ссылки в столбик. Так вот в чем суть. Если я в верхнем блоке ставлю ссылки в тег <p> то при разрешении 1024 появляется 1 пиксель справа от контента. Т.е. сам контент не разъезжается, а появляется именно отступ справа. В нижнем блоке применение этого же тега проходит без проблем. хотя блоки одинаковы. В разных браузерах отображается по разному. У меня во всех, кроме Оперы лезет этот пиксель, в Опере нормально. У кого-то и в ФФ все ок. Я даже не знаю в каком направлении думать уже. Код прилагается. <!DOCTYPE H…
0 votes41 answers -
Письмецо
Подскажите новичку, если уже имеется пхп скрипт для отправки email ис сайта, как связать хтмл документ, с формой отправки и всеми текстовыми полями, с этим пхп файлом?
0 votes6 answers -
Разница между Button и input type=button
Только учусь сайтостроению. Собсно вопрос такой: Есть код (для примера) <!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=windows-1251" /> <title>Testing</title> </head> <body> <script language="javascript"> function optdel() { document.getElementById('selList').options[0]=null; } </script> <form> <select id="selList"> <option>o1</option> <option>o2</option> <option>o3</option> <…
0 votes2 answers -
Не реагируют img на margin
Ребята, привет. Кого не обременит. Скажите. почему нет реакции на margin у элементов img?Полоса не впритык с меню и лого. есть расстояние. Это мой третий макет, другие забросил. Макет бесплатный, скачал с группы вк. Верстаю для себя, учусь вот уже второй год. Было прочтен сайт htmlbook, порешал задачки на htmlacademy. Оказалось фронт-энд не такой уж простой как кажется. Что скажете по коду ? http://codepen.io/Gettoheaven/pen/gMYKaP Исходник в img
0 votes8 answers -
Обтекание дива текстом
Как сделать так что-бы блок новостей приклеенный к правому нижнему углу обтекался основным текстом? Если блок позиционировать абсолютно то он не будет обтекаться, если сделать "float: right" что-бы обтекался то как блок прилепить в к низу страницы?
0 votes21 answers -
Онлайн сервис калькуляторов или расчетов
Добрый день! У меня есть сайт где продаем различные строительные материалы. Сейчас там таблицы с перечнем услуг и примерными ценами и как правило клиенты звонят что-бы уточнить что-то, найти. Это очень отнимает времени. Решили как-то автоматизировать дело, чтобы все расчеты, выбор материалов, комплектующие клиент смог выбрать и ему тут же отобразилась нужная цена. У фрилансеров поспрашивал, выходит очень дорого и много делать. Может есть ли какие-нибудь вообще сервисы онлайн для создания калькуляторов или расчетов. Чтобы я мог пусть и не самостоятельно, с чей нибудь помощью на первое время, попробовать создать то что мне нужно?
0 votes22 answers -
Адаптивный текст на кнопке
Доброго времени суток уважаемые форумчане. Хочу сделать адаптивным текст на кнопке. нашел замечательную функцию calc, все замечательно, однако при одном из разрешений с блоком происходит непонятный мне сдвиг, как на скриншоте, при остальных же разрешениях текст ведет себя, как положено. Подскажите в чем может быть проблема и пути решения. Ссылка на код
0 votes21 answers -
Горизонтальное меню списком, растягивание по ширине страницы
Задача - создать горизонтальное меню через ul. Подопытный - tubeube.ru/test/css-test.html у меня в FF 3.5 и IE8 меню растянуто на всю страницу, но справа остается отсуп в два пикселя, в O 9.64 отступ вообще пикселей в 50. Во всех браузерах при уменьшении размера окна элемент "Six" съезжает влево вниз. Как сделать "резину", чтобы отступа справа не было и "Six" не съезжал вниз?
0 votes10 answers -
Хром и Опера не понимает Якорь
Имеем ссылку Моя ссылка В эксплорере при переходе по якорям никаких проблем нет В Хроме и Опере не работает.. Пробовал перед # ставить /.. не помогает.. Я прям в ступоре.
0 votes5 answers