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
-
списки с разделителями
сверстал галерею на основе списков.структура такая: 4 изображения, разделитель, <ul>4 изображения</ul>, разделитель, и т.д. использовал несколько блоков <ul></ul>. правильнее было бы использовать один блок <ul></ul> (потому что на cms удобнее натягивать). подскажите пожалуйста как верстаются подобные галереи. необходимые условия: 1. галерея резиновая(тянется по горизонтали как в моем примере), 2. после каждой четвертой картинки есть разделитель
0 votes19 answers -
Вертикальное выравнивание многострочного текста в блоке
Здравствуйте. Не нашёл похожей на мою ситуацию. =( У меня есть стандартная структура меню. <ul> <li> <a href="\">Главная</a> </li> <li> <a href="\">Основные <br/>документы</a> </li> <li> <a href="\">Приказы</a> </li> <li> <a href="\">Последние <br/>новости</a> </li> </ul> Делаю меню горизонтальным, представляю "a" как ячейку таблицы, что бы отцентровать двухстрочные пункты меню по центру, растягиваю "а" так, что бы закрыть вс. область кнопки, даю фон "а". li{ float:left; width:100px; height:50px; } li a{ width:10…
0 votes1 answer -
Извлечь нужные значения из HTML страницы
Помогите пожалуйста с кодом для консоли браузера. Вот страница http://proxyb.net/proksi_rossiya_besplatno.html Мне нужно скопировать все прокси из первого столбца IP:Порт вставить в текстовый файл Для этого нужно убрать всё лишнее, оставить только значения в формате ХХ.ХХ.ХХ.ХХ:хххх Важно, чтоб каждая прокси была с новой строки - одним столбцом. В итоге должно получиться так: 1.169.198.197:80 1.162.34.57:80 1.93.2.191:3128 120.195.205.99:80 120.195.194.56:80 и так далее. главное чтоб можно было всё скопировать и вставить в текстовый файл. Заранее огромное спасибо!
0 votes0 answers -
работа кнопок с условием ЕСЛИ
Прошу прощения, но нужна Ваша помощь. возможно ли сделать условие, при котором кнопки сверху, будут работать, типа если это город, один множитель, если это межгород другой множитель. Грубо говоря: если город стоимость остается как в формуле ниже, если межгород, умножается например на 2. <div class="switch"> <input type="radio" name="tax" value="1" id="q" class="input" checked> <label for="q" class="label">Город</label> <input type="radio" name="tax" value="2" id="w" class="input"> <label for="w" class="label">Межгород</label> </div> <input type="nomber" id="a" class="input…
0 votes12 answers -
Как вывести рамку изображения при наведении курсора
Как при наведении курсора на изображение вывести вокруг него рамку ?
0 votes3 answers -
Кодировка данных РНР
У меня возникла пролема скодировкой. РНР скрипт заносит в БД козябрики. Не могу перекодировать скрипт, хотя win-1251 указан в коде html страницы...
0 votes6 answers -
Проблемы с отображением В IE и Opera
Добрый день! Я не так давно занимаюсь веб строительством, возникла проблема с отображением части сайта в разных браузерах: вот код этой части сайта: <div align="left" id="topMenu"> <img src="i/topMenuLeft.jpg"> <div id="topMenuContent"> <table> <tr bgcolor="#052d0d"> <td><a href="......"> Вход </a></td> <td><a href="......"> Регистрация </a></td> <td><a href="......"> Кабинет </a></td> <td><a href="......"> Корзина </a></td> <td><a href="......"> Выход </a></td> </tr> </table>…
0 votes5 answers -
IE и позиционирование
Есть такая проблема в div с position:relative; вставлен еще один с position:absolute; ИЕ6 напрочь отказывается позиционировать второй блок относительно документа, а позиционируется относительно родительского дива. Может быть есть фикс какой-то ? что бы position:absolute; срабатывало относительно документа не зависимо от того где стоит див ?
0 votes10 answers -
Почему подчеркиваются ссылки?
В CSS указал: a:link {text-decoration:underline; color:#CCCCCC;} a:active {text-decoration:underline; color:#CCCCCC;} a:visited {text-decoration:underline; color:#CCCCCC;} a:hover {text-decoration:none; color:#FFFFFF;} Но ссылки белого цвета и все равно подчеркиваются. Почему так?
0 votes4 answers -
Помогите пройти валидацию
У меня есть форум, есть блог. И то и то работает, но вот приспичило мне проверить валидность кода. Использую для этого HTML Validator для Firefox. Сейчас исправляю форум. Некоторые ошибки сам исправил. Но еще много осталось. Около 100. Может что-то и осталось, что я сам смогу исправить, но в таком количестве тяжело ориентироваться. Начал "читать" с начала. И первая ошибка на строчку... "<!DOCTYPE html>" Не пойму что с ней не так. Делал как в статье автора Марк Пилгрим. Спецы, может поможете чуток. Адрес форума from-kpi.com.ua
0 votes10 answers -
Оцените семантику
Здравствуйте, оцените, пожалуйста, структуру: <!doctype html> <head> <!-- Metatags and other... --> </head> <body> <section> <header> <!-- Logo and banner --> </header> <nav><!-- Speedbar --></nav> <article> <h1><!-- Title --></h1> <!-- Content --> <nav><!-- Navigation (Pager) --></nav> </article> <aside> <menu> <!-- Menu --> </menu> </aside> <div id="empty"></div> </section> <footer> <!-- Footer --> </footer> </body> </html>. Футер прижат…
0 votes8 answers -
Прокрутка в блоке div
Возник такой вопрос, например, в каком-то месте сайта, у меня имеется div-ka <div id="con_event">тут очень много данных, текста, таблички, картинки, без разницы что, скажем так на пикселей 1500 высотой</div> стиль div-ки: #con_event { border: 0 solid white; height: 440px; overflow: scroll; } Всё отлично, моя div-ка имеет высоту 440пикселей, появилась полоса прокрутки, всё как задумывалось. Теперь вопрос: данные в div-ке прокручиваются, как только я подвожу мышку на дивку, и начинаю прокручивать колёсико мышки, есть ли возможность сделать так, чтоб, для "активации" прокрутки необходимо было кликнуть по div-ке, ну или ещё какой-то вариант? Суть вот в…
0 votes8 answers -
Original Hover Effects
Подскажите, как сделать <h2>Hover Style #1</h2> видимым до наведения мышкой? http://goo.gl/xWveO
0 votes5 answers -
Таблица html
Помогите , пожалуйста, разделить ячейки в таблице попалам: <td><a class="show_photo" href="/userfiles/image/4erteji_byt/byt_4x2_3.jpg"><img width="300" height="149" src="/userfiles/image/4erteji_byt/byt_4x2_3.jpg" alt="схема строительной бытовки" /></a></td> <th valign="middle" align="center" style="vertical-align: middle;"><span style="font-size: 14px; font-family: Verdana;"><strike>31 610 руб.</strike></span><br /> <span style="font-size: 14px; font-family: Verdana;">29 000 руб.</span></th> <th valign="middle" align="center" style="vertical-align: midd…
0 votes5 answers -
Начало пути веб-программиста
Всем доброго времени суток. Хочу начать заниматься веб-программированием. Начать хочу с вёрстки (и хорошо её изучить), затем перейти на бекенд (и что бы потом бекенд был моим основным направлением). Опыта в программировании нет вообще никакого. Гуглил дня 2, но немного запутался. Подскажите пожалуйста, в каком порядке и что учить (особенно путаница у меня с HTML, сайтов, которые учат верстать (а не просто тегам) на пятой версии просто нет, они либо на 4, либо просто сборник тегов). Да и вообще надо бы, что бы немного подсказали что и как, сколько времени займёт обучение(мне это очень важно, я потерял 4 года из жизни просто так, надо навёрстывать упущенное время) и т.п. Вс…
0 votes9 answers -
CSS 2.1 and CSS 2.2 как их понимать ?
Правильно ли я понимаю уровни CSS спецификации: CSS 1 - Устаревшая спецификация. CSS 2 - Содержит много ошибок. CSS 2.1 - Та же CSS 2 но исправленными ошибками. CSS 2.2 - Тут что ? Я не понимаю, объясните люди добрые. CSS 3 - Модули CSS, с разными уровнями. Разные модули заменяют разный раздел в CSS 2. CSS 4 - Консорциум говорит что не будет, но посмотрим что на самом деле будет. Для меня не совсем понятно, 2.2 для чего эта спецификация и что она делает ?
0 votes6 answers -
Высота слоя
Такая проблема: есть 3 дива, 2 боковых, типа поля и один по центру с контентом и все они все находятся в родительском слое. Но боковые слои не хотят растягиваться на 100% в высоту. Их бы и вообще не было, если бы я не вставила пробел. Кажется есть что то по этой теме в Css, чтобы слой отображался в независимости от содержания. Вот код <div class="middle"> <div class="left_side" > </div> <div class="main"> <h1>Заголовок</h1> <center><div class="h_menu"> </div></center> <div class="welcome"> </div> <div class="news"> …
0 votes4 answers -
Проблемы с выравниванием блочного элемента.
Не понимаю почему элемент mlir3 не становится под mlir2, ведь mlir2 становится под mlir1. Неужели только отрицательный маргин в право является решением при данном построении? Не хотелось бы отрицательных маргинов - все таки в спецификации, если не ошибаюсь он не предусматривается. Хочется сделать идеально. Спасибо за внимание. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Floats</title> <style type = "text/css"> *{margin:0; padding:0; …
0 votes4 answers -
Изменение стиля ссылки внутри <span>
Есть код: span class="alfavit"> А Б В Г Д Что и как прописать в таблице стилей, чтобы убрать подчеркивание ссылок внутри span class="alfavit"> ?
0 votes2 answers -
А можно ли упростить?
Можно ли прописать в начале css файла один раз цвет и в дальнейшем использовать в нескольких местах как некую переменную? background: mycolor; ?
0 votes3 answers -
Вертикальное выравнивание в теге <a..> при display:block.
Проблема следующая: есть код: #but {width:400px; height:100px;} #but a {display:block; float:left; width:100px; height:100px; color:#4088b8;} #but a:hover {color:#131313; background:url(i/image.gif) center bottom no-repeate;} <div id="but"> <a href="#">linkname</a> <a href="#">linkname</a> <a href="#">linkname</a> <a href="#">linkname</a> </div> проблема: linkname прижимается к верхней границе блока, а надо что бы был внизу. Пробвал применять padding со нужными значениями, но в этом случае увеличивается высота блока и соответственно толкает вниз все что под ним. Также пробовал разные варианты display - тоже…
0 votes1 answer -
Отрицательный margin и ie6
Есть три колонки. Реализация стандартная <div style="width:30%; float:left;"></div> <div style="width:30%; float:left;"></div> <div style="margin-left:60%"></div> Внутри есть некоторые элементы, которые нужно вынести за пределы блоков. Для этого использую отрицательный маргин. Как всегда IE6 радует. Полностью обрезает те куски которые вынесены за пределы родительских блоков. Насколько я понимаю, это происходит из-за наличия у блоков-колонок свойства hasLayout. Вроде оно присваивается блоку если ему float давать. И судя по всему ведёт себя как overflow:hidden. Я прав или нет? И, в любом случае, как можно решить эту проблему?
0 votes2 answers -
Пунктир вокруг кнопок (submit, button) в ИЕ8
Раньше боролись с пунктиром вокруг ссылок и кнопок в FF, а сейчас смотрю и восьмой ИЕ подтянулся. Тоже начал пунктиры рисовать. Лечится этот баг или нет?
0 votes4 answers -
Вопрос по выпадающему меню
Народ, если у кого-то будет желание, подскажите как исправить ошибки. За основу был взят шаблон выпадающего вертикального меню. Изменения в файл .js не вносились. 1. При открытии в браузере элементы выпадающего меню не скрыты. 2. В IE 6 при наведении на пункты меню последние не меняют цвет. Спасибо! Файлы здесь
0 votes3 answers -
Как можно сверстать сие чудо?
Задам для начала несколько больше всего интересующих меня вопросов и покажу результат который есть на данный момент. 1 и 2 - Меня интересует как можно проще реализовать эти линии. 3 - Как лучше сделать отступ? Если брать ныне существующий код, то я думал добавить еще один table и выставить ему height, в размере нужного отступа. Код можно посмотреть тут: Турнирная таблица. Проблема заключает в том, что в конечно итоге нужно добавлять неограниченное кол-во строк не меняя размеры в последующих столбиках. например: берем 16 игроков, второй столбик соответственно уже 8. И тут вдруг мне понадобилась таблица на 32 игрока, и я просто добавляю еще 16 строк грубо говоря <tab…
0 votes11 answers