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

29,542 questions in this forum

  1. z-index не перекрывает body

    Поочему фон со звёздами не прячется под body у которого: body { background-color: #EDE8C9; position:relative; z-index: 2; font-family: "RobotoRegular", sans-serif; font-size: 16px;

    Asked by Brodyaga337,

    0 votes
    6 answers

  2. Как сделать скролл на один экран вниз?

    Посередине первого экрана будет кнопка скрола ко второму. Что нужно писать в джиквери, что бы прокрутить вниз на один экран?

    Asked by tefery,

    0 votes
    2 answers

  3. Высота резина, и область наполнения(Content) с скролом.

    Хочу сделать первый слой с логотипом, а второй наполнитель... но так что бы информация прокручивалась в контенте скролом. Причем высота должна быть резина, а скрол появляется только при фиксаций высоты!!!! Вопрос как сделать так что бы высота была резина и был скрол контента без прокрутки всей страницы. Как тут Раньше реализовывал это на фрейме, но сейчас хочу переписать сайт на слои и возникла такая проблема. Примерный код такой: <!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" xml:lang="en" lang="en"> <head> <title></title> <me…

    Asked by diarh,

    0 votes
    3 answers

  4. Якорь из формы

    Как из формы передать якорь? <form action="action.php>" method="get"> <input type="hidden" name="name" value="value"/> </form> Соответственно по сабмиту получаем "action.php?name=value". Как из формы добавить в конец ссылку на якорь: "action.php?name=value#anchor"?

    Asked by Александр СП,

    0 votes
    10 answers

  5. Как при нажатии на кнопку запустить функции и открыть модальное окно.

    Всем привет! Думаю, вопрос простой, но не для меня, второй день копаюсь.. Есть модальное окно (div), оно запускается, всё хорошо. в нём есть кнопка: <button type="submit" class="btn-3" onclick="sendzakaz();"><span>Заказать</span></button> <script> function sendzakaz() { $.ajax ( { type: 'POST', url: './mail.php', data: 'name='+document.getElementById('clientname').value+'&phone='+document.getElementById('clientphone').value, cache: false, timeout: 2000, } ); } </script> Это всё отрабатывает, но мне нужно, чтобы по нажатии на "Заказать" после исполнения sendz…

    Asked by brabus,

    0 votes
    3 answers

  6. Background-image к низу сайта

    Хочу сделать бекграунд сайта таким: к низу прикреплено изображение а все что выше него - текстура неба. Но фоновое изображение категорически не хочет сползать вниз. Вот код: body { background-color: #000000; /*цвет фона*/ background-image: url(/img/23.jpg); /*подключаем изображения*/ background-position: left bottom; /*позиция изображения, по центре екрана, прижатый к вверх*/ background-repeat: no-repeat; /*не повторять изображение ни по одной оси*/ color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

    Asked by fofan,

    0 votes
    11 answers

  7. Подключение в файле сss скрипта для окргления углов в IE

    В файле style.css eсть код для округления углов в IE .ieroundbox{ ... behavior: url(border-radius.htc); /* подключаем наш htc скрипт который и будет округлять углы в ie*/ } Но IE его не видит. Сам файл border-radius.htc лежит в одной папке с style.css. Пробал задавать разные url ../border-radius.htc ./border-radius.htc и полный путь, но все равно IE, что то не нравиться. В IE углы не округляются P.S Cам файл style.css по отношению к главному файлу index.php находиться в sk/css/style.css и здесь же border-radius.htc

    Asked by riki,

    0 votes
    23 answers

  8. Div и вложенная в него широкая таблица (шире окна)

    Всем привет, Есть, если упростить код, подобная структура <div class="wrapper"> ... <table>...</table> ... </div> Таблица генерируется автоматичиски, т.е. ширина самой таблицы заранее не известна. Если ширина таблицы слишком большая и выходит за пределы окна, то див всё равно принимает ширину равную 100%. Соответственно, все остальные помещенные в него дивы и бэкграунды также прилипают к правой стороне браузера. Вопрос, существует ли какое-нибудь решение, чтобы заставить див принимать всю ширину таблицы? Пока остановилась на варианте display: table, но тут ИЕ7 в пролете. С display: inline-block, также были проблемы в Опере. Верстка в принцип…

    Asked by sigma77,

    0 votes
    17 answers

  9. Как подогнать картинку под определенный размер

    Как можно подогнать картинку под определенный размер блока (див или таблицы неважно). Что бы картинка как-бы вписалась в выделенную область с сохранением пропорций. Подробнее: есть область 100х100, и картинки 150х50 и 50х150. Если в ксс указать только ширину картинки, первая картинка (150х50) ужмется как надо, а вот вторая (50х150) вылезет снизу. Если указать высоту, вторая (50х150) красиво ужимается но первая (150х50) вылезает вправо. Если указать и ширину и высоту - всё влезает но теряются пропорции. Вот код реализации задуманного с использованием таблиц: <table> <tr> <td class="customimg"><a href="link"><img src="image" width="100px"><…

    Asked by alleclf,

    0 votes
    4 answers

  10. Как кнопку превратить в ссылку?

    Как кнопку превратить в ссылку? а точнее вот код кнопки <?php if($type == 'logout') : ?> <div id="logins"> <?php if ($params->get('greeting')) : ?> <?php echo JText::_('HINAME') ?><?php echo ($user->get('name') ); ?> <?php endif; ?> <form action="index.php" method="post" name="login" id="form-login"> <input type="submit" name="Submit2" class="button" value="Atsijungti" /> <input type="hidden" name="option" value="com_user" /> <input type="hidden" name="task" value="logout" /> <input type="hidden" name="return" value="<?php echo $return; ?>" /> </form> </div> и надо что бы это б…

    Asked by bowa,

    0 votes
    16 answers

  11. Выделение столбца в таблице

    В таблице можно легко изменить стиль строки при наведении на неё через tr:hover. Можно ли каким-то подобным образом выделить колонку? Без скриптов, чисто через CSS.

    Asked by Vlad,

    0 votes
    11 answers

  12. Раздвинуть строки таблицы

    Есть таблица, нужно увеличить расстояние между третьей и четвертой строкой, т.е. только одно расстояние. margin-top не работает. Сделать два tbody тоже не получается, т.к. одна из клеточек таблицы должна "расширяться" на 4 строки. <table> <tr><td>row 1 cell 1</td><td>row 1 cell 2</td><td rowspan=4>row 1 cell 3<br>must contain<br>several lines</td></tr> <tr><td>row 2 cell 1</td><td>row 2 cell 2</td></tr> <tr><td>row 3 cell 1</td><td>row 3 cell 2</td></tr> <tr style="margin-top: 10px"><td>row 4 cell 1</…

    Asked by Dmitry33,

    0 votes
    8 answers

  13. Чем отличается верстка под разные движки?!

    Всем привет! Давно интересует вопрос! Поделитесь информацией или полезными ссылками кто что знает про особенности верстки под разные движки (я имею ввиду такие популярные системы управления как Joomla, ModX, Bitrix, Drupal, Вордпресс, DLE) Если заказчик говорит фразу "Нужно сделать шаблон для движка DLE" это подразумевает с моей стороны, как верстальщика, вставлять какието особенности или эта задача человека который будет эту верстку интегрировать на данную CMS. Всем спасибо!

    Asked by dds,

    0 votes
    27 answers

  14. текст выходит за рамки блока в фф.

    в фф текст нагло вылезает снизу блока и ползет прям по всем элементам.. ) в ие 6 все норм. оверфлову хидден не катит, потому, что я считаю глупо скрывать часть контента, и полосы прокрутки тоже не катят, не сочетается с дизайном сайта. хочется, чтобы было как в ие 6, добавляешь текст, и блок автоматически расширяется, сдвигая футер ниже и текст не вылезает.

    Asked by nickflip,

    0 votes
    28 answers

  15. Длинное подчеркивание

    Здравствуйте! Подскажите пожалуйста, как сделать длинную полосу в строке с текстом, на примере как делает text-decoration:underline, но некоторые слова пропущены, а на их месте только подчеркивание?

    Asked by pattaya,

    0 votes
    16 answers

  16. И опять 100%

    <html> <head> <style> .Div { position: relative; width: 300px; height: 150px; background-color: #f00; } .Table { position: relative; width: 100%; height: 100%; text-align: center; table-layout: fixed; } .td1 { height: 20px; background-color: #0a0; } .td2 { background-color: #55a; } .content { overflow: auto; width: 100%; height: 100%; } </style> </head> <body> <div class="Div"> <table class="Table"> <tr> <td class="td1">1</td> </tr> <tr> <td class="td2"> <div class="content"> 2 3 4 5 6 7 8 9 </div> </td> </tr> </table> </div>…

    Asked by ZoNT,

    0 votes
    10 answers

  17. Можно в форме отключить "Enter" а именно в <input> ?

    Можно в форме отключить "Enter" а именно в <input> ? Выходит что при вводе в форме в <input></input> текст и при нажатии на "Enter" срабатывает Submit. А можно сделать чтобы Submit не срабатывал?

    Asked by Saturn,

    0 votes
    12 answers

  18. Навигация в owl-carousel

    Здравствуйте! Скажите пожалуйста как сделать hover и onclick для стрелок навигации в owl-carousel. Просто в параметрах плагина есть строка navText, про неё всё понятно. Но как сделать для этого параметра, т.е самих стрелок hover и onclick не понятно. Можно ли как-нибудь это сделать. Я пытался через css, но не получилось.

    Asked by Oloref,

    0 votes
    4 answers

  19. Что лучше html(5 скорее всего) или php?

    1.html или html 5 это разное я читаль чтоь html 5 может заменить adobe flash player с помощью css правда ли? 2.Mожно ли на html или html5 написать игру на страницу или анимации, или формы коментировать по красивому или с каждый раз новой анимацией к примеру? надеюсь я понятно спросил? 3.В html или html5 надо обязательно писать css и javascript(4.в нем код пишется как в программе?5. а в php не надо писать css и javascript и вообще php нужен html или html 5? 6.php язык програмирования, потом обрабатывается сервером как на нем писать просто пишешь код языком программирования php а потом сервер выдает html или html страницу? 7.можно ли в него добавить то что и в html или ht…

    Asked by Аниме Любитель,

    0 votes
    6 answers

  20. Почему при переносе списка li нет отступа

    Добрый день Вот вродибы уже не первый год занимаюсь html и css но вопрос завёл в тупик. Почему при переносе списка LI на новую строку изчезает отспут, который есть у первой строки. Паддинги с маржинами перепробывал, они двигают весь блок LI. Вот скрин в приложении Подскажите пожалуйтса, как вторую строку выровнять на уровень первой? Заранее спасибо большое

    Asked by artpol,

    0 votes
    4 answers

  21. чем отличается ::after от :after?

    Чем отличается ::after от :after? Если не считая двойного и одинарно двоеточия.

    Asked by Slyfox,

    0 votes
    4 answers

  22. body overflow:hidden не работает в Chrome

    Здравствуйте! Возникли сложности со скроллом в webkit браузерах. Задача: необходимо что-бы по клику на div страница замирала в текущем положении и не возможно было прокручивать с помощью колёсика мыши. Вот небольшой макет. <!doctype html><html><head><meta charset="UTF-8"><title>Overflow: hidden</title><style> .box { width: 498px; height: 298px; border: 1px solid #000; margin: 5px auto; text-align: center; } .text { font-size: 150px; font-family: sans-serif; font-weight: bold; }</style></head><body> <div class="box"><span class="text">1</span></div> <div class="box"><span…

    Asked by Alexander34,

    0 votes
    7 answers

  23. Перенос слов в Хроме

    Коллеги, я уже несколько раз вскользь сталкивался с проблемкой отсутствия переноса в Хроме, когда <html lang="ru"> и -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; ... не приводят к автоматической расстановке переносов в Хроме, но забивал на неё. А сейчас вот решил разобраться с вашей помощью - что за хрень такая? Почему не работает в хроме? И может кто-то знает нормальный способ научить Хром перeносить слова - без js? Или его просто не существует и нужно просто забивать на это и дальше?

    Asked by MaxWall,

    0 votes
    7 answers

  24. Вопросы к знатокам

    Приветствую всех кто так или иначе освоил html, php, css! Мне очень нравится заниматься разработкой сайта http://handbookhmm1.narod.ru/ посвященному игре герои меча и магии. Но, я понимаю, что необходимо двигаться дальше, переезжать на платный хостинг, ставить нормальный форум. Развивать проект. В Интернете огромная куча информации, но она такая противоречивая и размазанная, что для обычного обывателя – нуба (вроде меня), является непонятной и нереализуемой на практике. Перечислю мои проблемы: 1. Размещаю новости здесь http://handbookhmm1.narod.ru/news.html, путем редактирования с последующей заменой файла news.html. Очень хотелось бы, что бы новости можно было бы добав…

    Asked by VDV_forever,

    0 votes
    50 answers

  25. Таблица в разных разрешениях

    Здравствуйте! Нужна помощь. В моей таблице по центру стоит картинка размером 400 на 300, а вокруг неё картинки 200 на 150. Картинки расположены 4 на 4. В чём проблема. В нормальных стандартных разрешениях монитора они отображаются нормально, в центре главная большая картинка, вокруг неё маленькие, всё выглядит супер. Но при большем разрешении, в частности 1680 на 1050, картинки разъезжаются, и получится белеберда... Как сделать так, чтобы при любом разрешении картинки отображались "квадратом"? Ссылка на сайт: http://arterotic.biz/ В большом разрешении отображение такое: Ссылка

    Asked by yura2008,

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