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
-
Подскажите пожалуйста как лучше...
Доброго времени дня! Подскажите пожалуйста как лучше выполнить в css фон хэдера. Подумал, что если картинкой, то слишком тяжёлая страница получится и однопиксельную картинку рипитить по оси в данном случае то же никак... Как быть?) P.S. На полосу под лого не обращайте внимание. Она отойдёт к лого.
0 votes2 answers -
Кривое отображение
День добрый )) Подскажите, от чего у меня так криво отображается страничка в хроме и как это исправить! ссылка удалена модератором <html> <head> <style type="text/css"> BODY { font-size: +2; font-family: Georgia, 'Times New Roman', Times, serif; margin: 0; padding: 0; } #table-outer { position:relative; width:100%; } /**/ #table-bg { width:100%; } /**/ #self-table { position:absolute; left:0; top:0; width:100%; } </style> <title>Удаленное администрирование</title> </head> <body> <div id="table-outer"> <img id="table-bg" src="ad.bmp" …
0 votes5 answers -
Как сделать переключатель
Всем привет. Подскажите как сделать переключатель между двумя блоками комментариев как здесь вот такой С применением только html и стилей. Как дополнение можно и пример на PHP, но повторюсь больше интересно на html ! Заранее спасибо за ответы.
0 votes2 answers -
Сайт разваливается в IE. Помощь оплачу.
Волею судьбы достался администрировать сайт на Joomla 1.5. На форумы к джумловодам обращался, пока безрезультатно. Вся надежда на верстальщиков. Подскажите, плиз, как решить проблему: трехколоночный шаблон (сделанный в artisteer3), при просмотре в IE три колонки сворачиваются в одну и вообще неправильно отображается. Сайт volchonok(.)dp(.)ua. Во всех браузерах, кроме IE, отображается все нормально. Кто поможет разобраться, объяснить и устранить причину - помощь оплачу через WebMoney или другим взаимно удобным способом. Коды и сами шаблоны могу предоставить. Заранее спасибо.
0 votes1 answer -
Opera. Проблемы с обтеканием картинкой списка
В Опере Версия: 11.61 Сборка: 1250 Платформа: Win32 Есть картинка и рядом список. Нужно сделать обтекание. Условие, что список должен иметь буллеты снаружи (list-style-position:outside) <div> <img style="float: left;" src="/images/1.jpg" width="171px" height="176" /> <ul> <li>Подраздел</li> <li>Подраздел</li> <li>Подраздел</li> </ul> <p>какой то текст</p> </div> По теме нашел линку http://xpoint.ru/forums/internet/html_css/markup/thread/39748.xhtml
0 votes2 answers -
Как через HTML убрать надпись в Virtuemart
Помогите, решить незамысловатую задачу, но для меня уже неделю как неразрешимую!!! В общим нужно через HTML убрать надпись „Категории” на главной странице сайта, это проблема легко решается через СSS но в моем шаблоне изминения этого параметра так же миняет и другие надписи, что для миня критично, остается просто удалить эту надпись через HTML. Проблема вот в чем: перерыл уже везде а где лежит HTML так и не нашел. Подскажите, или может как нибудь можно решить эту проблему по другому.
0 votes1 answer -
Подробное описание проблемы к "Линк возврата по истории..."
Постараюсь описать проблему подробнее. Со скришнотами и пару кодов. Итак. Сначала посетитель попадает на index.html (ну а куда ж еще ). С этой странички линк на файл со скриптом древовидного раскрывающегося меню в одном из фреймов. Вот код FRAMESET: <frameset rows="*,600,*" frameborder="0" framespacing="0" border="0" scrolling="no"> <frame name="1" src="ВЕРХНИЙ КРАЙ.html" scrolling="no"> <frameset frameborder="0" framespacing="0" border="0" cols="*,1020,*"> <frame name="2" src="ЛЕВЫЙ КРАЙ.html" marginwidth="0" marginheight="0" scrolling="no"> <frameset frameborder="0" framespacing="0" border="0" cols="300,*"> <frameset fram…
0 votes0 answers -
под 1280х1024 отдельно
Привет! Верстаю резиновый макет, В ширину тянется отличной, но вот с высотой бывают проблемы, а именно с 1280х1024. Как можно отдельно подключить файл стилей, который бы определял разрешение экрана и загружал именно эти стили?
0 votes2 answers -
Резиновый макет по высоте
Такая задачка: имеется хедер, контентная часть и футер. Высота ни одного из этих блоков заранее неизвестна. Необходимо получить макет в котором футер, как ему и положено, прижат к низу, контентная часть при этом растягивается на всю доступную ей высоту(т.е. 100%-высота футера-высота хедера). При этом содержимое этих блоков никуда не наезжает, т.е. блоки толкают друг друга. Я примерно представляю как это можно реализовать через Javascript(правда там кажется будет проблемка при изменении высоты окна браузера, поскольку макет по идее не перестроится до перезагрузки страницы, но не пробовал еще), но можно ли еще это как-то реализовать? Кто что посоветует?
0 votes2 answers -
меню+спойлеры
Доброго времени суток. Есть 6 разделов в меню. Список разделов не маркированный. Само меню сделано плавающим (на javascript) Вопрос такой: Как проще и эргономичнее реализовать такое: каждый раздел должен иметь свою картинку, и являться спойлером (или выпадающим подразделом, как удобнее будет). Желательно с использованием javascript. Так как опыта в css и javascript мало - первое, что пришло в голову - это создать 6 стилей для кнопок в css, и, пользуя простой скрипт спойлера, прописать кнопкам скрипт. Но, так как, наверняка, это в корне неправильно, в скрипте обработку сразу 6 стилей прописать не получилось, и толковым, в общем, ничем не окончилось. Прошу совета
0 votes0 answers -
Не работает четное подсвечивание строк в таблице в IE
Скажите как сделать чередование цветных строк в таблице. Такой код работает во всех браузерах кроме Explorer: <style type="text/css"> tr:nth-child(odd) { background: #666; /* Цвет фона */ color: #fff; /* Цвет текста */ } tr:nth-child(even) { background: #666; /* Цвет фона */ color: #fff; /* Цвет текста */ } </style> <table> <tr> <td>111111111111111</td> </tr> <tr> <td>111111111111111</td> </tr> </table> Как сделать правильное чередование?
0 votes1 answer -
переход от блока к блоку в виде стрелки
http://joxi.ru/r1trUxjKTJAqU859pj8 Это можно сделать с помощью css? Только нельзя использовать два псевдоэлемента с border - если разрешение уменьшить - не должно получиться 2 холма . Пока в голову только вырезать в Png картинку и наложить сверху. UPD. В принципе пришло в голову использовать правый и левый бордер с -1 z-index, правда при меньшем размере переход идет не там, но в принципе терпимо выглядит. Наверное можно skew два псевдоэлемента, но этот способ фз почему пугает. Проблема решена.
0 votes0 answers -
Два варианта текста
Как делаются варианты по выводу текста страницы: - для просмотра браузером - для просмотра перед печатью Например, есть текст разбитый на главы и страницы. При просмотре браузером можно перемещаться по страницам. А при просмотре перед печатью - сплошной текст и навигация скролом. Например вот это как реализовано? для просмотра http://kino-teatr.ru/kino/movie/hollywood/51133/forum/ для печати http://kino-teatr.ru/kino/movie/hollywood/51133/forum/print/ Т.е. должен быть один источник текста. Возможно ли такое выполнить без php? Только html. Насколько я понял с использованием ssi это делается. Или есть еще варианты?
0 votes5 answers -
внесение svg кода в html
Здравствуйте! Помогите пожалуйста разобраться. Требовалось внести svg-код в html документ. Я не нашёл лучше способа как через <object>. <object data="link.svg" type="image/svg+xml" width="400" height="450"></object> В результате у меня при нажатии ссылок, находящихся в подключённом svg, открываются сайты не на полную страницу, а в окошке 400х450. Как этого избежать? Возможен ли тогда какой-либо другой способ вставки svg в html? <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Растягиваемый фон</title> <style> body { background: url(images/loshad.png) no-repeat; -moz-background-size: 100%; /* …
0 votes3 answers -
Как сделан просмотр фото/новостей вКонтакте
Добрый день, коллеги. Понадобилось по работе реализовать навигацию во всплывающих окнах, по типу просмотра фоток в Контакте. Подскажите, пожалуйста, как это реализовано? Особенно интересует, чтоб кнопки браузера Назад/Вперёд закрывали/открывали всплывающее окно. Может, есть какой фреймворк? Заранее спасибо.
0 votes3 answers -
Проблема с позиционированием css
Итак, решил сделать footer. (Приложил скриншот) Итак, задумка такова: GitHub - Разместить по левому краю, Twitter - по центру, О нас - По правому краю, но почему то Параграф не хочет вставать так как надо. HTML Код <footer> <div class="container" style="padding-top: 1%;"> <div class="row footer-information"> <div class="col"> <a href="#"><i class="fab fa-github"></i> GitHub</a> <p>Откройте и просмотрите нашу страницу на GitHub</p> </div> <div class="col text-center"> <a href="#"><i class="fab fa-twitter"></i> Twitter</a> <p>О…
0 votes0 answers -
Динамические web-страницы
Доброго времени суток! Подскажите пожалуйста как в ниже приведенном примере выводить слой (ограниченный тегами <div id="apDiv1"></div>) не в статически заданном месте как в данном примере, а всегда после кнопки <input type="submit" name="buttonE" id="buttonE" value="CC" />. Количество строк изменяется динамически поэтому статическое положение не устаивает. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Тест</title> <style type="text/css"> <!-- .C { text-align: center;} #apDiv1 {position:absolute;left:5px;top:660px;width:1000px;height:80px;z-index:1;} --> </…
0 votes1 answer -
Изображения Перекрываются
Вот тут: ТУТ в шапке используютс три изображения: 1)dog_big0.jpg 2)topcente.jpg 3)cat_and_.png так вот при увиличении масштаба или уменшения разрешения экрана/страници cat_and_.png перкрывает изображение topcente.jpg как это исправить? <TABLE cellspacing="0" width="100%" height="260"> <TBODY><TR> <TD width="1%" rowspan="2" height="260"><IMG src="/main_files/dog_big0.jpg"><BR></TD> <TD width="50%" height="260" align="left" valign="middle" background="/main_files/topcente.jpg" class="maininfo"> </TD> <TD width="*%" class="contacts" align="center" valign="top" style="padding:0px; margin:0px;" background="/m…
0 votes0 answers -
Проблема с отображение блоков в EI7
Вот есть такая структура. Когда в 1м блоке мало текста, то Div и span стоят в одну строку, когда много то span сдвигается вниз. Все работает норм, вот только в IE7 div зажимает span и он не падает ниже, а просто становится уже (так что в строку помещается одно слово) и растягивается в высоту. что можно сделать? <div style=" display: block; float: none; margin: 0 4px 10px 0; overflow: hidden;"> <div style="float:left; border: 1px solid">text text text text text text text text text text text text text text texttext text text text </div> <span style="float:right;border:1px solid">11</span> </div> white-space - не помогает при д…
0 votes1 answer -
Переадресация в htacces
Добрый день, скажите плиз, как мне с помощью htacces переадресовать запросы типа http://site/dir на http://site/url.php кроме http://site/ и собственно http://site/url.php ? Спасибо...
0 votes1 answer -
Трабл с обратной связью
http://www.gistoryja.ru/template/sendmail/ Если чтото не заполнить и нажать отправить вылазит дин. уведомление о ошибке. Но перед тем как нажать отправить эта кнопка "Отправить письмо" стоит по середине, если нажать на неё она сдвинется влево, вот не знаю как это исправить. Вот КСС код Но чтото не могу найти то что мне надо Помогите. #contact_form { font-family: Verdana, Arial, "Times New Roman"; font-size: 12px; color: #666; } /** FORM STYLES GENERAL **/ #contact_form input, select, textarea { font-size: 11px; color:#999999; width: 300px; height: 28px; border: #CCC solid 1px; /** BORDER RADIUS HACKS **/ } #contact_form input:hover, sel…
0 votes0 answers -
Шов между блоками в Опере и ГХ
<div style="float: left; width: 50%; height: 25em;">block A</div> <div style="float: right; width: 50%; height: 25em;">block B</div> В гугл хроме и опере между блоками возникает шов если их закрасить цветом. Как исправить и в чем проблема? Спасибо.
0 votes3 answers -
выделение слова ссылкой
здравствуйет, ребята, подскажите, пожалуйста. мне нужно, чтобы кнопка в форме работала и как кнопка(обрабатывала форму) и отправляла на следующую страницу. Знаете, как бывает при регистрации, когда она начинается на одной странице, а потом по кнопке "продолжить" переход на следующую стр. вот у меня сейчас код для этой кнопки: <button id="button"> <img id="button_1" src="image/bg_button1.png" alt="" style="vertical-align:middle"> </button> а как сделать, чтобы она ещё и перенаправляла? Пробую заключить её в тег <a> , но не появляется ссылка. В каком месте нужно проставить эти теги <a> ? мн…
0 votes3 answers -
Текст
Здравствуйте! Я чайник! Обрабатываю форму, в php. запускаю, появляется новая страница с обработанными данными. А как сделать чтобы на предыдущей странице появилось имя или логин!? Т.е. Как вписать туда какие то данные? Только начинаю! Если можно без мудреных слов. Пожалуйста!
0 votes1 answer -
фоновое изображение без белой рамки
как сделать, чтобы фоновая картинка была растянута по сайту без белых полей, и чтобы была в абсолютных координатах?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-