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
-
польза от em
помогите пожалуйста разобраться почему ширина блока не устанавливается пропорционально количеству букв. на страничке в нижнем правом углу есть некоторая конструкция. сейчас она работает так как я и задумывал. но для этого мне пришлось ширину контейнера ограничить 5 em. хотелось бы понять почему когда я задаю ширину 8em (в слове "создание" 8 букв) она становится больше, чем в теории(в этом случае одна строка вмещает 2 слова, что мне не надо)?
0 votes1 answer -
Реализовать динамическую форму
Есть таблица порядка 100 строк. Нужно чтобы по щелчку на строке таблица разделялась и под строкой появлялась форма. Соответственно в запросе формы имеет значение та строка под которой она открылась. Подскажите в какую сторону копать ?
0 votes2 answers -
Равная высота блоков div
Здравствуйте! Необходимо создать равную высоту двух блоков div. Блоки выровнял с помощью: float: left; Оба блока имеют визуальную границу. По идее, левый блок будет всегда иметь больше текста, чем правый. Но получается некрасиво - левый блок значительно ниже уходит границей, а хотелось бы чтобы обе нижние границы блоков были на одном уровне. Просьба сразу не пинать ногами, можно тыкнуть носом в мануал (хотя ничего не смог выудить полезного ) Всё вышесказанное одной картинкой http://s017.radikal.ru/i415/1111/36/0728d5870c67.png
0 votes5 answers -
Похожие новости
помогите с кодом. хочу чтоб в полной новости выводился блок похожих носостей. сейчас есть только надпись "похожие новости" файл fullstory.ptl имеет код {full-story}<br /><br /><b>Похожие новости:</b><br /><span class="related-news-ul">{include file="sorting.tpl"}</span></td></tr></table></div> т.е ссылается на sorting.tpl файл sorting.ptl имеет код <!-- S-arts Copyright © --> <noindex> <script language="javascript" type="text/javascript"> <!-- var dle_rn_root = '/'; var dle_rn_place = 'all'; var dle_rn_news_id = 'e8830479dcde699b63ef4403531c40b3'; var dle_rn_group =…
0 votes0 answers -
semantics :)
Допустим, у меня на странице есть некий листинг кода, в котором я хочу прояснить некоторые моменты (например, смысл передаваемых аргументов в функцию). Как я могу семантически это оформить, т.е. "привязать" список определений к листингу? Сейчас я использую такую конструкцию: <pre> var method = function doSuperAction(doSmile, doNotSmile) { console.log(""); } </pre> <dl> <dt>doSmile</dt> <dd>Some description</dd> <dt>doNotSmile</dt> <dd>Some another description</dd> </dl>
0 votes2 answers -
Изменение стилей нескольких элементов
Имеется код: <style type="text/css"> .pic {width:150px; height:150px; display:block; background-image:url(1.png);} .pic:hover img {opacity:0;} .pic img {transition: opacity 0.5s ease-in-out;} .zag {color:#000;} .zag:hover {color:#666;} </style> <table border="0" cellspacing="0" cellpadding="10"> <tr> <td><a href="#" class="pic"><img src="2.png" width="150" height="150" /></a></td> <td width="200"> <div><a href="#" class="zag">ЗАГОЛОВОК</a></div> <div>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текс…
0 votes2 answers -
Центрирование эелементов по их центру
Доброго времени суток форумчане. У меня возникла проблема с центрированием элементов на странице. Отцентрировать элемент получается, это не проблема но он центрируется по левому и верхнему краю - то есть получается ниже и правее центра и в случае изменения размеров элемента он может доходить да правого края или даже растягивать страницу. Мне нужно чтобы элемент всегда своим центром находился в центре страницы. Надеюсь понятно? ) Чтобы лучше понять вот картинка: — Красные линии показывают центр страницы и самого элемента, но такого результата я достичь не могу но хочу. — А вот так у меня всегда становится, но мне так не надо http://s42.radikal.ru/i096/1301/ec/f8bd7698e…
0 votes8 answers -
Не растягивается div
Доброго времени суток. Прошу помочь с div'ом. Не растягивается (при масштабировании начинает повторяться). Ссылка. Сколько танцев с бубном вокруг width: 100%, position и т.д. не было, не помогает. Прошу помочь.
0 votes2 answers -
Фон для страницы
Здравствуйте гуру сайтостроения, хотелось бы узнать, каким способом можно сделать такой фон, в частности аквалангист ( код http://jsfiddle.net/n7W6p/ )
0 votes6 answers -
Стили вставляют пробел или Joomla?
Начал менять стили вывода встроенного модуля "Материалы - Список материалов категории" Joomla 2.5.19. Не пойму, это Joomla добавляет пробелы перед точками, которые добавляю стилями :after или это какие-то стили делают? Пробелы можно увидеть на примере ссылки "Подарки руководителю ."
0 votes6 answers -
Элементы "display:box" не работают
Доброго времени суток, помогите пожалуйста разобраться с кодом, в идеальном варианте в div должны располагаться через равные расстояния другие div <!DOCTYPE html><html lang="ru"><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="style.css"> <head> <title>OK-page</title> </head> <body> <div id="page"> <section id="nav"> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> </section> <div id="content"> <…
0 votes2 answers -
Всплывающая подсказка не умещается в блоке
Пациент: http://demo.imatte.us/fomru/messages.html Проблема: Как пофиксить?
0 votes2 answers -
Ссылка во весь размер блока
Подскажите пожалуйста как организовать ссылку во вечь размер блока а не только в пределах текста? Получается только с "подгоном" отступов.Текст должен быть по центру.. http://jsfiddle.net/yn3Lkjno/ Заранее спасибо.
0 votes7 answers -
Страница с эффектом параллакс
Здравствуйте уважаемые форумчане! Помогите, пожалуйста, сделал, небольшую, страницу с эффектом параллакс на CSS3, все хорошо но в хроме и опере не хочет центрироваться, в остальных браузерах все нормально. Скажите что не так? Вот страница – http://www.web-verstka.com.ua/portfolio/parallax/
0 votes4 answers -
Проблема с first-child
Здравствуйте участники форума вот такой вопрос: объясните почему не срабатывает псевдокласс first-child исходные коды прилагаю ниже <!DOCTYPE html><html> <head> <meta charset = "utf-8" /> <link rel="stylesheet" href="style.css" type="text/css" /> <title>sample listing</title> </head><body><div class = "karkas"> <img src = "img/post-img.jpg" alt = "" /> <p> Ut wisi enim ad minim veniam, quis nostrud exerci tation </p> <p> Duis autem vel eum iriure dolor in hendrerit in vulputate velit diam voluptua. At vero eos et accusam esse molestie consequat, vel illum dolore eu feugiat nulla facili…
0 votes1 answer -
Как свернуть раскрытый блок автоматически
Добрый день, при нажатии на ссылку открывается некий блок, таких ссылок с блоками может быть несколько, как сделать чтобы при нажатии на любую другую закрытую ссылку предыдущий раскрытый блок сворачивался, а выбранный раскрывался? Вот пример http://jsfiddle.net/driver/PD3gk/light/ Спасибо.
0 votes3 answers -
Неправильный вид кнопок на устройствах IOS
Добрый день, проблема в том, что на устройствах IOS кнопки на сайте, который я разрабатываю выглядят совсем иначе. Проблема актуальна для всех устройств с IOS. На Андройде выглядит как на скрине. Спрашивал двух знакомых front-end'ов, они незнают почему так. Вот сайт: http://finematras.ru
0 votes6 answers -
Ссылка на сетевую папку
Как сделать ссылки на сетевые папки, которые находятся на компьютерах одной локальной сети?
0 votes0 answers -
кнопка поиск
Всем привет! Решил создать для себя кнопку поиска, в произвольном месте, да ещё такую, чтобы одним полем, т.е. просто вводим слово в поле и жмём ентер Проблемав такая: Когда поле неактивно, в поле есть слово "поиск", а когда мы наводим для ввода наших слов, "Поиск" пропадает. Это сделать получилось через параметр "focus". Вобщем когда я жму ентер с моими словами, открываются результаты поиска , но поле поиска начинает отображаться и слова , которые задал Я, и слово Поиск от неактивности поля.(как на картинке) Как избежать подобного?
0 votes2 answers -
Помогите с топ-еню для IE
Пожалуйста, нужна помощь. В IE проблемы с выпадающим меню: http://antioxbio.ru/ Ничего не можем сделать.
0 votes1 answer -
Каталог
Здравствуйте. Имеется вот такой недоделанный сайт: http://happyclouds.spb.ru/ Требуется создать каталог: http://happyclouds.spb.ru/premium.html Вопрос: как автоматизировать (ускорить) создания каталога? PHP? CMS? Начала создавать вручную - получается долго и муторно. Заранее всем спасибо за ответы
0 votes1 answer -
Z-index
Всем добрый и сразу небольшой код <div class="l1"> <div class="l2"> </div> </div> .l1 {z-index: 1; background: url(images/bgtop.png) repeat-x; width:100%; height:15px;} .l2 {z-index: -1; background: url(images/left.png) no-repeat; width:30px; height:25px; } Имеем 2 дива вложенный один в другой и у каждого бекграунд. Задача: чтобы вложенный бекграунд был ниже родительского слоя если такой вид расположения не работает то просто 2 дива <div class="l1"></div> <div class="l2"></div> Задача та же. Оно реально? У меня что-то не работает
0 votes3 answers -
Помогите с сайтом тоже
Доброго времени уважаемое сообщество. Постораюсь попорядку. Залил на хост скрипт партнерского магазина (не для рекламы) Все работает прекрано. Есть PHP- стрраница где есть место для рекламы, закачиваю в указаное место скрипт GooglyAdsense. Сам рекламный блок работает в норме, а вот что вокруг (Наш прайс. ) Я так понимаю, что получается не совместимость в кодах. В HTML документе все ясно , а вот как можно определить в PHP файле в каком формате все прописано? - PHP файл от сайта , скрипт рекламного блока внутри обернутый <body>.... вот. <?php /* Выше этой строки в файле ничего не должно быть */ # Внутри этого контейнера может быть только HTML код и пер…
0 votes4 answers -
onmouseover\onmouseout в разных браузерах
Доброе утро. Есть простой код: <div style='text-align:left; margin:5px 0 5px 17px;'> <label>№ счета:<input type='text' name='login' maxlength='4' style='border:1px solid #aaa;' onmouseover="style='border:1px solid #000;'" onmouseout="style='border:1px solid #aaa;'" /></label> </div> <div style='text-align:left; margin:5px 0 5px 17px;'> <label>Пароль:<input type='password' name='pass' maxlength='10' style='border:1px solid #aaa;' onmouseover="style='border:1px solid #000;'" onmouseout="style='border:1px solid #aaa;'" /></label> </div> Дело в том, что конструкция onm…
0 votes3 answers -
Странное клонирование заголовка
Есть таблица <table id="ComparisonTable"> <thead id="CompTableHeader"> <tr>.....</tr> <tr>.....</tr> <tr>.....</tr> </thead> <tbody> ..... </tbody> </table> Есть JavaScript, с помощью которого я создаю таблицу с дубликатом заголовка и вставляю её перед основной таблицей: function createFixedTableHeader() { var table = document.getElementById("ComparisonTable"); var thead = document.getElementById("CompTableHeader"); if ((table)&&(thead)) { var ht = document.createElement("table"); ht.id = "HeaderTable"; ht.className = table.className; ht.appendChild(thead.cloneNode(true)); //ht.i…
0 votes1 answer