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
-
Не выравнивает по центру
В общем верстаю вот этот макет http://freeway-design.ru/files/spit.png сейчас мне нужно сделать wrapper чтобы выровнить все что находится от меню до футера, естественно я делаю wrapper указываю ему margin:0 auto; ширину и сохраняю, ничего не происходит, блок так же стоит слева, когда создаю отдельный документ, пробую делать все тоже самое там, враппер работает нормально в чем проблема ? ГДЕ НЕ РАБОТАЕТ WRAPPER РАБОТАЕТ WRAPPER Еще подскажите как сделать через css чтобы после каждого пункта в меню добавлялось |
0 votes3 answers -
не выравнивается в обьедененной ячейке
Не работает вертикальное выравнивание в обьедененной ячеке на странице http://shkafmos.ru/ugl-kat1.html (там где большая картинка) смотрел в файрфоксе, в IE вообще не демонстрируется большая картинка. коректно отображается только в Хроме. Пожалуйста помогите разобратся?
0 votes5 answers -
Не выравнивается к центру менюшка
Уважаемые форумчане, подскажите пож-та как выравнять нижеописанную менюшку по центру страницы. что только не пробывал, стоит на месте не двигается. нечего не пойму....менюшка красивая получилась, а выровнять не могу.. <html> <head> <style type="text/css"> div.menuhor div.navih { width: 100%; height: 24px; font-family: Tahoma; font-size: 11px; line-height: 5px; font-weight: bold; margin: 0px 0 0 0; background-color: 336699;} div.menuhor div.navih a { float: left; color: #FFFFFF; text-decoration: none; padding: 9px 8px 10px 8px; background-color: 336699;} div.menuhor div.navih a:hover { color: #FFFFFF; background-color: #004982;} </style> </hea…
0 votes4 answers -
не выравнивается текст рядом с тегом input в td
В ячейке таблицы находятся тест и текстовое поле. Почему-то в этом поле нельзя задать тексту аттрибут vertical-align, Выравнивание происходит всегда по нижнему краю. не помогает ни указание выравнивания в ни через class ни через style: <table width="100%" class="listCACenterTable"> <tr> <td valign="top"><table width="100%" border=1> ... <td class="listCACenterTableTD" style="vertical-align:top"> .css .listCACenterTable td {vertical-align:top;} td.listCACenterTableTD {vertical-align: top;} В ч?м может быть ошибка?
0 votes4 answers -
Не выравниванивается в строку
На сайте vdele.com.ua, в сайдбаре справа, в блоке «тор пользователей» не выравнивается рейтинг (розовые прямоугольники). Подозреваю, что проблема с «float: right;». Если его отключить, то все размещается как надо – на одной строке, только нет выравнивания вправо. А с флоатом – есть выравнивание вправо, но блок «падает» вниз. Кто знает – подскажите, как исправить. Спасибо.
0 votes1 answer -
НЕ ВЫРАВНИВАЮТСЯ картинки в DIVe
Всем привет........... —————————- НЕ ВЫРАВНИВАЮТСЯ картинки в DIVe Если точнее они неправельно отображаются в IE и OPERe. Наверно надо дописать в стилях что-то, но что я без понятия. ———————————————————————————————————————-- Вот пример: http://one-gi.ru.terra.mtw.ru/test/primer.html ———————————————————————————————————————— Вот код: <html><head><title>Примэр</title> <style type="text/css"> body{margin: 40px;} #d1{width:300px; height:100px; background:#9089FF} .img2{} </style></head><body> <div id=d1><img src="1.gif" align="left"><img src="2.gif" align="right"></div> </body> </html>
0 votes6 answers -
Не выравниваются путкты меню по ширине
Сайт Нашел статью, пробовал вставить пример на сайт, но не вышло - просто обрезался край. А нужно чтобы во всю ширину меню были расположены пункты меню. Видимо какой-то из стилей перекрывает, но не понял что именно.
0 votes6 answers -
Не выставляется полосами
Уже месяц пытаюсь откорректировать код так, чтоб блоки текста стали ровно, а все так получается. Где надо искать ошибку?
0 votes1 answer -
Не выставляется ширина меню
Как можно растянуть 2ое меню на всю ширину экрана? Сколько пробовал, не выходит. И почему padding-top или margin-top у li или a (2го меню) не выставляется, он заходит за границы 1го меню и ничего не происходит. Может там какой нибудь блок поставить, между ними? Прилагаю фото, что должно получится на выходе, код и ссылку на песочницу(но в песочнице не особо понятно, что происходит). Песочница: https://jsfiddle.net/w4o57kmp/ Фото: https://ibb.co/igORZv Код: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Интернет Магазин</title> <link rel="stylesheet" href="css/main.css"> </h…
0 votes2 answers -
Не вытягивается див, не могу придумать как
Не работает в Опере и Мозиле. Divmiddle должен растягиваться вместе с divright поидее, но не хочет <style type="text/css"> #divbox { position: relative; margin: 0 auto; padding: 0; width: 400px; top: 0px" } #divtop { width: 400px; height: 30px; background: #F00; } #divmiddle { width: 400px; min-height: 300px; background: #F0F; } #divbottom { width: 400px; height: 30px; background: #00F; } #divleft { float: left; width: 200px; height: 300px; background: #FF0; } #divright { float: left; width: 200px; height: 30px; background: #0FF; } </style> <div id="divbox"> <div id="divtop"> </div> <div id="divmiddle"> <div id…
0 votes3 answers -
не выходит анимация
В медиа прописано ограничение на анимацию до ширины 768px В итоге анимация работает только когда проходит ширину 768 Мне при открытии страницы нужна анимация, подскажите что делать?
0 votes1 answer -
Не выходит подключить скрипт jQuery Scroll To
Почему то не хочет анимироваться скролл страници, вот коды: <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/jquery.scrollTo-min.js"></script> <script type="text/javascript">*** $('#eek a').click(function(){*** var str=$(this).attr('href');*** $.scrollTo(str,500);*** return false;*** });*** </script> вот ссылка где прикреплён якорь: <h2 id="eek"><p>8.10 Запрещено использование игроков не заявленных на турнир за команду</p></a></h2> вот сайт, клацните на "(Важно! Смотрите пункт 8.10 в правилах)", там должно анимировано перенести на 8.10 пункт, н…
0 votes5 answers -
Не выходит поставить текст по центру
Всем привет. Начал учиться верстать, и столкнулся с такой проблемой, не получается поставить текст по центру в теге <nav>. В чем ошибка, почему не выходит, подскажите? код html: <body> <header class="conteiner"> <h1>reverse obscurity</h1> <nav class="nav1"> <ul class="menu"> <li> <a href="#">home</a> </li> <li> <a href="#">services</a> </li> <li> <a href="#">portfolio</a> …
0 votes2 answers -
Не выходит прилепить подвал к низу
http://cssdeck.com/labs/full/qxxwbmr1 Проблема вот в чем, начал делать сайт без верстки в тупую лупить с картинки) Вот столкнулся с очердной проблемой ПОДВАЛ) Как этот подвал прибить к низу???
0 votes5 answers -
Не выходит с text-decoration
Добрый день, сразу извеняюсь если не там запостил тему, но держаться больше нет сил Никак немогу убрать подчёркивания в тексте, text-decoretion не помогает вот код... <div id="sidebarmenu"> <ul class="sidemenu" > <li><a href="programm.html" >Программа фестиваля</a></li> <li><a href="partners.html" >Партнёры</a></li> <li><a href="how get.html" >Как добраться?</a></li> <li><a href="uchastie.html" >Как подать заявку на участие?</a></li> <li><a href="news.html" >Новости</a></li> </ul> И вот css #sidebarmenu{ width: 269p…
0 votes2 answers -
Не грузятся комментарии Вконтакте
Здравствуйте! Подключил форму комментирования Disqus на своем блоге (free-pc.ru). Чуть выше блока Disqus у меня стоят комментарии Вконтакте. Так вот после установки Disqus, комментарии в контакте то грузятся, то не грузятся... Что ему не нравится?. Блог: free-pc.ru
0 votes3 answers -
Не движется слайдер
Добрый день прикрутил слайдер взял отсюда http://www.cowboy.odessa.ua/gallery/13/ есть доступ к хостингу этого сайта, вроде все подключил, картинки есть движений нет. Подскажите где может быть ошибка? как подправить, чтоб заработало! Спасибо. Это то что получилось http://selfmaker.biz/oleg/gallery_2.html Надеюсь, что поможете!!! Спасибо
0 votes18 answers -
Не держится ширина таблицы
Вся проблема в том,что ячейка с шириной 802 сжимается.Мне нужно,чтобы она оставалась фиксированной,а боковые ячейки были резиновые в зависимости от ширины экрана.
0 votes9 answers -
Не добавляются изображения
На сайте есть формы для редактирования и добавления всякого, в том числе изображений. Во всех нормальных браузерах изображения нормально добавляются, а вот в ИЕ совсем не добавляются и даже в 8ом. Почему так может быть? Вот такой стандарт используется: <!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"> И вот так у форм: Начало формы: <form id="user_edit" action="В нужное место" enctype="multipart/form-data" method="post"> Поле для изображения: <input class="select_fb" type="file" name="img"/> Можете попробовать добавить изображение…
0 votes0 answers -
Не загружается картинка
На сайте dev.doitlist.ru в левом углу должно стоять лого, но оно почему-то не загружается, несмотря на правильно выставленный путь. Пробовал ставить прямой путь-результат такой же. Почему такое происходит и как бороться? Я в смятении... Впервые столкнулся с такой проблемой. PS: Учу php пробую сделать простенький сервис. Если есть желание, поищите ошибки. Можете использовать логин demo@mail.ru/demo или в исходном коде страницы раскомментировать форму регистрации.
0 votes2 answers -
Не загружается картинка
В общем проблема вот в чем,сначала должна идти обводка а до линии должна быть шапка.Я её вставил,но она отображается поверх обводки. Я пробовал сначала разместить шапку, а затем обводку,но шапка не отображается вообще.А если сначала разместить обводку,а затем шапку, шапка отображается. Скрытый текст <div id="header"> <div id="obvodka"> <img src="img/obvodka.png"> </div> <div id="shapka"> <img src="img/shapka.png"> </div> …
0 votes4 answers -
не загружать изображения
Есть скрытый div в нём текст и изображения, как сделать так чтоб изображения не грузились пока не сделать div видимым?
0 votes1 answer -
не задается высота в ячейке в IE
<!-- левое меню 1 --> <TD width="180" height="10" vAlign=top nowrap bgcolor="#ffe6ff"> меню 1 </TD> <!-- конец левого меню 1--> <!-- основная часть--> <TD width="620" rowspan="4" vAlign=top align=center > <pre> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст …
0 votes6 answers -
Не задается размер в 100% Div'у
HTML <div class="tr"> <div id="gradient1"></div> <div id="content">jlk df sfrvhjfukfrkfrykfrykkfrykfrykfykfjkfrykfryk </div> <div id="gradient2"></div> </div> CSS #gradient1{ width:150px; height:100%; background-image:URL(i/gradient1.jpg); background-repeat:repeat-y; float:left; } #content{ width:704px; height:100%; background-color:#53060e; float:left; } #gradient2{ width:149px; height:100%; background-image:URL(i/gradient2.jpg); background-repeat:repeat-y; float:left; } Это куски проблемного кода. При впечатывании текста в слой content, слои gradient1 и gradient2 не тянутся на height:100% по высоте родителя tr,…
0 votes12 answers -
не задаются отступы
Здравствуйте! В блочной верстке не могу задать отступы для текста в блоке... без педдингов вот как все выглядит: с заданием педдингов фоновое изображение почему-то смешается влево, а текст не меняется: вот код: #content { background: url('images/fon.gif') repeat-y; width:958px; height: 100%; margin:0 auto; padding:100px; Что не так? Помогите, пожалуйста!
0 votes14 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-