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
29,542 questions in this forum
-
Нужно ли верстать под IE6?
Доброго времени суток. Грамотные разработчики, подскажите: нужно ли еще верстать под IE6 в наше время? И требуют ли заказчики нормального отображения страниц в этом браузере? Как-ни-как 2010 год на дворе, HTML5 на пороге с CSS3 под ручку с букетами стоят. Чем вызвано такое желание поддерживать браузер десятилетней давности? Да, и вот что еще хотел добавить: как тестировать верстку в IE6, IE7 и IE8 одновременно? Что-то погуглил, ничего хорошего. Только через виртуальные машины?
0 votes25 answers -
Выпадающее подменю
Привет. Подскажи, с помощью чего на этом сайте (ypag.ru) сделан раскрывающийся список раздела? С помощью чего сделать тоже самое?
0 votes5 answers -
div-ы по ширине
Как выровнять блоки по ширине. Сайт резиновый, в контенте стоит некое количестве блоков фиксированой ширины с флоат:лефт, количество их в строке ставится под ширину браузера, но проблема, как их выравнивать по ширине, чтобы небыло справа большого отступа. Смотрите тут: http://club-cod4.ru/portfel/tramp/razdel.html (не спам) Другими словами нужно align=justify, но в место теста блоки (дивы).
0 votes1 answer -
Только горизонтальный скроллинг.
Собственно как сделать горизонтальный скроллинг для фрейма. Поскольку в одном фрейме информации (картинок) больше, чем может вместить монитор у которого разрешение меньше. В данный момент появляется вертикальный скроллинг, что некрасиво выглядит и не совсем удобно. У меня картинки в виде ссылок, если есть более удобный способ, то рад буду выслушать. P.s. И как поставить несколько ссылок в одной строке, а то очень давно не делал, и теперь вот забыл.
0 votes5 answers -
ie7 hr
Всем привет. Решил сверстать простой шаблон - появилась проблема оступами у элемента hr в ie7 @CHARSET "UTF-8"; *{ margin: 0px; padding: 0px; font-family: sans-serif; font-size: 16px; } #wrapper{ width: 960px; margin: auto; } #wrapper #header{ height: 50px; background-color: teal; padding: 10px; } #wrapper #header p{ font-size: 12px; } #wrapper hr{ margin-top: 0px; height:5px; background-color: #295C4A; } <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link href = "stylesheets/testing_temp…
0 votes4 answers -
помогите с меню!
такок вот срочное дело, есть меню, как сделать в нём что-бы в разделе показывался actice link, в подразделе подсвечивался выбраный hover и как сделать чтобы при наведение на последний пункт содержимое не вываливалось из блока. HTML: <ul id="cssmenu"> <li><a href="#" id="hz1">Главная</a> </li> <li><a href="#" id="hz2">Компания</a> <ul> <li style="width:450px;> <a href="#"></a> <a href="#">История компании</a> <a href="#">Административный менеджмент</a> <a href="#">Технический менеджмент</a> </li> </ul> </li&…
0 votes4 answers -
проблема с float в ie6
В ie6 правый блок (right) съезжает вниз, в остальных смотрелках все нормально отображается. Пожалуйста подскажите. <style type="text/css"> body { background-color: #666666; background-image: url(ventuno.gif); background-repeat: repeat; margin: 0; } .trans { opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter:alpha(opacity=50); -moz-opacity:0.5; background-color:#000000; width:100%; height:100%; position:absolute; margin:-30px; z-index:-1; } .container{ width:800px; margin-left: auto ; margin-right: auto; /*//display: inline;*/ } .shapka { position:relative; color:#FFFFFF; width:790px; height:100px; padding:30px; …
0 votes3 answers -
Таблица, как включить авторазмер ячеек в IE FF
Начал писать легкий шаблончик для сайта, последний раз занимался этим 6 лет назад И тут пошли проблемы, сначала сделал на дивах потом решил что слишком много кода получилось и переписал на 1 таблицу Проверил в Опере все замечательно А вот в IE и FF ячейки не сжались до контента уже нет сил искать универсальное решение, я уже сегодня должен накодить движок с админкой под этот шаблон помогите, знаю что решение простое, может хак какой или CSS свойство нужно поставить шаблон тут: http://arxive.arvixe.ru/index2.html HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-e…
0 votes21 answers -
2 вопроса повтор
Здравствуйте! я конечно очень рада, что было уделено такое внимание моим вопросам, но ответы на них так и не были получены!!! со вторым вопросом по поводу рястяжения (съужения) блока по ширине контента флоат помог, спасибо большое, но вот с таблицей все равно 1/3 не получается я вставляю для ячейки onclick="alert($(this).width()); alert($('table').width());" и то, что он выдает 1/3 не является, может что-то не то в скрипте написано? Спасибо большущее заранее!!!
0 votes11 answers -
Отступ списка от картинки слева..
Здравствуйте! Есть такая проблема: Обычно у меня идет картинка, справа от которой заголовок и параграф текста, а тут в параграфе еще и список, маркеры которого налазят на картинку.. попробовал уже margin-left, padding-left.. а ему все равно, как стоял так и стоит.. прошу помощи.
0 votes10 answers -
отцентрирование кода
как отцентрировать данный текст html? заранее большое спасибо. мучаюсь немало. всё дело в бордерах между блоками. из-за них не получаеться сделать из ширины всех блоков 100%. и поэтому справа остаёться часть пустоты, поэтому я попробывал засунуть требуемый вывод тем в таблицу. но с помощью выравнивания таблицы тоже получилось не совсем по центру. можно ли всё таки выровнять по центру иль всё же нужно на table вёрстку переписать? еще раз спасибо за помощь так же можете посмотреть по адресу: wars.org.ua/forum/2/ вот текст html <table align='center' cellspacing=0 cellpadding=0><tr><td><div class='forum_part_base'> <div class='forum_part_title' sty…
0 votes4 answers -
помогите разобраться с видимостью
Приветствую! Есть такой код: <html> <style> #header { width: 1000px; height: 315px; background: url(http://i8.fastpic.ru/big/2010/0708/c2/2315a3649295fcc8cbb68e54be8bcac2.jpg) no-repeat; } #leftcolumn { z-index: 10; display: inline; /* position: relative;*/ float: left; width: 155px; margin-right: 10px; background: #ffebb9; } #rightcolumn { display: inline; position: relative; width: 735px; height: 800px; float: left; background: #fff; border: 1px solid black; } #faux { background: url(http://i8.fastpic.ru/big/2010/0708/25/8946cb8d48096c54b7efb8bd6c4a3f25.jpg) repeat-y; background-position: 0px 262px; overflow: auto; …
0 votes10 answers -
th не только в верхней строке tr
Можно ли делать например так: <table> <tr><th></th><th></th></tr> <tr><th></th><th></th></tr> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> </table> ?
0 votes3 answers -
2 вопроса
Здравствуйте! есть два вопроса: 1. задача на первый взгляд просто до безобразия: написать код таблицы. 3 столбца 2 строки. 1-я колонка должна быть 1/3 от ширины всей таблицы. написала у первой колонки 33% (и 33.33% пробовала), но проверила js, ни то, ни другое желаемому не соответсвует!!! как быть? 2. как растянуть (сузить) div по ширине контента? т.е. див по ширине занимает столько места, сколько контента внутри буду благодарна за ответы или наводки на них!!!
0 votes24 answers -
видео чат
кто нибудь знает видео чаты? что то по тику онлайн-консультации. т.е. слева окошко с видео или сверху + голос. внизу окошко для ввода текста. т.е. что то по типу окна скайпа. только web морда. может есть у кого то ссылки на зарубежные реализации?
0 votes1 answer -
Проблема списка в IE6 и IE7
Есть сайт который работает нормально везде, кроме ослика и его старшего брата. Вот в чем проблема, список начиная с атласной ткани должен идти без фоновой картинки. В остальных браузерах отображается как надо. И есче, почему то уходит правая фоновая картинка куда-то? Помогите разобраться, спасибо.
0 votes8 answers -
Минимальный фиксированный размер средней ячейки, при заданной ширине таблицы 100%
Подскажите. Имеется таблица из трёх колонок, структура такая: <table width="100%"> <tr> <td background="image_1.gif" width="480"> </td> <td background="image_2.gif"> Небольшой текст </td> <td background="image_3.gif" width=""> </td> </tr> </table> Как сделать фиксированную ширину ячейки, допустим, что бы при уменьшении окна браузера, средняя ячейка уменьшалась по ширине не меньше 300px. ???
0 votes19 answers -
Спрайт png24 - проблема в ie6
Задача: Есть полупрозрачная кнопка. При наведении - подсвечивается. Решение: Делаю спрайт. Через clip() и позиционирование на ховер меняю стили. Везде работает, кроме как в ie6. Не работает именно из-за прозрачности. Как только ставлю фильтр - всё, не пашет. Причём не могу понять закономерность - в одном проекте работает - в другом - нет. Есть ли какие-нить ограничения, нюансы?
0 votes12 answers -
Стиль списков в ИЕ
Есть меню выбора. В Мозиле, Сафари и Хроме выглядит как нужно, вот так: В горячё любимом ИЕ вот так: HTML: <ul> <li><a href="#date">по дате</a></li> <li><a href="#category">по категориям</a></li> </ul> CSS: #tab-container ul { margin: 0; padding: 0 17px 0 0;} #tab-container ul li { display: inline-block; padding: 0 0 10px 10px;} #tab-container ul li a { display: block; outline: none; text-decoration: none; border-bottom: 1px dashed #2f7ca0;} #tab-container ul li a.active { color:#000000; border-bottom: none;} что ж не так делаю?
0 votes13 answers -
Стиль ссылки текущей страницы.
Есть сайт с ссылками-меню в виде списка из 5 пунктов ведущих на свою страницу: Link 1 Link 2 Link 3 Link 4 Link 5 Этот список включил в документ на главное и на каждой из 5 страниц <? include(menu-block.php'); ?> В стилях прописан: a:active {color: #000000; text-decoration:none;} По идее, находясь, к примеру, на второй ссылке, вид меню должен быть таким: Link 1 Link 2 Link 3 Link 4 Link 5 Но в меню все-равно все ссылки подчеркнут. Что не так делаю?
0 votes17 answers -
Проблема с картинкой
Итак - у меня картинка вставлена следующим образом table border="0" cellpadding="2" cellspacing="0" width="100%" height="250" style="background-image:url('img/rg-5.jpg'); background-position: 98% 98%; background-repeat: no-repeat; background-attachment: scroll; border-bottom:1px solid #988675;" Сама картинка шириной а 910px - мне надо чтобы она на широком мониторе не обрубалась - а растягивалась. и показывалась в процентах. Например 98 процентов от таблицы. помогите, что делать?
0 votes5 answers -
Не работают ссылки в таблице
<div class="progect"> <table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td> <a href="lorem.html">Lorem</a><Br> </td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> </tr> </table> </div> вот такой кусочек кода есть .... почему то в браузере FireFox при наведении на ссылку она не становится активной и сколько ни клацай её всё р…
0 votes13 answers -
min-width, ie6 виснит
когда сжимаю окно, ИЕ6 виснит. это у всех так или у меня эмулятор глючит?
0 votes3 answers -
убил компилятор
Снова наломал дров, два дня уже не могу решить проблему, вроде типичная, вроде раньше разбирался, да все не получается. Значит осваивал я Java спокойно, никого не трогал, писал всякую шнягу потихоньку, но вот однажды что-то сделал и теперь компилятор (javac.exe), весит ровно 0 байт, при попытке зафигачить класс выдается сообщение, что javac.exe не является приложением win32, ну и в cmd говорится, что отказано в доступе. Система Windows XP SP2 PATH прописан правильно, команды все тоже верно пишу, проверял на тысячу раз. Много где встречал расписанное решение этой проблемы, только нигде не было упоминания о том, что javac.exe весит 0 байт и все решалось правильной настройк…
0 votes6 answers -
Смена стилей при наведении на таблицу
Проблема в том как сделать, чтобы при наведении курсора на таблицу менялись стили у тегов <td>, находящихся в данной таблице. Простыми средствами я так понял это не решить, может кто поможет. вот изначальная таблица: <table> <tr> <td class="a1"> </td> <td class="a2"> </td> <td class="a3"> </td> </tr> <tr> <td class="a4"> </td> <td class="a_c"> CONTENT </td> <td class="a5"> </td> </tr> <tr> <td class="a6"> </td> <td class="a7"> </td> <td class="a8"> </td> </tr> </table…
0 votes4 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-