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. Блоки прыгают, дергаются, налезают друг на друга

    Всех приветствую. Возникла такая проблема. Ссылка: http://www.untex.com/8/ Если поводить курсором мыши по странице, то видно, что, когда курсор попадает на ссылки, блоки прыгают, дергаются, налезают друг на друга. С чем это связано, и как от этого избавиться? Прошу помочь. Спасибо.

    Asked by extruder,

    0 votes
    5 answers

  2. Неимоверно сложная задача!!!

    Как сделать, чтобы при наводе мышкой на изображение-ссылку это изображение увеличивалось ненамного (хочу сделать что-то на подобие 3D).:) Т.е. у меня есть изображение размером 135 х 101, а чтобы при наведении на него мышкой оно становилось чуть большим. Вот код гиперссылки: <a href="1.html" width="140" height="105" target="1"><img src="images/1.jpg">

    Asked by Пятница,

    0 votes
    16 answers

  3. непойму,что за тэг?

    Скажите,для чего нужен этот тэг и где про него можно почитать? background:transparent

    Asked by psywalker,

    0 votes
    9 answers

  4. Альтернатива legend в fieldset

    Добрый день! Имеется ли аналог помимо legend-а и fieldset для решения данной задачи?

    Asked by YurikMurik,

    0 votes
    4 answers

  5. Неправильно отображается код.

    Помогите разобраться с кодом, верстка неправильно отображается в FF и Opera, хотя прекрасно парсится в IE. style.css #main { width : 900px; height : auto; margin : 0 auto; padding : 0 0; } html, body { margin : 0; padding : 0; } #header { width : 900px; height : 295px; margin : 0 auto; padding : 0; } #main_content { width : 900px; height : 456px; margin : 0 auto; padding : 0; background : url(images/fon.jpg) repeat-y; } #red_image { height : 36px; margin-left : 0; margin-bottom : 0; padding : 0; } #head_small { height : 21px; margin : 0; padding : 0; } #left_header_image { margin-top : -4px; margin-left : 524px; width : 2…

    Asked by Mihail Dobkin,

    0 votes
    9 answers

  6. Позиционирование

    Имеем ячейку таблицы заданной высоты и картинку в этой ячейке, высота которой больше этой таблицы. <tr> <td height="38" style="font-size: 1px;"> <div class="raz"> <img src="img/raz.gif" alt="" style="position: absolute;"/> </div> </td> <td height="38" class="foot"> текст </td> </tr> css: div.raz { position: relative; right: -30px; width: 57px; height: 61px; float: right; } Как сделать так, что бы картинка выходила за рамку ячейки вверх, но высота строчки при этом не становилась равной высоте картинки. По идее имеющийся код должен работать, но где у меня ошибка - в мо?м случае он не работает (картинка с…

    Asked by ~Kitty~,

    0 votes
    15 answers

  7. Проблема с отображением

    Короч, делаю сайт, примерный макет разместил пока что на народе - http://osw67.narod.ru Проблемы: 1) В ie не отображается на главной маркера списка (и не только на главной, во всем документе). 2) В ie и огнелисе, например здесь - http://osw67.narod.ru/cost.html под копирайтами дохрена свободного места. Перебрал css, код - все вроде нормально. Причем в опере и сафари отображается корректно. Подскажите: что делать с маркерами списков и откуда появляется пустое место? И да, почему ie не обрабатывает <br>? Использовать другой доктайп и <br />?

    Asked by YaD,

    0 votes
    13 answers

  8. Тянучка и две картинки в ячейке

    Ребята, вопрос к профессионалам Вот доктайп: <!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"> Вот макет простой: Центральная часть фиксированная 800 пикселей, это таблично сверстаны сайт, при меньшем разрешении появляется горизонтальная прокрутка. Вопрос в чем, как сделать по бокам центральной части, чтобы к примеру если брать правый край (фон завитушки), вырезать центральную часть бокового фона он будет тянутся по высоте, а вверху и внизу соответственно картинки заканчивающие фон, они не тянутся? Подскажите, возможно ли это дивами реализоват…

    Asked by okunev2,

    0 votes
    12 answers

  9. Иконки под новостью или CSS background

    Я сделал и хочу использовать иконки для новостей сайта: Я собрался это делать при помощи следующего кода: HTML <div class="cdetails">{link-category} <span class="inviews">{views}</span> <span class="inauthor">{author}</span> <span class="indate">{date}</span> <span class="incomments">{comments-num}</span></div>CSS .cdetails span {padding-left:16px;margin-right:16px;background:url(../images/icons.png) 10px 10px left center no-repeat;}.inviews {background-position:0 0;}.inauthor {background-position:0 0;}.indate {background-position:0 0;}.incomments {background-position:0 0;}Однако сами иконки на сайте не отоб…

    Asked by iBars,

    0 votes
    11 answers

  10. Классы или идентификаторы?

    В последнее время часто встречаю верстку, в которой стили присваиваются не классами, а идентификаторами. Нет, я согласен что шапка - одна. И вполне логично присвоить ей id="header", чем class="header", но... Насколько это оправданно? Кто что может сказать по этому поводу?

    Asked by ndiezel,

    0 votes
    14 answers

  11. input, text-decoration: underline

    Есть input type="submit", для него в css прописано text-decoration: underline Так вот не во всех браузерах этот underline срабатывает, в опере не работает точно Пробовал ставить padding-bottom и margin-bottom, ситуация не изменилась Как можно исправить?

    Asked by theo_,

    0 votes
    1 answer

  12. Пропорционально высота блока относительно ширины

    Как реализовать чтобы при уменьшении ширины блока пропорционально уменьшалась и высота? https://jsfiddle.net/31zxeozo/

    Asked by aqua.77,

    0 votes
    2 answers

  13. Как float-элемент прижать к нижней границе родителя?

    Здравствуйте! Пожалуйста, помогите решить проблему. Никак не могу прижать (оранжевый) float элемент с классом .text, к нижней границе (желтого) родителя с классом .main Пример: http://codepen.io/Econavi/pen/bgBXLp

    Asked by Goodman-77,

    0 votes
    19 answers

  14. Сьезжает структура

    Товарищи, подскажите, третий день парюсь. Почему здесь едет структура. Дело в схлопывании ul? Нужно чтоб ниже 3-х колонок ссылок шла типичная 2-х колоночная структура . помогите разобраться.

    Asked by SergeyVM,

    0 votes
    14 answers

  15. На чем верстать?

    Подскажите пожалуйста, стоит ли верстать на HTML5? Если нет то на чем лучше?

    Asked by TIMA,

    0 votes
    13 answers

  16. WebSocket

    Здравствуйте! Технология WebSocket относительно новая и по этому информации даже в интернете по ней не много. Есть конечно официальные документации, но на английском. Даже прочитав в Википедии не все понятно. Единственное что понял, это то, что браузер и сервер должны вначале "пожать руки". Руки пожимают отправлением друг другу заголовков: Заголовок браузера: GET /demo HTTP/1.1 Upgrade: WebSocket Connection: Upgrade Host: example.com Origin: http://example.com WebSocket-Protocol: sample Заголовок сервера: HTTP/1.1 101 Web Socket Protocol Handshake Upgrade: WebSocket Connection: Upgrade WebSocket-Origin: http://example.com WebSocket-Location: ws://example.com/demo Web…

    Asked by vpw1823,

    0 votes
    0 answers

  17. Как организовать спортивную таблицу?

    Подскажите, как организовать турнирную таблицу, желательно на Joomla? Может, кто сталкивался?

    Asked by Alfa2015,

    0 votes
    6 answers

  18. Title изменить в php

    Добрый день! Подскажите пожалуйста, есть Landing, у него на главной странице нормальный php шаблон в котором простои понятно меняется title. А есть дополнительные страницы: "пользовательское соглашение", "форма регистрации" и "privatу policy". У этих страниц одинаковый title и выглядят они так: <? include('../includes/sql.class.inc');include('../includes/utilites.inc');include('../cnf.inc');include('../includes/pattern.inc');include('../includes/pages.inc');include('../includes/menu.inc'); $body = show_page('privacy'); $pattern = Array('pattern'=>'../patterns/login.html','menu'=>show_menu(),'title'=> 'Privacy Policy','body'=>$body); echo show_pattern($patt…

    Asked by seo@bitteaser.com,

    0 votes
    3 answers

  19. Ох уж этот IE

    Есть бокс с закругленными уголками. Внутри: * в него вставил менюшку * под ней контент. Проблема : в ФФ все сидит в боксе. А в ИЕ контент вылазит за его пределы. Где собака зарыта ? <style> div.cleaner { height: 0px; clear: both; overflow: hidden; } .mainnews-l{ float: left; width: 42%; } .mainnews-r{ float: right; width: 55%; } .news-corpse { margin-top: 15px; } .news-corpse p { margin: 5px 0 0 0; padding: 0; } .news-corpse img { float: left; margin: 0 1% 0 0; } .news-corpse small{ font-size: 82%; margin-left: 5px; white-space: nowrap; } .news-corpse img { padding: 2px; border:none; } /* ——————————————- box1 */ .box1 { background-…

    Asked by ramilkin,

    0 votes
    16 answers

  20. как изменить курсор при наводе на ячейку

    Подскажите как сделать следующее: Среди нескольких таблиц на странице, есть две таблицы с заголовками <th>..</th> две таблицы. Хочу, чтобы при наведении курсора мышки на любую ячейку этих двух таблиц (кроме заголовочной) курсор изменялся. писать стиль .style1 и применять к каждому <td class=style1....> не катит, потому что ячеек много. Задать td{cursor:...} тоже не катит, он заголовки тоже считает как за ячейки и меняет и на них курсор.

    Asked by Ingvarion,

    0 votes
    7 answers

  21. Реализация баттона с чекбоксом в Bootstrap 4

    Всем привет, На сайт с Bootstrap v4.0.0-alpha.6 пытаюсь перенести реализацию баттона с чекбоксом из Bootstrap 3.3 live там логин по умолчанию - кнопка рядом с инпутом для загрузки картинок Код : <div data-toggle="buttons" class=" "> <label class="btn btn-primary btn-sm padding_sm" aria-pressed="false"> <input class="only_checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox"> <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>Clear </label> </div> С определением only_checkbox в style: input.only_checkbox:not(:checked) + .fa-check { visibility: hidden !i…

    Asked by mstdmstd,

    0 votes
    10 answers

  22. Обтекание картинки текстом

    Есть простой пример: <div> <img style="float:left" src='aaa/aaa.jpg'>text text text text text text text text text text text text </div> <div>подробнее...</div> Дело в том что TEXT обтекает картинку, но если его мало и он не доходит до низа картинки, то ПОДРОБНЕЕ... из нижнего находится не под картинкой, а съезжает вверх, и находится справа от картинки, под TEXT... Как сделать чтобы не съезжало?

    Asked by yeastor,

    0 votes
    3 answers

  23. Валидность xhtml strict + JavaScript

    с мыслями создать эту тему зашел на форум и наткнулся на пост Влада про валидацию (http://forum.htmlbook.ru/index.php?showtopic=4268) - хороший интересный пост... ну это так, к слову... в чем собственно вопрос... я хотел спросить соответствует ли примение на страницах валидируемых xhtml strict джаваскрипт кода? просто я что-то немного запутался... у меня есть полностью валидный код, но его портит один скрипт... (( просто для целостности восприятия не хотелось бы видеть внизу файрфокса красный крестик не пройденной валидации =)

    Asked by Flo,

    0 votes
    7 answers

  24. Расстояние между дивами в IE7

    По какой причине дивы отъезжают друг от друга при увеличении масштаба (Ctrl+Scroll)? При уменьшении они наезжают друг на друга. Если же убрать свойство width, то отображается нормально. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head><meta content="text/html; charset=Windows-1251" http-equiv="content-type"><title>цвц</title><style type="text/css"> #Probe { border-style: double; position: relative; margin-top: 1px; margin-bottom: 1px; padding-top: 1px; padding-bottom: 1px; font-family: Times New Roman; font-size: 14pt; text-decoration: none; width: 600px; }…

    Asked by Mammoth,

    0 votes
    7 answers

  25. Про счетчик с перелистыванием

    Насколько я знаю все счетчики с перелистыванием реализованы сейчас на спрайтах? Я смотрела их коды - везде непонятный канвас и как мне показалось, это все самописное. Может кто посоветовать счетчик, где можно полностью выбрать стиль и подключить свой спрайт? Кстати, создаете ли вы сами спрайты для перелистывания или только строго, если он шел вместе с макетом? Если ли у кого настраиваемый счетчик, реализованный без использования спрайтов?

    Asked by Zverushka,

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