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. Позиционирование в контейнере

    Приветствую, уважаемые! Есть несколько вложенных дивов, схематично выглядит так: <body> ... <div class="content"> <div class="sub_xontent"> <div style="float:right; width: 200px;">; ... </div> <div style="margin-right: 200px;"> ... </div> </div> </div> </body> у контейнеров оверфлоу:хидден и есть свои маргины и паддинги... проблема в следующем, блок, который флоэт райт выходит за границу своего контейнера и правый край получается слегка обрезанным... из-за чего такое может происходить?

    Asked by AKyHuH,

    0 votes
    4 answers

  2. 3-х колоночный макет

    подскажите как сделать 3-колоночный мекет как на скрине, трудность в том, что там у каждой колонки есть рамка и все одинаковой высоты

    Asked by sc@r@bey,

    0 votes
    4 answers

  3. Выезжает вложенный слой (div)

    Добрый день! Есть три слой 1 родитель, 2 других - дети. Подскажите, пожалуйста, как сделать так, чтобы высота родителя соответствовала высоте вложенного в него слоя, т.е. при увеличении высоты слоя text, также увеличивалась и высота слоя content? <div id="content" style="border:#090 solid 1px;"> <div id="menu-news" style="border:#F00 solid 1px;">меню</div> <div id="text" style="border:#F00 solid 1px;">Содержание</div> </div>

    Asked by Prokopov Nikolai,

    0 votes
    4 answers

  4. Динамический просчет ширины таблицы

    Есть страница, на которой находятся 4 изображения в один ряд, примерно вот так: Изначально это было оформлено одной строкой в таблице (с центровкой, что бы изображения располагались равномерно). И всё бы хорошо, вот только если страницу сильно сжимать по ширине, подобная конструкция не дает уменьшиться всей странице, выступая в качестве распорки. По идее надо разбить ряд из четырёх изображений на две таблички, задать каждой ширину в 49.999% и прифлоатить к левой стороне: Тогда страницу не будет распирать шириной сразу всех изображений, а при уменьшении ширины страницы вторая пара изображений с успехом будет перенесена на новую "строку". И опять всё бы хорошо, но при пер…

    Asked by MIT,

    0 votes
    4 answers

  5. Помогите растянуть таблицу

    Здравствуйте. Структура моего сайта: Блоки слева, контент в центре, блоки справа. Возникла такая проблема: У людей, у которых разрашение монитора больше, чем 1024*768, происходит смещение центральной части влево (скрин для наглядности: http://s43.radikal.ru/i100/1002/52/2b27f30d9866.png). Привожу код: <body style="background-color:#f6f6f6; margin:0;padding:0;"> <!-- <middle> --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding:3px"> <!-- Левая часть --> <!-- Gadget Describe --> <div class="Gadget"> <div class="GadgetSmoothTop"> </div> <div class="Gad…

    Asked by antisept,

    0 votes
    4 answers

  6. когда убираю фиксированную ширину блока , он перестаёт центроваться

    Всем привет! есть блок, в него завёрнуты ещё несколько дивов Задача - чтобы при любом количестве div class="zakl_button", они центрировались в итоге по центру div id="block" <div id="block"> <div class="zakladki"> <div class="zakl_button"></div> <div class="zakl_button"></div> <div class="zakl_button"></div> <div class="zakl_button"></div> <div class="zakl_button"></div> </div> </div> вот код стиля #block { width:654px; text-align:center !important; } .zakladki { padding-top:3px; height:35px; text-align:center; width:585px; margin:0 au…

    Asked by cardsmoney,

    0 votes
    4 answers

  7. Помогите с IMG

    Если кто может подскажите пожалуйста ( скидка на бестолковость) сайт на DIVах шапка , вертикальное меню и три колонки к средней колонке код такой <div id="content"> <div class="shadow"> <div class="blok"> <a href="dalhe4.html"><img src="img/galleri12.gif" align="top left" border="0px" alt="Галерея работ." width="472" height="222" ></a> <p>Lorem Ipsum is simply </p> </div> </div> СSS #content{ margin-left: 331px; margin-right: 400px; background-color: #DBDBDB; } .img{ padding-top: 20px; padding-left: 10px; margin-left: 0px; margin-top:0px; } .shadow{ background: #9a9696; border: 1px solid #ddd;…

    Asked by Tashka,

    0 votes
    4 answers

  8. Отступ в FireFox

    * { margin: 0px; padding: 0px; } #header { height: 80px; background: #00161f url('images/header_bg.png') no-repeat; } <div id="header"></div> Даже не знаю как быть?????

    Asked by svdsLis,

    0 votes
    4 answers

  9. Выравнивание букв

    Немогу выравнить первые буквы с красной строки, вот смотрите на сайте http://pocciy.ru/ помогите как сделать так что-бы буквы не липли к картинкам?

    Asked by omsk,

    0 votes
    4 answers

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

    Делаю rollover-меню, мне необходимо что бы все элементы меню распологались в строку, но когда меняю в CSS на display:inline; или display:inline-block; все картинки исчезают. Вот строчки из CSS: a.bt:link { background: url(images/b1.gif); display:inline-block; width:60px; height:20px } a.bt:hover { background: url(images/b1_2.gif); display:inline-block; width:60px; height:20px; }

    Asked by GIGO,

    0 votes
    4 answers

  11. Дата, месяц, год

    При регистрации на форумах, сайтах... нужно вводить "День, месяц, год". Значения в данные формы нужно вводить вручную или здесь используется какой то скрипт?

    Asked by Alex&R,

    0 votes
    4 answers

  12. Сдвиг блока в опере

    В опере сдвигается нижний синий блок. Скажите пожалуйста, как это исправить? http://budnirussia.ru/quest.php В мозиле вокруг вокруг кнопки "Читать полностью" рамка, как ее можно убрать?

    Asked by ainur11,

    0 votes
    4 answers

  13. Выравнивание текста в одной строке

    Требуется выровнять часть текста в одной строке по левому краю, часть по центру и часть по провому краю. Пробовал сделать список и с помощью first-child и last-child изменять text-align (см. пример) Но ie не понимает last-child. Есть ли другие способы? ul{ list-style-type: none; margin:0; padding:0; } ul li{ margin:0; padding:0; float: left; width: 33%; text-align: center; } ul li:first-child{ text-align: left; } ul li:last-child{ text-align: right; }

    Asked by bodnar,

    0 votes
    4 answers

  14. 2 backgrounда

    Делаю меню для сайта, выглядит так: <ссылка1><ссылка2>, где "<" и ">" это изображения (menuL и menuR), подкладывающиеся под текст (background). Пишу: .menu a{ background:url(../img/menuL.png) left 2px no-repeat; background:url(../img/menuR.png) right 2px no-repeat; padding: 10px 15px 15px 15px; font:bold 20px/22px Arial, Helvetica, sans-serif; text-decoration:none } Второй бэкграунд заменяет собой первый и отображается лишь "menuR". (расстояние между ними большое и проблема не в "наложении") Как сделать 2 бэкграунд изображения в 1 css стиле? Заранее огромное спасибо!

    Asked by Dealer,

    0 votes
    4 answers

  15. баг с :hover в Opera 9.5

    Имеется выпадающая менюшка на css, посмотреть можно тут http://www.dostavka-usa.com.ua/index_new.php. Выпадает при наведении на кнопку "выбор товара". Проблема заключается в том что в opera 9.5(возможно в 9 - тоже. В 8.5 все нормально). второй уровень меню вслывает непосредственно с текста пункта на первом уровне, а не со всего пункта li. Причем если кликнуть на корневыю кнопку и перейти на страницу каталога(соответственно у кнопки появляется стиль :active) данный баг исчезает. Небольшое уточнение: в местах, где под выпадающим списком первого уровня ничего нет все работает правильно, если же под ним есть текст/рисунок/поле формы - они как бы "мешают" срабатыванию hover н…

    Asked by Love_silense,

    0 votes
    4 answers

  16. центровка текста

    почему-то при отображении текста на странице текст выравнивается по левому краю когда он помещен в теги <tr align="center"></tr> <td align="center"></td> или <span align="center"></span> и, даже, #text {text-align: center }. Центрируется текст только при <div align="center"></div> но, при этом, он опускается. Что я сделал не так не так?

    Asked by kminas,

    0 votes
    4 answers

  17. Помогите с JavaScript'ом!

    Есть input type="text". В нем заранее написан текст "лицевой счет". Когда пользователь нажимает на это поле, то данный текст исчезает и можно писать. Мне нужно, чтобы если пользователь не ввел ни одного символа, то при потере фокуса на данном поле там опять появлялась надпись "лицевой счет". НО! Если он ввел хоть один символ, то при потере фокуса на этом поле не должно ничего происходить и введенный текст должен остаться в данном поле и потом, когда пользователь нажмет на это поле еще раз, то текст не должен исчезнуть.

    Asked by MiHALbI4,

    0 votes
    4 answers

  18. <li> как повернуть список в горизонтальное положение?

    можно ли использавать маркировку il или ul так что бы списко шел не вниз а в бок?

    Asked by sh1va,

    0 votes
    4 answers

  19. seo верстка

    Ребята кто как поступает при верстка с уклоном в seo, когда нужно к примеру размечать текст на страницах, а именно заголовки, подзаголовки, кратки текст, ссылка и т.д. Какое количество тего в <h1><h2> и т.п. можно использовать на страницу. Будут рад примерам или статьям в сети с внятным объяснением сути дела, что-то искал но одна шелуха

    Asked by okunev2,

    0 votes
    4 answers

  20. Кривится верстка в IE 7

    http://budnirussia.ru/ Посоветуйте, пожалуйста, что делать, чтобы верску в IE подвести к тому, как это выглядит в Опере или в Мозилле?

    Asked by ainur11,

    0 votes
    4 answers

  21. Создать по высоте резиновые проценты и пиксели.

    Задача такая. Сделать 7 блоков, по высоте слева (в оригинале будет меню поверх самого сайта, сделанного из картинок ссылок, анимированных CSS, по другому пока не умею). Три блока - имеющих постоянную высоту. Красный - 75 пикселей, желтый - 125 пикселей, зеленый - 100 пикселей. Если взять высоту всех отступов за 100%, то первый - 30%, второй и третий - 20%, четвертый - 30%. При изменении высоты окна браузера должна меняться высота пустых блоков, сохраняя пропорции. При этом не должно появляться полос прокрутки, все должно поместиться в высоту окна. Конечно, при высоте менее 300 пикселей меню уже не поместится. Так как ж так красиво сделать? По горизонтали получилось. Ну…

    Asked by SCHNITZER,

    0 votes
    4 answers

  22. таблица

    Есть таблица с фоном(brick.bmp), которая центрируется. Для одной из ячеек нужно, чтобы фона не было (точнее, был фон страницы-h5.jpg). как можно реализовать? BODY{background: url('images/h5.jpg') repeat-x fixed #ff8; margin: 0; font-family: Arial} TABLE.b {table-layout: auto; background-image:url('images/brick.bmp'); border-collapse: collapse; margin: 0 auto; margin-bottom: 20px;} фон не однородный, и просто задать его фоном ячейки не выйдет. Благодарю за помощь.

    Asked by Sh.B.Malinkin,

    0 votes
    4 answers

  23. пробивная сила margin-top:-80px;

    <div style="width:255px; margin-left:10px;"> <div style="background-image:url('{THEME}/images/rarhiv.png'); width:255px; height:167px; background-repeat:no-repeat;"></div> <div style="background:url('{THEME}/images/rarhivbg.png');width:255px; background-repeat: repeat-y; margin-top:0px;"> <div style="margin-top:-80px !important;"> <p style="text-align:left; margin-left:110px; margin-top:0px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:150%; font-weight:bold;"> Ретро весна 2010<br> Ретро виставка 2010<br> Ретро весна 2010<br> Ретро виставка 2010…

    Asked by Proks,

    0 votes
    4 answers

  24. Блок срезается в ИЕ

    В выпадающих меню(Примеры документов и Партнеры) выпарающий блок срезается нижними фоновыми рисунками и даже текстом. А должны быть разумеется поверх всего. z-index не помогает. Во всех браузерах кроме ИЕ все норально. Помогите, пожалуйста. http://vbp.kiev.ua/newverstka/index.html Зарание спасибо.

    Asked by Monster,

    0 votes
    4 answers

  25. Cтранное отображение

    Есть сайт на Джумле,вроде всё ок но вот какая сложность-при разрешении на 1024 не видно картинки в левом верхнем углу,там Георгий победоносец.На большем разрешении видно.Как с этим совладать? Подскажите товарисчи! Вот сайт: http://seventh-legion.ru/

    Asked by stardel,

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