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
-
очень обычное меню
возникла проблема с меню. раньше 1000 раз делал такое меню, проблем не возникало. теперь не знаю почему глюк. что делаю не так? пробовал по разному, исход тот же самый. LI блок спец. оставил пустым.... хелп люди плиз! <div id="sidebar_menu"> <ul> <li><a href="#">about our company</a></li> <li><a href="#">Cities and phones</a></li> <li><a href="#">Vip services</a></li> <li><a href="#">Order a transfer</a></li> <li><a href="#">Order a limo</a></li> <li><a href="#" class="NoLine"&g…
0 votes7 answers -
Что такое "дизайн сайта"?
Здравствуйте. У меня, наверное, глупый вопрос, но если я его не задам, то откуда же мне узнать на него ответ? ) Вопрос по дизайну сайтов. Вернее, о том, - что под этим подразумевается? Это только отрисованный макет, порезанный на кусочки и упакованный в файл (в psd или в html) или уже написанный для всех этих элементов код? То есть рисунок вместе с кодом страницы? Дело в том, что html я знаю, и немного css, но со многими тонкостями, конечно же не знакома. Вот собственно и встал вопрос: если от меня требуется разработать дизайн сайта, то вёрстку (написание кода в html и css) делать уже не нужно, этим займутся другие? Спасибо заранее, буду очень признательна за ответы p…
0 votes7 answers -
Еще одна задачка
<style> #content:after { // чтобы родительский блок принимал высоту наибтольшего находящегося в нем ребенка content: ""; display: block; clear: both; } #content { position: relative; // задаем относительное позиционирование, чтобы div.neighboor выравнивался относительного него } #left { float: left; width: 50%; height: 300px; // в этом блоке выводятся статьи, поэтому высота может быть разной } #right { float: right; width: 50%; } #right div.garbage { height: 100px; // здесь выводятся последние новости, поэтому высота тоже может быть разной } #right div.neighboor { position: absolute; bottom: 0; } </style> <div id="content"> <div id="left">…
0 votes6 answers -
Как посмотреть стиль поля через FireBug?
Уж простите за ламерский вопрос, реально не догоняю. У меня на сайте есть поле, в него вложено изображение. Вопрос: как через FireBug посмотреть CSS стиль этого поля? Т.е. мне нужно узнать только название этого стиля, дальше я уже сам справлюсь. Нажал на поле правой кнопкой мыши, выбрал "Анализировать элемент". А что дальше?
0 votes4 answers -
Слабонервным не смотреть
Всем привет маялся я значится фигнейпрактиковался суть проблемки такова непоказывает заголовки и списки извеняюсь за ужасы в стилях сам уже запутался вот ссылка : http://jsfiddle.net/KcxB9/ FF показывает все нормально )) ну это жеж ПА с подсветкой разобрался убираем таблицу и все чикер-пикер Вот вопрос: апчему непоказывает списки и заголовки ? и чего он мне подсвечвает красным закрывающие теги вконце ?
0 votes7 answers -
Вывод содержимого внутреннего блока вверх кода html
Уважаемые коллеги! Нуждаюсь в помощи профи. Требуется, чтобы в html коде содержимое блока middle-container располагалось в самом верху, то есть перед блоком header. В блоке middle-container будет размещён основной контент, поэтому в коде он должен идти первым, а потом все остальные блоки: шапка, левый и правый сайдбары, футер. Буду благодарен за помощь! Код HTML: <div id="content"> <div id="header"></div> <div class="wrap"> <div class="right-sidebar"></div> <div class="left-sidebar"></div> <div class="middle-container"></div> <div style="clear:both;"></div> </div&…
0 votes13 answers -
Помагите новичку
Помагите новичку Я не могу понять когда написал простой код <!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>Это напечатано шрифтом Courier</title> </head> <body> <p style="font-family:serif;">Это напечатано шрифтом Courier</p> </body> </html> и в Мозиле и ИЕ показывает мне непонятние значки если я меняю кодировку на UTF-8 то тогда виден текст на русском. Почему так и где моя ошибка.
0 votes7 answers -
Доступ к HTML
Доброго времени суток! Есть такая проблемма. На Пк есть сайт. надо както сделать чтобы этот сайт смогли просматривать через интернет, тоесть не заливая его на серваки в интернете а на прямую с моего компа, естественно покуда мой комп подключен к инету. Подскажите плиз какими программами это можно осуществить
0 votes4 answers -
Как разместить ссылки только на морде? WordPress
сабж. есть код: <? if ( is_home()){ ?> <a href="http://ссылко.com">анкор</a> <?}?> он позволяет размещать ссылку на морде + все страницы статей, а мне нужно только чтоб на главное отображалась ссылка. Подскажите пожалуйста. спасибо!
0 votes9 answers -
проблема с каскадными такблицами
Всем привет, мне нужна помощь. я тут сайт делаю, по дизайну который мне дали. проблема в следующем. к примеру есть надпись "Частные уроки обучения игры на фортепиано". Она должна быть в рамке и на розовом фоне, никак не получаеться у меня. Применив <style type="text/css" A { color: black; background: peachpuff; padding: pink; } </style> у меня тоже ничего не вышло, на сайте ничего не отобраражеться. Кто сталкивался с данной проблемой или знает как ее решить, жду ответа
0 votes6 answers -
Как добавить уникальный шрифт?
Христос Воскресе! У меня при написании сайта возникла проблема: много текста идет уникальными шрифтами, которых нет на web-сервере хостера. Для решения просблемы использовать какртинки - значит загромождать сайт графикой и получить страничку в 1мб и более. Теперь вопрос: можно ли каким-нибудь образом загрузить на сервер уникальный шрифт? Или можно ли прифязать к сайту, страничке отдельный шрифт. Операционная система хостера не виндовс.
0 votes3 answers -
img в тексте
Может можно как-то сделать, чтобы картинки шли слева направо и растягивали parent, а не вылазили за него. C float:left вылазит за border. Clear:both и display:block тоже не вариант, в ряд могут быть вставлены сразу 3 фотки. ...update Есть вариант с <p> сказать клиенту, что вставлять картинку надо в параграф, но это не вариант. Точнее вариант, если найти к редакторе то место, где он вставляет картинку и прикрутить туда wrap p, но все-таки хотелось бы найти решение на css
0 votes7 answers -
неавтоматически не переносится текст на след. строку
Всем привет. Строго прошу не судить. Это мой первый сайт. Такая вот проблема. Текст, картинки и т.д. когда размещаю в материалы и они не влазят в рамку шаблона не переносятся на следующую строку. Вот конкретная проблема: http://www.mogemvse.in.ua/index.php?option...=3&Itemid=6 Текст широкий, в меню joomla отображается нормально в панели, а вот на сайте он не влазит и хуже того не переносится на след. строку. В итоге текст гдето там под шаблоном и его не видно. Вот еще пример этого же характера: http://www.mogemvse.in.ua/index.php?option...=5&Itemid=9 Те значки что с права не помещаются в шаблон. В css рылся рылся но ничего так и не нашел. Когда брал этот шаблон …
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 -
Помогите!Проблема с фоновым рисунком!
Как сделать так чтобы фоновый рисунок на разных разрешениях экрана,извенялся соответственно?На языке HTML.
0 votes6 answers -
img вывод случайной картинки
Как сделать, чтобы при загрузке страницы, на ней отображалась случайно выбранная из заданных файлов картинка?
0 votes3 answers -
С чего начинать борьбу со спамом на форуме?
Всем привет!! Подскажыте пожалуста как мне блокировать спам на форуме! С чего мне начать, што мне нужно будет и вообще как ето мает выгледет потомушто я незнаю в кокую сторону двигатся! Мне дали такую тему на дипломную)) Заранё благодарен)))
0 votes7 answers -
Выравнивание картинки в таблице по нижнему краю
В css указано: td {vertical-align: top;} Как сделать в таблице на странице, к которой применяется данный css vertical-align: bottom; для картинки, не меняя td {vertical-align: top;} в css, так как это влияет на другие таблицы на странице, которые, как раз должны быть td {vertical-align: top;} ?! ...Ура! Сделал! Извините, если у кого отнял время. Указал для данного блока в css: .inner td { vertical-align: bottom; } Для которого необходимо выводить картинку по нижнему краю
0 votes0 answers -
Кроссбраузерность (Three pixels text jog)
Сайт проходит валидацию, а вот дрим ругается на кроссбраузерность Three pixels text jog. Ошибку выдает на абсолютное позиционирование дива: .circle_home { height: 25px; width: 27px; position: absolute; left: 305px; bottom: 0px; } как исправить? спасибо
0 votes13 answers -
бордер вокруг input в опере
как с этим бороться? не удается ни избавиться от него, ни перекрасить его под цвет фона. Такое только в опере.
0 votes4 answers -
Как убрать трехмерный эффект бордера у таблицы?
Как убрать трехмерный эффект у border в таблице? Нужно, чтоб выглядело как в правом нижнем углу, там где число 26 справа от него. Нужно, чтоб весь бордер был тонкой линией... Вот код table WIDTH="298" HEIGHT="137" cellspacing="0" cellpadding="3" border="1" bordercolor="#FFFFFF"> <tbody> <tr> <td bgcolor="#eeeeee" valign="top" > </td> <td bgcolor="#eeeeee" valign="top" colspan="5" width="500"> <p align="center"><strong>Июль</strong></p> </td> </tr> <tr> <td valign="top"> <p><strong>Пн</strong></p> </td> <td valign="top"…
0 votes3 answers -
Прозрачность Фона Дива
вот ссылка - http://pozition17.narod.ru/stihi.html не могу сделать зеленый фон дива прозрачным т.е. что бы сквозь зеленый фон просвечивал основной фон, не хочется применять изображения. и если кто знает подскажите как правильно прописать закругления углов чтобы они правильно отображались как например в гугл хроме так и в експлорере, насколько я знаю есть два метода один отображается в гугле другой в експлорере, как их совместить или может есть альтернативное решение?
0 votes4 answers -
не могу создать элемент div - без position: absolute;
Не могу создать элемент DIV - не прописав свойство position: absolute из-за чего не получается смаштабировать сайт: <!DOCTYPE html><html> <head> <title>Сайт по WEB-разработке</title> <meta charset="utf-8"> <link rel='stylesheet' href='../css/style.css' /><script type='text/javascript' src='../js/jquery-1.11.1.min.js'></script><script type="text/javascript" src="../js/jguery-1.4.2.min.js"></script><script type="text/javascript" src="./js/jguery-ui-1.8.2.custom.min.js"></script><script type="text/javascript" src="../js/jguery.ghindaVideoPlayer.js"></script> <script> docu…
0 votes7 answers -
проблема с border
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Iphone</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <div class="conteiner clearfix"> <div class="logo"> <a href="#">Smallapps</a> </div> <div class="nav"> <ul> <li> <a href="#">Home</a> </li> <li> <a href="#">Features</a> </li> <li> <a href="#">Screenshot</a> </li> <li> <a href="#">Gallery</a&g…
0 votes1 answer -
Как при нажатии кнопки удалить тег "p" с содержимым?
У меня есть тег <p>. В теге <p> размещена кнопка и поле. Можно добавить новый тег <p> c полем и кнопкой. Как при нажатии кнопки удалить тег p с содержимом. Работает только первая кнопка, при создании новых тегов и нажатии кнопки, они не удаляются. Вот код: <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> </head> <body> <button id="removeAll">Удалить всё</button> <button id="addLine">Новая линия</button> <div id="orderForm"> <p class="orderLine" width="90%"> <input name="field1" type="text" id="field1"> <button id="removeLine">Удал…
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-