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. Растянуть <div> по-вертикали и еще кое-что

    Доброй ночи уважаемые опытные верстальщики. Перекапал интернет и этот форум, нашёл некоторые варианты, но многие либо не работают, либо работают не так. Итак, вот что мне нужно сделать: Резиновый дизайн с левыми, правыми блоками фикс ширины и центральной динамичной частью (контент) Контент динамичный, то очень много, то совсем ничего. Также header высотой 90px; И footer высотой 90px; footer всегда внизу, контент должен его толкать (если он больше размера страницы по-вертикали) И самое главное: левые и правые блоки с контеном должны быть на 100% высоты, то есть всегда быть прижатыми в footer. Вопрос: можно ли вообще впринципе добиться этого div'ами без использования js? Ре…

    Asked by Gmans,

    0 votes
    5 answers

  2. Css box

    Здравствуйте. Я пытался сделать блок для текста из 5 картинок. 1 картинка отвечает за верх блока (top.gif) 2 картинка за низ (bottom gif) 3 картинка за левую сторону (left.gif) 4 картинка за правую сторону (right.gif) 5 картинка за середину (center.gif) Создав своё творение с солидной пачкой divов, я понял что на него нельзя смотреть, да и разваливается в каждом браузере. Я достаточно погуглил закруглённые углы, но они держатся на заголовках и параграфах, а если у меня их будет много в этом боксе, то он и не получится...Решил поэтому создать тему. Текст, который я буду размещать, будет на "5 картинке за середину". Для этого я создал: #content { background:url(img/center…

    Asked by Faran,

    0 votes
    10 answers

  3. Убрать рамку вокруг ссылки в ИЕ8

    ДОброго времени суток! Подскажите, можно ли убрать рамку вокруг ссылки при получении фокуса в ИЕ8 без помощи js? Для остальных браузеров решается с помощью outline: none...

    Asked by VJiK,

    0 votes
    15 answers

  4. Резиновый <div> по вертикали

    Здравствуйте! Помогите с такой проблемой. На сайте есть шапка, в шапке будут расположены еще несколько div-ов. Задача: надо сделать так, что бы шапка растягивалась по вертикали, в зависимости от наполнения ее контентом. Высота шапки установлена 100%, в результате, шапка увеличилась по вертикали на большее расстояние чем ожидалось. HTML <!DOCTYPE html><html><head><title>HYBRID - главная</title><meta charset="utf-8"><link href="style.css" rel="stylesheet" media="all"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery…

    Asked by px379,

    0 votes
    4 answers

  5. Header в таблице...

    Достался мне сайт delovie.ru с шаблоном, в котором header-картинка находится в таблице и меняется случайным образом: <td colspan="2" width="758" height="237" background="<?php echo $mosConfig_live_site;?>/templates/jm_portal/random/<?php echo rand(1,5) ?>.jpg" valign="top"> А мне нужно что бы на каждую страницу сайта была своя четко определенная картинка. Пытаюсь прикрутить модуль Header Image. Поскольку позиция header изначально не определена испульзую <?php mosLoadModules ( 'header' ); ?> что собстно и должно выводить этот модуль в нужноммне месте (шапке). <tr><?php $rand = rand(0,24)?> <td colspan="2" width="758" height="237"…

    Asked by big303,

    0 votes
    7 answers

  6. Smarty vc {section}

    Приветствую. Кто имел опыт работы со смарти, подскажите пожалуйста как передавать значение одной переменной из внешнего цыкла во внутрений? пример: {section name=i loop=$categories_tree} {if $categories_tree[i].categoryID != 1} {* main level menu *} {if $categories_tree[i].level == 1} ... foo ... {* sub level menu *} {else} <ul> {section name=j start=i loop=$categories_tree} ... foo ... {/section} </ul> {/if} {/if} {/section} В данном случае интересует как передать значение "i" для start (внутренний цикл), или же как присвоить значение "i" для "j"? Спасибо.

    Asked by klierik,

    0 votes
    5 answers

  7. ссылка в форме

    Есть вот код, он выводит форму в которой есть кнопка и при нажатии которой происходит действие, как сделать вместо кнопки ссылку (a href =), чтобы при нажатии ссылки действие точно так же срабатывало как у кнопки? Этой же ссылке можно будет присвоить класс css для оформления? <form> <form action="#" method="post"> <input type="text" name="pole1" value=""> <textarea name="message" wrap=virtual></textarea> <input type="hidden" name="opi" value="ds"> <input type="submit" name="submit" value="Отправить"> </form>

    Asked by okunev2,

    0 votes
    18 answers

  8. top при абсолютном позиционировании в разных браузерах

    объясните пожалуйста почему вот в таком макете <!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> <style> body, html{ position:relative; font-family:Arial; margin: 0 auto; width: 1000px; height:100%; } .page { position:relative; width: 1000px; height: 450px; background-color:GREEN; } .page A{ font-weight:900; font-size:13px; color:rgb(100,6,58); } .l{ position:absolute; left: 42px; top: 2px; } </style> </head> <body> <div class="page"> <div class="l"><a href="#menu=0">Hello…

    Asked by tonik_spb,

    0 votes
    7 answers

  9. DOCTYPE ломает CSS

    Решил сверстать сайт, прописал блок, к нему тени через box-shadow, но тут забыл что не прописал доктайп. После записи <!DOCTYPE html> тени у блока пропали, а если его убрать, то работают. В чём загвоздка? Я в растерянности.

    Asked by Ge1i0N,

    0 votes
    2 answers

  10. Наложение слоев. некорректно в IE

    Учусь верстать слоями, очень интересно и захватывающе. Только вот столкнулся с проблемой: есть http://football.kemcity.ru/design/ При создании наложения черный слой сползает вниз на высоту налагаемого слоя в IE6, а он должен быть прижат вплотную к нему. Долго уже бьюсь, но непонимаю почему так происходит. Помогите добрым советом плиз

    Asked by badGamer,

    0 votes
    9 answers

  11. Требуется Оценка Вёрстки на HTML5...

    Здравствуйте. Решил переверстать для себя титульную блога с HTML_4.01 на HTML5(впервые)и по ходу дела возникли некоторые вопросы: 1) Существует ли на сегодняшний день идеальная,с точки зрения отображения, реализация {text-shadow} для IE-7,8,9 ? 2) Стоит ли пользоваться Placeholderом(в инпутах)? Если учесть тот факт, что некоторые браузеры этого не понимают... (если кто скинет ссылку на удобный пример того, как именно это необходимо делать(с поддержкой всех браузеров) - буду благодарен.) 3)Также возникли вопросы по семантике, в связи с чем хотел бы выслушать критику(в разумных пределах),относительно следующей страницы: http://webmaster.ayrveda.ru/Ozdorovlenie-Organizma/ind…

    Asked by Yamaradg,

    0 votes
    22 answers

  12. как скрыть панель управления браузера

    Задача при переходе на новую страницу скрыть панель состояния, адресную строку и меню. Варианты с Ява скрипт по примеру -window.open("new.html","name","width=700,height=500,toolbar=no,menubar=no,status=no"); не подходят необходимо это сделать без Явы, Есть ли какие-то другие варианты? Какие-то стандартные приемы HTML? Или возможно это как то прописать в CSS как параметры body?

    Asked by alex8,

    0 votes
    1 answer

  13. Раскрывающийся список & Bootstrap

    Использую фреймворк Bootstrap. Создал раскрывающийся список при помощи <select> и <option>. Теперь правда не могу понять как в список вставить иконки перед названиями. Т.к. тег <option> понимает только текст . И как сделать так чтобы курсор при выборе пункта из списка прыгал в поле Input, которое находится правее?

    Asked by Drix87,

    0 votes
    0 answers

  14. input внутри ссылки

    Приветствую, имеется следущее: <ul> <form method="post" action=""> <li> <a href="#"> <span class="check"><input type="image" src="1.gif" name="act" /></span><span class="text">Сам текст</span> </a> </li> </form> </ul> Во всех кроме FF, баттон работает как и надо.. а вот в лисе ссылка как бы перекрывает кнопку, Ни кто не сталкивался с подобным? и есть ли решения?

    Asked by swatch,

    0 votes
    7 answers

  15. Резиновый сайт с помощью CSS и DIV.

    Здравствуйте. Подскажите, кто сталкивался с такой проблемой. Есть дизайн сайта, надо сделать резиновую верстку. Но эта верстка должна отвечать многим требованиям: Сайт должен быть резиновым. Но крайне желательно ограничить размеры сайта шириной 1200 пикселей и минимальной шириной 860 пикселей. И нужно, чтобы сайт был позиционирован по центру на широких мониторах. В шапке сайта есть три рисунка. Нужно их позиционировать таким образом, чтобы рисунок слева оставался слева, рисунок справа оставался справа, а рисунок по центру находился по центру всегда, независимо от ширины монитора. Подскажите, кто сталкивался с такими трудностями - как решить? Спасибо.

    Asked by Artweb,

    0 votes
    3 answers

  16. Съезжает блок внутри div c position:fixed

    Привет всем. Странным образом съезжает блок #top_navigation_block_inner будто у него выставлен margin-top ~ 20px <body> <div id="top_navigation_block"> <div id="top_navigation_block_inner"> <ul id="top_navigation_links"> <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> </ul> </div> </div> </body&…

    Asked by imissyouso,

    0 votes
    10 answers

  17. Как сделать резиновый фон в HTML?

    Здравствуйте. Помогите пожалуйста новичку! Как сделать "резиновый" фон на сайте. На широкоформатном мониторе все гуд, а на смартфоне в вертикальном положении картинка искажается. как сделать в HTML, чтоб она не искажалась, а перематывалась? Заранее благодар за ответ!

    Asked by mrbean,

    0 votes
    2 answers

  18. Нипанятна...(с)

    Подскажите пожалуйста, как растянуть блок на всю высоту родительского блока от пола до низа?

    Asked by Trust,

    0 votes
    11 answers

  19. Проблема с меню

    Подскажите пожалуйста! Почему в IE 7 все нормально, а в IE 6 меню (которое черного цвета) все вытягивается в линию? Какие отличия в CSS? Сайт - www.e-ekf.com index.php <?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- author: raduga http://mambasana.ru copyright: GNU/GPL --> <head> <?php mosShowHead(); ?> <?php if ( $my->id ) {…

    Asked by jdv,

    0 votes
    12 answers

  20. галерея картинок

    День добрый, хочу вас спросить, возможно ли сделать галерею картинок, желательно простененькую, на css. интересует что-то вроде этого: http://www.cssplay.co.uk/menu/photo_album.html#nogo посоветуйте новчику - как сделать, где посмотреть, или где почитать на эту тему.

    Asked by Ingvarion,

    0 votes
    18 answers

  21. Пропадает бордер у дива при прокрутке.

    Здравствуйте. Вот страничка. <!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>hi</title> <style type="text/css"> .box { margin-bottom: 24px; } .box .top { position: relative; border: 0px solid; z-index: 2; } .box .top img.corner { vertical-align: -15px; } .box .top img.ico { margin-left: -55px; margin-top: 12px; } .box .top .title { margin-top: -56px; margin-left: 86px; } .box .content { …

    Asked by Flake,

    0 votes
    3 answers

  22. Применить стиль к option

    Добрый день. Нужно выделить курсивом текст одного из пунктов select. <select> <option selected style='font-style:italic;'>Выбор</option> <option value='1'>По номеру</option> <option value='2'>По имени\названию</option> <option value='3'>По адресу</option> </select> нечего не происходит. Как реализовать ?

    Asked by bobo,

    0 votes
    7 answers

  23. Спойлер с плавным открытием

    Здравствуйте есть такая задача, организовать спойлер с плавным открытием. Но при открытии спойлера меняется иконка. Тоесть когда он закрыт одна иконка, при открытии другая(рядом с названием) Есть организовывать при помощи <details> то проблем нет с этой иконкой, там прописываем [open] и все. Все работает как надо... Но как тогда организовать плавное открытие? не корректно работает при помощи jquery и js... он открывается тогда не плавно, а с задержкой... что не правильно..

    Asked by skyline,

    0 votes
    5 answers

  24. position:absolute + relative в одном. Есть такое?

    кто нибудь знает, можно сделать, что бы объект позиционировать не от угла экрана, а как нибудь от какого то выбранного места, но при этом, что бы он не занимал места, как в position:absolute . А то столкнулся с такой поблемой. Сайту уже чуть ли не полгода, а я его с помощью position:absolute делал на своем обычном, так сказать, мониторе. Все было красиво, пока не посмотрел с широкоэкранного, я был в ужасе

    Asked by apika,

    0 votes
    10 answers

  25. iframe и таблицы

    Есть 4 страницы. Основная ниже код. Меняется содержимое в нижней таблице. Информации на 3 странице больше. И получается, что часть текста при открытии не отображается. Люди добрые помогите. Можно ли сделать нижнюю таблицу изменяемой. Т.е. чтоб высота таблицы менялась в зависимости от информации. <table width="940" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="50%" height="50%"><iframe src="страница1" width="100%" height="489px" scrolling="no" align="CENTER" frameborder="no" border="0" framespacing="0"></iframe></td> </tr> </table> <table width="940" border="0" align="center" cellp…

    Asked by _dek_spark,

    0 votes
    6 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