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. одновременный hover для ссылок из разных блоков

    https://jsfiddle.net/g2xLveea/1/ Можно ли сделать без js, чтоб при наведении на одну ссылку, hover срабатывал и для другой? (ссылки в разных div-ах)

    Asked by torsar,

    0 votes
    2 answers

  2. Как сверстать этот блок?

    blok.psdмогу ни как сверстать этот блок помогите пожалуйста, очень нужно для ДЗ blok.psd

    Asked by DenG,

    0 votes
    3 answers

  3. Событие по onclick

    Подскажите, пожалуйста, начинающей Есть меню, каждый элемент которого состоит из таблицы. По событию onclick по таблице заменяются некоторые элементы таблицы, а также некоторые свойства элементов. Но никак не пойму как сделать так, чтобы при следующем щелчке по другой таблице в первой все менялась обратно? Код такой пока function paint(table1) { var img1 = table1.firstChild.firstChild.firstChild.firstChild; var td1 = table1.firstChild.firstChild.firstChild.nextSibling; var img2 = table1.firstChild.firstChild.firstChild.nextSibling.nextSibling.firstChild; var tr1 = table1.firstChild.firstChild; img1.setAttribute('src', 'images/Copy-of-maket_10.jpg'); img2.setAttribute('…

    Asked by koshkina,

    0 votes
    1 answer

  4. Вопрос по блочной верстке...

    В общем нашел симпатичный *psd решил его сверстать, проблемма в том что в одной ячейки у меня шапка и блок меню....Я шапку поставил на место, а блок должен быть кусочком под шабкой, а он залезает на неё, как мне загнать блок под шапку... ВОт так у меня(ссылка на фото хостинг!) Так должно быть!(ссылка на фото хостинг!) Вот такой у меня код: index.html <body> <div id="bd_sait"> <div id="header"> <img class="login" src="login.png" alt="введите логин" > <img class="pass" src="pass.png" alt="введите пароль" > <img class="ok" src="ok.png" alt="OK" > </div> <div id="container"> <img class="h_1" src="h_1.png" alt="Личная стра…

    Asked by Stock,

    0 votes
    4 answers

  5. Скролл и ширина блока

    Есть необходимость сделать блок, который появляется по центру страницы, drag`n`drop`ится и растягивается. Выглядит он примерно так: <div class="main-box"> <div class="title"></div> <!--заголовок. За него цепляемся и драг н дропим--> <div class="content"></div> <div class="resize"></div> <!--Блок, отвечающий за ресайз--> </div> Для растягивания я кладу абсолютом маленький квадратик (.resize) в правый нижний угол (как наиболее интуитивное, на мой взгляд, место) .resize {position:absolute; right:0; bottom:0;} и на него вешаю скрипты. Но тут возникают небольшие трудности, так как бл…

    Asked by od_lazio,

    0 votes
    2 answers

  6. Отображение begun'а в Mozilla

    Добрый день. Возникла такая проблема: не удается уменьшить ширину Бегуна в Мозилле. Нужно уменьшить до 200px, а он уменьшается максимум до 214, пробовал по всякому, и через стили, и через js, ничего не выходит. В других браузерах все ок. Вид бегуна http://autocontext.begun.ru/autocontext2.js Версия Mozilla: Mozilla/5.0 (Windows; U; Windows NT 5.1; ru; rv:1.9.1) Gecko/20090624 Firefox/3.5 (.NET CLR 3.5.30729) Спасибо.

    Asked by Микель,

    0 votes
    0 answers

  7. Горизонтальный список с подпунктами

    Здравствуйте, пожалуйста помогите в решении проблемы, нужен список такого вида: подпункт_1 подпункт_2 подпункт_3 пункт_1 пункт_2 пункт_3 пункт_4 При возможности это необходимо сделать средствами именно списка. Бьюсь уже 2 дня ничего толкового не выходит. Спасибо Вот что я натворил ) Простите за кривость ) <style type="text/css"> .clearfix li { float: left; margin-left: 30px; } .ff li { margin-left: 1px; display: block; float:none; margin-top: -35px; } .dd { display: block; padding-left: 40px; float: left; } .ff { display: block; margin-left: -40px; margin-top: -40px; } </style> <ul class="clearfix"> <…

    Asked by klim_off,

    0 votes
    4 answers

  8. ie 9 не рисует тень :(

    Помогите разобраться. Есть код: #header, #deviz h1, #content, #footer { max-width: 1400px; min-width: 980px; padding: 10px; margin: 0 auto; } ... #deviz{ width:100%; background:#00baf0} #deviz h1{ background: inherit; color: white; filter: Shadow(Color=#000000, Direction=45, Strength=2); font-weight: normal; font-size: 16pt; padding: 7px 17px; text-shadow: black -1px -1px 2px; white-space: nowrap; } И вроде бы все работает нормально, но IE9(из ослов пока установлен только он) отказывается рисовать тень. Точнее он ее рисует, но прячет за фоном. Собственно вопрос - как исправить? Я думаю можно дублировать слой для…

    Asked by perfecto,

    0 votes
    1 answer

  9. Древовидный список

    Здравствуйте, я, конечно, новичок, но сложный сайт мне делать не надо, поэтому чтобы сформулировать вопрос большого ума не требуется, и я счел, что вопрос больше подойдет к верстке. Опишу ситуацию. Начал изучать законодательную базу нашего любимого государства, но понял, что одномерное представление текста слишком громоздко и неудобно для просмотра и поиска информации. Решил сделать древовидный список, типа как для файлов в Проводнике или как до недавнего времени (почему-то убрали) было на сайте Гаранта для КоАП или УК. То есть, чтобы имелся список законов, в нем список глав --> статей --> пунктов. В первом приближении Ворд мне ничем помочь не смог (а в егоном прогр…

    Asked by Atmos,

    0 votes
    1 answer

  10. Логотип с помощью CSS

    Такой логотип, как мне кажется, невозможно сделать средствами CSS. http://savepic.su/2325834.htm Его проще вырезать с прозрачным фоном и сохраненной тенью. Я правильно думаю?

    Asked by aaron,

    0 votes
    3 answers

  11. Артефакты на анимации

    В swishmax 4 создал небольшую .swf анимашку банер (стикер с акцией, что мусор за 2700р справа в блоке). Работаю в Linux и у меня в хромиуме, фаерфоксе и опере все пучком. А вот с других компьютеров, где виндовс стоит на анимации какие-то непонятные белые артефакты появляются. http://argamakspb.ru Вот код: <p style="text-align: center; "><object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" data="http://argamakspb.ru/sites/all/themes/pixture_reloaded/images/sticker.swf" height="232" id="dasha-project" width="230"><param name="movie" value="http://argamakspb.ru/sites/all/themes/pixture_reloaded/images/sticker.swf"><param name="qua…

    Asked by xSPiRiTx,

    0 votes
    4 answers

  12. Фон с узором, плавно переходящий в цвет

    Всем привет! дайте совет плз или ткните носом =) Получил на верстку фон шапки такого вида(клац), тоесть узор плавно переходящий в сплошной цвет. Ситуация совершенно не патовая, прост хочется использовать самый оптимальный вариант. Если б градиента не было то нуль проблем - вырезал бы повторяющийся фрагмент узора и зарепитил по обеим осям. Тут надо другой подход. У меня пока 2 варианта: 1) вырезать часть фона от верхней точки(с узором) до момента где начинается цвет (вышло изображение(клац) 4х360 пикс величиной 2,49 КБ), далее зарепитить по иксу, а остальное залить цветом. 2) вырезать фрагмент узора(клац) (4х4 пикс), залить им весь фон хедера. Потом в хвотошопе сделать фра…

    Asked by kupas,

    0 votes
    1 answer

  13. Многостраничник

    Люди!!! Посоветуйте, пожалуйста, качественный источник информации по созданию многостраничника! обрыла весь инет, окончательно запуталась и не могу собрать всё в одну кучу, может быть книги толковые или видео есть, буду очень признательна!

    Asked by Lady_V,

    0 votes
    4 answers

  14. Использование css flex для выравнивания

    Здравствуйте, не подскажите как с помощью флекс свойства css добиться следующего: На первом изображение показано текущее расположение блоков, блоки не имеют фиксированного размера, а меняются динамически, в зависимости от заполненности контента. Я хочу получить результат как на втором изображении чтобы первый блок растягивался вне зависимости от его заполненности. Я так понимаю нужно использовать для этого свойства flex но все мои попытки сделать так, тщетны. Объясните, можно ли вообще так сделать? (спасибо!) P.S. все изображения прикрепил. P.P.S. это нужно для того чтобы не было такого не красивого выравнивания (position:absolute нель…

    Asked by diga,

    0 votes
    2 answers

  15. Заворот фона при резиновой верстки...

    Помогите решить проблему возникающую при уменьшении окна и смещениитекста и фонового рисунка вниз.. При полном окне http://img135.imageshack.us/img135/1176/01pz0.jpg При сжатом окне..http://img222.imageshack.us/img222/5181/02lc7.jpg <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Новый Документ</title> <style type="text/css"> .footer{ width: 100%; background-color: #9EBF76; background-image: url(bot-bg.gif); font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:…

    Asked by Serjinio,

    0 votes
    1 answer

  16. как сделать фон страницы не через bgcolor

    Здравствуйте. Сталкнулся с такой проблемой. купил программу автоматизации сайта с закрытым исходным кодом. Внизу каждой страницы добавляется копирайт (ч?рный шрифт, белый фон). Когда я меня на нужный мне фон(например красный), копирайт очень сильно выделяется из содержимого страницы. Вопрос такой, как можно сделать строку копирайта полностью белой, а пространство за пределами страницы красным bgcolor? Может быть с помощью таблиц, но тогда возникнет полоса прокрутки. Помогите кто может!

    Asked by FLYERok,

    0 votes
    3 answers

  17. Блоки

    Всем привет. Такая проблема. Верстаю сайт блоками и хочу сделать сайт в три ряда, но с третимя рядом проблемы, смотрите: Код сайта: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" href="hb.css" type="text/css"> <link rel="stylesheet" href="fp.css" type="text/css"> </head> <body> <div id="title">Шапка</div> <div id="bread">Реклама</div> <div id="col1"> <div class="panel">Навигация</div> <div…

    Asked by Cyrax,

    0 votes
    2 answers

  18. Вопросы

    Как сделать так, что бы при сохранении страницы сайта через браузер, можно было открыть документ в FrontPage(или др. редактор) и увидить там русские буквы а ни иероглифы? Я пробывал добавить между и - не помогло И еще, можно ли сделать, что бы фоновый рисунок растягивался вместе с таблицей (у таблици ширина 100%)

    Asked by МужиГ,

    0 votes
    9 answers

  19. Беда с <Area>

    Asked by shiz,

    0 votes
    3 answers

  20. Css . как сделать?!

    В общем я начинающий..знаю тока основы..желания верстать куча а вот опыта пока к сожалению нет совсем.. есть макетик .. фиксированной ширины 900. по высоте 100 проц. 2х колоночная верстка .. Завалился сразу же как начал.. осн проблема с которой столкнулся 1. фоновая картинка должна повторятся по правому краю шаблона а не экрана ( как сейчас) 2. хочется каким нить образом присандалить footer к низу а не за содержимым колонок если что то непонятно дайте знать... Благодарю за содействие .. <html> <head> <title>9</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" href="css\css.css"&gt…

    Asked by RobotWerder,

    0 votes
    3 answers

  21. IE8.RC1. {border-collapse: collapse;} Баг или фича?

    IE 8. Release Candidate 1. Если раскомментировать /*border-collapse: collapse;*/, левая и правая границы таблицы прорисовываются красным цветом. IE6, IE7, FF, Opera, Safari этим не грешат. Баг ? [size=1]<?xml version="1.0" encoding="utf-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemalocation="http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd" xml:lang="en"> <head> <title>1</title> <style type="text/css"> table { border: hidden 0px Red; …

    Asked by cosanostra,

    0 votes
    2 answers

  22. помогте разобраться

    Вобщем как сделать так что бы во всех разрешениях монитора не происходило такое Код HTML <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="1" width="100%"> <tbody><tr><td align="center" valign="middle"> <p><a href="index.php" class="rollover">ГЛАВНАЯ</a></p> </td> <td align="center" valign="middle"> <p><a href="index.php?show_price=yes"class="rollover">ПРАЙС-ЛИСТ</a></p> </td> <td align="center" valign="middle"> <p><a href="index.php?show_aux_page=1" class="rollover">ГАРАНТИЯ</a></p> </…

    Asked by ppvkomi,

    0 votes
    6 answers

  23. Как вы вставляете flash на страницу?

    Интересно знать мнение как кто вставляет флеш настраницы, с помощью objectov и embedov или же JS, Я лично всегда вставлял через код который генерит флеш-релактор, то есть через object и embed интересно знать почему некоторые это делают с помощью JS и как правильней вообще ?

    Asked by TonKhaO,

    0 votes
    6 answers

  24. Есть программа для проверки ссылок?

    Сейчас делается сайт, полностью на html. Просьба заказчика (вернее суровых сеошников). Сайт большой и огромное число ссылок внутри сайта. Есть ли программа или какой-нибудь сервис, который может проверить правильность ссылок на сайте. Ну например, пройтись по всем страницам и узнать, не возвращается ли где ошибка 404?

    Asked by Nird,

    0 votes
    4 answers

  25. как разместить 3 дива горизонтально

    Всем привет! как разместить 3 дива горизонтально без float!

    Asked by kent666,

    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