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
-
Float in Float
Привет всем! Вот недавно для себя обнаружил еще 1 странное поведение ие6,7. Вот решил поделиться с вами, возможно конечно кто-то уже в теме, но думаю тем не менее некоторым тоже будет полезно узнать Скажем есть внешний блок, он зафлоачен лефтом! В нем есть 3 блока (как бэ мы делаем растягивающуюся менюху с закругленными краями по бокам, высота фиксированная). Эти 3 блока (включая правый) нужно все флоатить по лефту! Если правый блок (уголок) зафлоатить райт, то в ие 6,7 это растянет внешний блок (в данном примере .menu_item) с флоатом лефт на всю ширину экрана. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra…
0 votes15 answers -
Стили ссылок
Есть контейнер <div id="cont"></div> в котором вывожу основной контент сайта. Есть css div#cont a {стиль для ссылок}. Мне потребовалось для некоторых ссылок другое отображение и я этим ссылка присвоил class="cat". Но сcs a.cat {стиль для ссылок} не срабатывает. Т.е стили ссылок с классом не меняються.
0 votes2 answers -
Проблема со вложенными списками
Имеется такой код: <ul class="main"> <li>Item 1</li> <ul class="sub"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <li>Item 2</li> <ul class="sub"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <li>Item 3</li> <ul class="sub"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </ul> В CSS прописано следующее: .main ul, #main li { display: inline; margin: 0; padding: 0; } Как сделать так, чтобы элементы спи…
0 votes3 answers -
помогите выровнить левый край текста в блоке
есть след. код: <li><input type="radio" id="check" /><label for="check">тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк тут длинный-длинный текст на несколько строк</label></li> нужно сделать так, чтобы текст на новых строках, не вылазил под радиобатон - т.е. был ограничен прямоугольной областью, находящейся справа от радибатона. сколько не бился, у меня либо на новую строчку label перескакивает, либо прямо на радиобатон налазит как вообще в цсс решаются подобные задачи
0 votes7 answers -
проблема с версткой
Добрый день! есть сайт: http://movement-concept.ru/seminary/ не получается растянуть бэкграунд <div id="left"> ощущение что min-height:897px; и дальше не тянется... и вторая проблема: в поле контента текст не получается вывести над бэкграундом... в чем может быть проблема? заранее спасибо!
0 votes10 answers -
Как растянуть таблицу/изображение на весь экран
Подскажите, пожалуйста, мне необходимо растянуть таблицу на весь экран, таблица содержит картинку (баннер, на скриншоте вместо баннера временно серый прямоугольник), но у меня справа почему-то остается много пустого места. Как его убрать? Если вопрос дурацкий сильно не бейте, только-только html начала изучать. P.S. Таблица самая простая <table width="100%" border="1"> <td align="left"> <img src="HR1.png" alt="" width="100%" border="0"></td> </table> сдвинута вверх и влево
0 votes1 answer -
Как сделать, чтобы фон тянулся?
Здравствуйте! Подскажите, пожалуйста, что мне сделать , чтобы фон в body не тянулся? В качестве фона выступает картинка. Надо сделать, чтобы она не повторялась, а тянулась. Возможно ли это?
0 votes7 answers -
Размеры ячеек в IE
Вот такой код. <table style="width: 100%;" border> <tr> <td style="height: 110px;">Ячейка 1</td> <td rowspan="2" style="height: 700px;">Ячейка 2</td> </tr> <tr> <td>Ячейка 3</td> </tr> </table> Вживую видно вот здесь. По моему замыслу, как видно из кода, высота "ячейки 2"==700, "ячейки 1"==110, "ячейки 3"== не указано, но всё, что останется, а именно 590. Линейкой не мерял, но "на глазок" в лисе и опере это примерно так и есть. А вот в ИЕ (у меня 8 версия) совсем не так - "ячейка 3" заметно меньше "ячейки 1". Что я делаю не так?
0 votes5 answers -
Как отцентровать содержимое по вертикали?
Никак не могу отцентровать содержимое по вертикали. Можно превратить <a> в table-cell, тогда можно будет использовать vertical-align: middle; Будет работать в FF, Opera, Safari, IE8. Но как заставить встать по центру в IE6 и IE7. Ниже пример который хотелось бы обуздать. У кого есть опыт, подсобите! http://dc133.file.qip.ru/img/127077842/d59...059&sizeM=7 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <title>Vertical align MIDDLE</title> <style type="text/css"> body {font: 11px Arial, Helvetica, sans-serif;} ul, li { list-style: none outside none;} ul…
0 votes1 answer -
Общий фон для нескольких элементов
Сдалал меню на списках, разложил элементы по горизонтали. Теперь вот хочу сделать один общий фон для всех элементов li. То есть использовать одну большую по длине картинку. Подскажите, как это можно сделать. Что-то я туплю… #main-menu { position: absolute; bottom: 45px; right: 0px; } #main-menu ul { display: inline; margin: 0; padding: 0; } #main-menu li { display: inline; margin: 0; padding: 0; } #main-menu a { font-family: Arial, Helvetica, sans-serif; font-size: 100%; background-color: #f1f1f1; background-image: url(../img/bg-menu-item.png); /* от этого можно отказаться в пользу общего фона*/ background-repeat: repeat-x; color: #555555; padding-left: 1…
0 votes5 answers -
JavaScript меняющихся картинок
Подскажите как можно сделать меняющиеся картинки??? Есть вот сайт http://www.cyclovac.com/international/ там меняются картинки автоматически + их можно самим менять клацая по (1, 2...5). Вот мой сайт http://cyclovac.kiev.ua/ Картинки у меня меняются только тогда когда ходишь по меню и ссылкам, а хотелось бы сделать чтобы каждые скажем 2 секунды они менялись сами. Я не хочу чтобы кто то что то делал за меня, прошу просто подсказку у тек кто знает как это можно сделать. Вот код если нужно: <?php // no direct access defined( '_JEXEC' ) or die( 'Restricted access' ); require_once dirname(__FILE__) . DS . 'functions.php'; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHT…
0 votes2 answers -
При установке цвета фона прячутся картинки
Есть 3-колоночнная вёрстка, смешанная. Шапка - <div id="top">. Затем слева и справа - таблицы шириной по по 200px, в середине - <div id="content">. #content {position: relative; margin-left: 205px; margin-right: 205px;} Проблема: когда решил покрасить средний блок (background-color: #ECEFFF;), то в IE все картинки в нём ушли на задний план. Пытался выставить им z-index: 100; - не помогает. Пробовал задать им position: relative; - появляются, но начинают уезжать влево, на таблицу. В других браузерах нормально.
0 votes4 answers -
Не работает overflow.
Доброго времени суток. Подскажите пожалуйста. Где ошибка? Проблема в том, что у рамки не работает overflow:auto. В чем может быть проблема? Я уже все перепробывал. Если убрать стандартизацию доктайп, то все работает в последней опере и в IE6, а в FF3.6 не хочет. Если ставишь доктайп, то нигде не работает. Заранее благодарен. Вот ссылка на сайт {это пробный}. http://jannella-3000.narod.ru/
0 votes8 answers -
CSS позиционирование блоков
Здраствуйте. Имеется страница с div-ной вёрсткой, блок с контентом <div id="cont">контент</div> Как на странице сделать врезку (обтекаемый текстом блок на странице) таким образом, чтобы html-код врезки был ниже кода контента? Врезка должна располагаться в правом верхнем углу контента, и обтекаться соответственно текстом слева и снизу, а правым и верхним краями должна примыкать к краю страницы, т.е., как приведён пример, блока <div id="cont">. Пример внешнего вида на википедии. Однако, здесь html-код правой врезки с фотографией расположен по коду выше, чем обтекаемый текст. Возможно ли такое сделать?
0 votes8 answers -
Как программно установить focus на злемент
Как в макросе VB для FrontPage? 1. установить "фокус" на таблицу 2. двигать курсор (up, down, left, rigt, ctrl+page up, ets)
0 votes3 answers -
css transform
Кто как поворачивает блоки\картинки\текст? кроссбраузерно например как сделать вот так: чтобы можно было повернуть блок, а вместе с ним и картинку и текст, если он будет под картинкой. Как это можно реализовать? Может где то видели такое. Или существуют скрипты... Сам пока вижу решение поворачивать картинку как тут: http://romka.eu/blog/jquery-image-rotate а уже поверх текст накладывать и текст поворачивать как тут: http://habrahabr.ru/blogs/javascript/86952/ Хотя последнее вроде бы и картинку и текст разом повернуть сможет. Кто еще что подсказать может?
0 votes0 answers -
Почему меняются правила HTML разметки, если поместить код в ячейку таблицы?
2 одинаковых куска простого HTML-кода, один помещаем в ячейку таблицы и он начинает криво показываться. Не могу понять причину. Пробовал в последних FireFox и Chrome. Маленький пример: http://xexsus.com/misc/example.html Доктайп: XHTML 1.0 Strict Кусок кода: <!-- кусок кода, НАЧАЛО --> <div style="width:60%;"> <div style="width:100%; background-color:#FFF242;"> <div style="overflow:hidden;width:100%; background-color:#70FF38;"> <br/> <div style="background-color:#FF075A;"> 12345678901234567890123456789012345678901234567890123456789012345678901234567890 123456789012345678901234567890123456789012345678901234567890123456789012345678901…
0 votes5 answers -
mso-ignore и другие mso- свойства
Обнаружил эти свойства, конкретно mso-ignore, документации на русском не нашел. Решил тут спросить перед англопоиском, кто нибудь знает?
0 votes1 answer -
проблема с куками
В общем хочется услышать авторитетного мнения как правильно сделать куки: Задача такая на странице разместить кнопку\ссылку\картинку при нажатии на которую человек получает куки без перехода на другую страницу (возможно всплывающие окно) я сделал так html: <a href="java script:" onClick="add2id('1121')">получить куки</a> JS соответственно что по нажатию на "получить куки" появляется окошко которое потом само исчезает, и куки вроде бы есть (но иногда в опере они пропадают)... Как с этим бороться не понятно возможно как не так куки надо делать чтобы они не исчезали в опере?
0 votes1 answer -
может глюк хостинга(((
начал делать сайт и напоролся в неожиданно простом месте на очень неприятную проблему, с которой не могу разобраться.... http://open.ezg.su/ - по этой ссылке выложен сайт такое ощущение, что у body в верхней его части находтся какой то пустой div. margin:0, padding:0-как видно из примера не помогают!!!!! Может кто сталкивался с такой проблемой...подскажите как решить(может вообще в хостинге проблема ) самое прикольное, что когда делал верстку на компе( html ) проблем не было, никуда ничего не уезжало!!! а как закинул на сервак точно такой же код, верстка поехала!!!!!!
0 votes6 answers -
Размер изображения
Доброе время суток. Предположем, что есть изображение 1000х500 и весит 1000Кб. Я его вешаю на сайте и задаю размер 100х50. Что происходит при загрузке страницы, качаются все 1000Кб и потом изображение уменьшается или это происходит на сервере и пользователь загружает уже уменьшеное изображение, которое весит на порядок меньше ? Зараннее благодарен.
0 votes13 answers -
вывод текста
Вот такая ерунда получилась... пока не вижу в чём причина, может кто свежим взглядом кинет - подскажет? Красным - дивы с фоновым изображением. По z индексу 1 и 2 Оранжевый блок по z индексу - 70 Если текст добавить, то ниже линии границ он будет на всю ширину оранжевого блока.
0 votes5 answers -
Помогите разобраться с динамическим меню на CSS!
Помогите разобраться с горизонтальным меню на CSS?! Вот то что используется в шаблоне main.tpl : <!-- Топ-меню начало --> <div class=""> <ul class="topmenu"> <li><a href="/"><font color="#fff">Как выбрать</font></a></li> <li><a href="/zakaz.html">Как заказать</a></li> <li><a href="/">Как оплатить</a></li> <li><a href="/">Как получить</a></li> <li><a href="/">Акции</a></li> </ul> </div> <!-- Топ-меню конец --> Вот стиль CSS : */ html,body,table,td,tr,h1,h2,h3,h4,h5,h6,img{padding:0;margin:0;} bod…
0 votes4 answers -
Проблема с z-index..
Помогите, пожалуйста. Для двух картинок фиксированного размера создал маску закругления углов. Пытаюсь наложить ее на картинки. Наложил, но ссылки на эти картинки работают только в мозилле и хроме. Как сделать так, чтобы ссылки работали во всех браузерах? Разумно ли так делать маску для изображений? Может есть более простые и надежные пути? Вот код <div id="sq_banners"> <a href=""></a><a href="" class="ban2"></a> <div id="sqban_mask"><img src="images/sqban_mask.png" alt="" /></div> <img src="images/sqban3.png" alt="" /><img src="images/sqban4.png" alt="" /> </div> Вот стили #sq_banners { …
0 votes3 answers -
кнопка - ссылка
как сделать, что бы после нажатия кнопки броузер начинал открывать нужный мне адрес. типа как у гугла жмешь "I am Feeling Lucky" - и открывается урл "http://www.google.com/search?hl=en&source=hp&q=&btnI=I'm+Feeling+Lucky&aq=f&aqi=&aql=&oq=&gs_rfai="
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-