Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Не получается спозиционировать сайдбар

    Может здесь помогут... Хелп, едет крыша! Короче, суть проблемы такова: есть двухколоночный страниц - шапк, левый блок (основной), правый блок (сайдбар, фиксированная ширина), блок-прижиматель футера к низу, ну и - прижатый им к низу футер. Так вот, левый (основной) блок прекрасно тянется в высоту насколько нужно и прижимает футер, а правый - сайдбар (или параграф внутри него?) - этот самый футер прекрасненько протыкает (патамушта спозиционирован абсолютно). И висит там под футером как... неприличное что-то, ей-богу. Чего только ни пробовал - ничего не помогает! Короче, код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loos…

    Asked by nikudza,

    0 votes
    9 answers

  2. Прозрачный фон

    Привет всем! Не подскажите, каким образом можно сделать фон блока прозрачным и как эту прозрачность отрегулировать? Скриншот желаемого: Про пнг наверное думать не стоит, т.к. в ИЕ работать не будет, а в данном случае меня это не устраивает, ведь блок расположен на фотке юзера, и если в ИЕ этот блок будет залит черным, и закрывать часть фотки, то это не айс конечно)

    Asked by nickostyle,

    0 votes
    12 answers

  3. Всплывающие div'ы

    Всем привет! Прошу помощи!!!Скрипты не предлагать!! Создал страницу на которой отображаются div(общий)-->div(внутренний):картинка ->(ниже картинки) div(внутренний, но скрыт) и <--в этом то div'е краткое описание содержимой картинки! Далее поставил кнопочку(оформил стилями) и при наведении на нее курсора вплывает этот скрытый div с описанием картинки! Проблема такая: сборок с картинками много и к каждой такое скрытое описание, но нижние элементы при просмотре описания всплывают вниз за границы экрана и части текста не видно(приходится прокручивать вниз вручную) ! Есть ли возможность всплытия вниз так что описание выходило полностью пусть и страница немного прокрут…

    Asked by Trol,

    0 votes
    14 answers

  4. Сервис или приемы по извлечению фона для сайта

    Добрый день, уважаемые форумчане! Такой вопрос - вы наверняка часто сталкивались со след. проблемой: вам дают psd макет сайта, у которого фоном стоит какой либо узор (или паттерн). Достать фон в этом случае можно двумя путями: трясти дизайнера, чтобы он выпилил вам картинку, 40x40px либо самостоятельно доставать этот узор (паттерн) из фотошопа (если умеете). Так вот мой вопрос в следующем - есть ли какой-нибудь сервис, который помогает достать повторяющийся фон из макета? Т.е. допустим вы видите, что узор фона повторяется, но определить точный квадрат для извлечения картинки не получается. И рядом нет дизайнера, который мог бы достать этот паттерн. Как можно быстро сделат…

    Asked by Bryant-24,

    0 votes
    6 answers

  5. тег <br> дает большой пробел

    Всем привет. У меня проблема: есть список с пунктами 1,2,3.... естесственно каждый пункт с новой строки. При использовании тега <br> появляется большой пробел в тех пунктах, которые не входят по ширине блока, т.е. входят но на 2-3 строчки. как от этого пробела избавиться??? Спасибо!!!

    Asked by Vicoff,

    0 votes
    5 answers

  6. В чем ошибка?

    Подскажите, что я сделала не так в написании стиля страницы body { font-size: 500%; font-family: Arial, Verdana, sans-serif; text-align: center background: #333; color: red; } Цвет и размер текста воспринимает, а остальное нет.

    Asked by losso,

    0 votes
    7 answers

  7. Background hover-ссылки

    Хочется "дешего и сердито" оформить блок навигации, меняя фон hover ссылки, но в опере возникает проблемка: рядом с курсором вылазит индикатор загрузки, типа происходит загрузка графики, но на самом деле ничего не качается. И что характерно при кешировании графики данной проблемы не возникает. a:hover { background: url(nav_sel_bg.gif) repeat-x; } Если кто то может прокоментировать данную ситуацию, буду оч признателен.

    Asked by CoDy,

    0 votes
    7 answers

  8. В IE прозрачная PNG берет не правильный бэкграунд

    И так возникла проблема. Есть две картинки. Одна из них с прозрачным фоном. Нужно наложить картинку с прозрачным фоном на вторую. Делаю так: смещаю див с прозрачной картинкой: display: inline; position:relative; left: -37px; bottom: -105px; В итоге получаем правильное расположение. Прозрачная картинка на непрозрачной второй. НО! В IE получаем белый фон у картинки с прозрачным фоном! Этот фон IE берет из !изначального места расположения картинки, до сдвига с помощью display: inline; position:relative; left: -37px; bottom: -105px; Т.е если у контейнера с картинками фон синий - у прозрачной картинки тоже будет синий фон Как это побороть? Этот баг только в IE в осталь…

    Asked by alex-ks,

    0 votes
    5 answers

  9. Пустой span c min-width в таблице. Проблемы с ИЕ7.

    Добрый день! Задача такая: сверстать пустые поля для вывода информации. В дальнейшем они должны растягиваться по содержимому (по ширине). Верстка табличная. <!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> <title>min-width</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="css/reset.css"/> <link rel="stylesheet" type="text/css" href="css/style.css"/> <!--[if lte IE 7]> </style> <![endif]--> <style type="text/css"&g…

    Asked by F315,

    0 votes
    15 answers

  10. Перенос столбцов в таблице

    Задача Существует таблица, в ней !!одна строка (<tr></tr>), в строке столбцы (<td></td>), столбцов может быть 6, 7 и т.д. создаются автоматически скрипом. Как заставить таблицу переносить столбцы вниз (не создавая при этом новые строки), чтобы в строке оставалось по 3 столбца?

    Asked by aruza,

    0 votes
    3 answers

  11. Опера глюки

    Ребята, есть такая верстка: http://antoxa.name/portfolio/oastyle/ В Opera при первой загрузке в меню замечается глюк, при обновлении глюк пропадает, подскажите в чем грабли? Очень не хочется пункты меню делать картинками. P.S.: Opera 9.51

    Asked by Zippovich,

    0 votes
    11 answers

  12. Как организовать сайт?

    Помещаю тему в раздел "Для начинающих", котя отвечающих предупреждаю, что активно верстаю уже с 2007 года. Так что со мной можно и пооткровеннее Начинал с FrontPage. Сейчас сижу на Expression Web. И проблема моя вот в чём. Возьмём мой будущий сайт. Он будет на HTML. Все страницы моего сайта похожи между собой по структуре и стилю оформления. Когда верстал на FrontPage, то использовал INCLUDE (не PHP и не SSI, а какая фишка FP). Пример: <!--webbot bot="Include" tag="BODY" u-include="../header.htm" --> У меня были отдельно файлики HEADER, FOOTER, MENU и в итоговой странице я их собирал. Верстать было удобно, потому что для изменения чего-либо в шапке нужно было откр…

    Asked by anempadest,

    0 votes
    24 answers

  13. Адаптивный дизайн 2014-2015

    Помогите разобраться Пришло время менять дизайн сайта. Стал изучать тему Адаптивный дизайн ... и сильно устал... Сайт у меня универсальной направленности, много картинок. Редизайн с перспективой на 2015 год, но чтобы одновременно не потерять сегодняшних посетителей. Основные посетители сегодня 1280-1600пх(70%), 1024пх(12%) Решил делать следующее - Макет фиксированный, адаптивный. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> width: 920px; две колонки - для всех кто не понимает ЦСС3, для тех кто понимает ЦСС3 с мониторами до 1200пх. width: 1240px; три колонки - для всех кто понимает ЦСС3, и для мониторов от 120…

    Asked by AleksejR,

    0 votes
    4 answers

  14. Помогите конвертировать из table в div

    Помогите конвертировать этот код в полностью див`ную верстку с применением стилей. Сижу уже битый час и ничего не получается. <table cellpadding="0" cellspacing="0" border="0"> <tr> <td width="450" height="270" vAlign="top"> <div id="container"> <div id="container1"> <a href="#"><img src="http://test.ru/1.jpg" height="270" width="450" border="0" alt="BlaBlaBla"/></a> </div> <div id="container2" class="nsp"> <table width="450" cellpadding="0" cellspacing="0" border="0"> <tr> <td bgcolor="#000"><img src="http://test.ru/1.gif" width="0" height="23" border="0" /></td> </tr…

    Asked by Resets,

    0 votes
    2 answers

  15. Прыгает текст при изменении масштаба

    Здравствуйте, перерыла весь инет, немогу найти как правильно сверстать блок, чтобы при изменении масштаба не прыгал текст, вот у меня есть код для меню, когда я уменьшаю масштаб страницы последний пункт меню спрыгивает вниз, что делать? вот код, <div id="menu"> <ul> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="…

    Asked by Lady_V,

    0 votes
    13 answers

  16. float и вложенные слои

    <div style="background: #ccc; width: 100%"> <div style="float: left; width: 300px; background: #000">123<br>123<br>123<br>123<br>123<br></div> 123 </div>В FF внутренний слой вылазит за пределы внешнего. Почему так происходит? В IE все нормально. Какой браузер отображает этот код правильно? Как сделать так, чтобы внутренний слой был слева и не вылазил за пределы внешнего слоя, не задавая фиксированную высоту внешнего слоя? Заранее спасибо за ответы.

    Asked by Cage,

    0 votes
    6 answers

  17. Проверка Формы на пустоту.

    Добрый день! Помогите, пожалуйста, мне нужно сделать так, что-бы форма не отправлялась мне на мыло пустая, а чтоб проверялась на пустоту... <div id="order" class="popup"> <a href="#" onclick="cart.closeWindow('order', 0)" style="float:right">[Закрыть]</a> <h4>Введите данные</h4> <form id="formToSend"> <input id="fio" type="text" placeholder="Имя" class="text-input" /> <input id="city" type="text" placeholder="Район Риги" class="text-input"/> <input id="phone" type="text" placeholder="Контактный телефон" class="text-input"/> …

    Asked by mrvelan,

    0 votes
    5 answers

  18. Недостаточно плавная анимация

    http://jsfiddle.net/hj2Yk/ Можно ли сделать плавнее?

    Asked by Zverushka,

    0 votes
    28 answers

  19. почему код примера с htmlbook не валиден?

    Всем привет. Вопрос касается данного доктайпа: quot;-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">. Объясните или дайте ссылку где доходчиво написано как нужно писать код, чтобы с данным доктайпом он был валиден. В качестве примера можно рассмотреть код с http://www.htmlbook.ru/html/form.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег FORM</title> </head> <body> <form action="/cgi-bin/handler.cgi"> <b>Как по вашему мнению расшифровывается абб…

    Asked by Storm,

    0 votes
    8 answers

  20. А вы пользуетесь таким трюком ?

    .columns { clear: both; width: 100%; //padding-right: 1px; //overflow-x: hidden; } Просто наткнулся на него, раньше про него не слышал. Проверил работает только для ИЕ (вкл 7)

    Asked by maddogrts,

    0 votes
    12 answers

  21. Вертикальное выравнивание текста в блоке

    Можно ли как нибудь вертикально выровнять текст без заголовка в блоке. Че только не пытался сделать ничего не прет.

    Asked by USSURISK-MAN,

    0 votes
    8 answers

  22. <select> <option> форматировать текст списка

    Есть список вида: <select> <option>1234 123 123</option> <option>123 1 1</option> </select> Нужно чтобы в выпадающем списке столбцы располагались друг под другом, прим: 1234 123 123 123 1 1 Но добавка пробелов ничего не дает, они просто сокращаются до 1 пробела. Если вместо пробелов использовать нижнее подчеркивание, то тоже не получается, ширина букв разная. Пробовал span`ами и pre, тоже не работает. Даже таблицу пробовал делать внутри тэгов option - не помогает Может еще какие варианты подскажите?

    Asked by Metallic,

    0 votes
    8 answers

  23. 2 формы 1 в 1, но 1 не работает

    http://www.zierer.ru/buy.php - не работает http://www.activeheat.ru/contacts.php - работает Никак не могу найти причину, почему после отправки форма на сайте zierer.ru возвращает страницу сайта, а не сообщение об успешной доставке. Форма на AJAX + JS + PHP + CSS... Думаю причину искать надо где-то в конфликте HTML,... но никак не найду... Помогите, пожалуйста.

    Asked by allmoney.ws,

    0 votes
    2 answers

  24. высота iframe может меняться в зависимости от контента?

    Всем привет! Хотел бы узнать, а высота iframe может динамически меняться в зависимости от контента и если да, то как это можно организовать? Либо, как вариант мне надо, чтобы новые ссылки автоматом открывались в томже самом div-e, БЕЗ перезагрузки основной страницы.... Т.е. у меня есть страница, в нее через div или iframe (с помощью ajaxtabscontent) выводится другая страница, на которой есть ссылки. Дальше, если в iframe, то ссылки в фрейме и открываются (но тогда из-за разного содержимого страниц появляется вертикальная прокрутка iframe-а), а вот если div - то они открываются в новом окне. Хотелось бы избавиться от вертикальной прокрутки в iframe, чтобы страница динамиче…

    Asked by M.C.,

    0 votes
    2 answers

  25. Скролл и выпадающее меню

    Добрый вечер! На сайте используется выпадающее меню superfish. Когда количество пунктов очень много, то приходиться прокручивать скролл. Скажите, пожалуйста, как можно сделать чтобы при достижении конца браузера формировался следующий столбец с продолжением меню?

    Asked by sir95,

    0 votes
    8 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept