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
-
А давайте таки добьем мою галерею!
Ребят, помогите, проблемма с позиционированием Div'ов. Основным содержаним моего сайта является фото (http://dnepr-city.com/). В качестве бесплатного хостинга я свои фото загружаю на http://photoshare.ru/, оттуда беру html-код и вставляю на мою страницу. Но для красоты добавил css, чтобы сделать страницу хоть отчасти похожей на галерею. CSS: div.box {border:1px solid #000000;font-size:14px;text-align:center;float:left;margin:10px} div.box:hover {border:1px solid #ff0000;} div.box img {border:10px solid #ffffff;} HTML: <div class=box> <a href="http://www.photoshare.ru/original/photoshare.ru-1437003.jpg" target="_blank"><img src="http://www.photoshare.ru/da…
0 votes17 answers -
не отображается xml с РУССКИМ контентом
здрастье каша проста: есть xml: <?xml version="1.0" encoding="WINDOWS-1251"?> <text> <head>TITLE</head> <article> А ВОТ ТУТ НАПИСАНО на РУССКОМ. </article> </text> есть php: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4.01/loose.dtd"> ... <?php $dir = 'data/001/testArticle.xml'; $xmlDoc = simplexml_load_file($dir); echo $xmlDoc->article; ?> ... Английское "TITLE" выводит прекрасно. "А ВОТ ТУТ НАПИСАНО на РУССКОМ" - тут лажа. АБРА-КОДАБРА. :/ -- ?
0 votes13 answers -
Проблема с border при верстке
http://sfasdgas-hsdhsd.narod.ru/123123.rar (40 кб) вот мои "старания". Скажите пожалуйста как сделать обводку для меню снизу, и убрать ее для файла ins.gif (между левым и правым меню тонкий прямоугольный блок). Заранее спасибо огромное!
0 votes3 answers -
Вертикальное выравнивание в input type="text"
Доброго времени суток, уважаемые форумчане. У меня есть текстовый input, который должен выглядеть вот так . При этом текст, который пользователь вводит в это поле, должен быть центрирован вертикально. В коде это выглядит так: HTML: <form action="" method="get"> <input class="search" type="text" name="search" value="Поиск" /> <input class="submit" type="image" src="images/lens.png" name="doSubmit" /> </form> CSS: input.search { background: url(images/search_box.gif) top left no-repeat; font: 12px 'Arial'; height: 21px; line-height: 21px; width: 95px; } Проблема в вертикальном центрировании текста. Opera центрирует по умолчанию, IE - при ук…
0 votes3 answers -
проблема с экспрешном
Подскажите, пожалуйста, почему конструкция: height:expression(document.body.clientHeight-241+"px"); (- структура из 3-х строк, 241px - сумма высот 1й и 3й, соответственно, расчет на то что 2я будет адекватно тянуться, но не тут-то было...) намертво вешает 6-го осла, отлично работает в 7-ом. если кто-нибудь располагает универсальным решением, поделитесь, пожалуйста, второй день мучаюсь.
0 votes4 answers -
в 3 колонки
Помогите сверстать страницу вот такого примерно плана, что то типа 3-колоночного дизайна дизайн фиксированный по ширине. 1 - основной текстовый блок сайта 2 - это элементы с заданными размерами (по высоте и ширине). 3 - элемент за счет которого происходит растягивание по высоте. в зависимости от высоты текста в элементе 1 (background-repeat:repeat-y) Никак не могу сделать. Пытылся даже таблицами но в Опере они не растягиваются по высоте. а слоями даже и не знаю как сделать. На самом деле мне нужно сделать что то типа рамки. Если кто знает, намекните. Буду рад любой помощи
0 votes6 answers -
Появление.
Как сделать так, чтобы при нажатии на ссылку, экран затемнялся, и посередине появлялось окно с формой входа? Так сделана регистрация на ag.ru!
0 votes4 answers -
Галлерея
Как сделать так, чтобы при нажатии на эту картинку: Она увеличивалась и появлялась тут.?
0 votes5 answers -
Позиционирование div'а
Здравствуйте всем, сайт заточен под разрешение 1024x768. Использую слои, главный слой располагается всегда по центру, его ширина 1000px. CSS такой: position: absolute; left: 50%; margin-left: -500px; При уменьшении размеров окна браузера слой заезжает влево, полос прокруток не появляется. Соответственно, невозможно разглядеть, что находится слева. Что можно предпринять в этом случае? Спасибо!
0 votes2 answers -
Как всегда ИЕ 6 и 7. Блок смещается вниз
Не могу найти причину, того что заставляет смещать table.contentpaneopen вниз страницы.... Буду премного благодарен. Сайт
0 votes10 answers -
Помогите с постоянными элементами, плиз!
Здравствуйте! На моем сайте есть постоянные элементы - такие как меню слева страницы, логотип и внизу что-то типа копирайтов. Как можно подключить их, а не прописывать на каждой странице? ЗЫ Вариант с фреймами не подходит. Спасибо!
0 votes9 answers -
Добавление материала на сайт пользователями.
Здравствуйте! Заранее прошу прощения, если задаю вопрос, который уже обсуждался. Пока я в строительстве сайтов мало смыслю, поэтому прошу строго не судить. Я хочу на свой сайт добавить возможность пользователям добавлять материал. Вот как примерно это должно выглядеть: Имя файла: |строка| Картинка:|строка| и так чтоб параметры картинки не превышали 250х250 Описание:|строка| Ссылка на файловый хостинг:|строка| Если это не так сложно делается, то очень прошу помочь. И вот систему поиска тоже не плохо бы, но это потом. А то пока искать нечего. П.С. Мой первый месседж.
0 votes5 answers -
Нужен скрипт чтобы наложить Gif на Jpeg
В общем нужен такой скрипт чтобы можно было размещать анимацию на другой картинке(используя е? как фон)
0 votes33 answers -
Как убрать ползунок и Как привязать картинку
Как привязать картинку к низу страницы?Нужно чтобы при любых изменениях колонки картинки (помечены крестиком) была привязана к нижней горизонтальной полоске (тоже картинки я е? пометил на рисунке римской цифрой два) Как убрать нижний ползунок?Если убрать шапку и низ (Римские цифры 1 и 2) то ползунок пропадает.Также он пропадает если шапку сильно сдвинуть или сжать но тогда справа страницы остается ощутимая пустая фоновая область. Код шапки <tr> <td height="235" colspan="5"> <img src="Images/MegaTools.jpg" width="100%" height="100%" /></td> </tr> Код картинки которую надо привязать <tr> <td height="256"> <img src="Images/Drev…
0 votes2 answers -
ЕСЛИ НА САЙТЕ БУДУТ ШРИФТЫ НЕСТАНДАРТНЫЕ,ТИПА ВСЯКИХ ФОТОШОПОВСКИХ
Так будут ли корректо отбражаться они на сайте?и как поставить в хтмл чтобы весь текст был в это шрифте?
0 votes13 answers -
Не работает overflow:hidden
Пробую сделать трехколоночный макет на дивах, где левая-правая колонки - фон, отсчет от центрального элемента, при изменении размеров баузера просто обрезаются... но почему-то overflow: hidden работает только для левого элемента, правая же колонка не обрезается.... почему? :/ html: <div id=main1> <div id=left_col_back> left col</div> <div id=main_col> Main col </div> <div id=right_col_back> rigth col </div> </div> css: #main1 { position: absolute; left: 50%; top: 0px; width: 1px; height: 100%; background:#6cdec7; } #left_col_back { position: absolute; left: -628px; top: 0px; width: 128px; height: 100%; overflow: hidden; b…
0 votes5 answers -
Не видит include virtual.
Вобщем проблема - решил таки вывести меню сайта (а позже шапку и подвал) в отдельный файл средствами ssi. Сие свойство мне еще не знакомо, но уже чет пытаюсь. Попробовал я вывести меню - получилось: Создал в одной директории index.shtml и menu.txt. index.shtml: <div id="MainMenu"> <!--#include virtual="menu.txt"--> </div> menu.txt: <div id="tab"> <ul> <li class="item_active"><a href="http://dnepr-city.com/"><span>Главная</span></a></li> <li><a href="http://dnepr-city.com/about/"><span>О сайте</span></a></li> <li><a href="http://dnepr-city.com/"><span&…
0 votes8 answers -
Скрипт!
Добрые люди дайте рабочий скрипт регистрации пользователей!
0 votes10 answers -
помогите!
Подскажите пожалуйста как с помощью php сделать так чтоб на определенное место в сайте вставлялся рисунок с другого файла?
0 votes9 answers -
Проблемы с валидатором
Подскажите пожалуйста! Валидатор ругается: document type does not allow element "INPUT" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag. Сайт - klin-zdrav.ru ещ? буду очень благодарен, если подскажите, как сделать, чтобы сайт не скакал в Mozille при переходах! Спасибо заранее!
0 votes4 answers -
overflow:hidden и опера
Добрый всем день! Помогите пожалуйста =) Имеется страничка, у которой в правом верхнем углу через див размещена картинка. необходимо, чтобы при изменении разрешения картинка скрывалась и не было горизонтальной прокрутки. Если е? прятать через overflow, то вс? работает и в лисе и ie, но опера отказывается отображать <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <div style="position:absolute; overflow-x:hidden; left:723px; top:0px;"><img src="../../images/glassess2.png" /></div>
0 votes14 answers -
Подскажите по динамическому меню
Хочу разместить на своем сайте динамическое многоуровневое меню. Сделал первый вариант в виде списка с оформлением на CSS, но получилось несколько коряво. Начал искать, и наткнулся на программу Sothink DHTML Menu. В ней сделал красивое меню, но затем обнаружил, что для включения этого меню необходимо подключить еще два скрипта общим размером почти 100kb. Подскажите, есть ли более экономичное, красивое решение, или лучше дорабатывать свое меню?
0 votes2 answers -
Footer при margin:0 auto.
Друзья, вот пишите что хотите можете меня отсылать по множеству тем, которые уже обсуждались здесь, но я вновь хочу поднять вопрос фиксирования Footer'a по нижнему краю страницы. Все решения которые есть на сайте работают только в случае если шаблон занимает всю ширину экрана, и в этом случае футер прижимается к нижнему краю и занимает всю ширину снизу. А кто как прижимает футер если шаблон с позиционированием по центру страницы? То есть центральный блок в котором вс? содержится имеет параметр {margin:0 auto;} и всегда центрируется по ширине? рассчитываю на вашу компетентность и профессионализм, а не выкрики что мол двести раз было и т.д.
0 votes19 answers -
Выравнивание внутри ячейки
Доброе время суток! Не могу решить такую проблему - выравнить по правому краю ячейки в IE6 (в FF все ОК) Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Ronik-IP</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="rip_new.css"> </head> <body> <table align="right" cellpadding = "0" cellspacing = "0" class="bottom_menu"> <tr> <td width="187px" align="right" class="bottom_menu_td"> <a href="/">1111</a> </td> <td wi…
0 votes1 answer -
Любителям блочной верстки на засыпку!
Ну, во первых, здравствуйте! Начал я совсем недавно пытаться верстать дивами. Не скажу, что получаю удовольствие, что были моменты, которых я бы не сделал таблицами, но тем не менее стремлюсь к прогрессивному. А теперь, уважаемые знатоки, вопрос: 2столбцовый макет. Ширина левого меняется произвольно (в зависимости от содержимого). Правый - от конца левого и до конца экрана. С помощью таблиц - решается очень прозрачно. Хотелось бы увидеть, что существует такое же прозрачное решение и для дивов Спасибо за внимание
0 votes141 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-