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. Форматирование выпадающего списка

    Вот нужно в div заданой высоти и ширини вставить выпадающйй список, я его вставить вставил, но как его расположить по центру по вертикали и по горизонтали и ширину поставити на 90% блока и высоту такую же. Вот код того что есть: стиль: #pole {width:100%; float:left;} #pole .nw {background-color:#e3ebf5; height:50px;} #pole .wht {background-color:#FFF; height:50px;} #pole .pole_name {text-align: left; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin-left:25px; width:33%; line-height:50px; float:left;} #pole .pole_lists {text-align: center; line-height:50px; float:left;} #pole .list_style { width: 100%;; height:95%; background-color:#c…

    Asked by DrMartens,

    0 votes
    1 answer

  2. Зазор между div'ами при нулевом padding,margin,border

    Не очень понимаю откуда взялась такая проблема, поскольку раньше ее не встречалось. Задача: требуется составить 3 блочных слоя в один ряд без зазоров, т.е.вплотную друг к другу. Решение: делаю, как обычно. У каждого из трех: {width:100px; border: 0; padding: 0; margin:0; display: inline-block;}.И все прекрасно, но вместо 300 в сумме получаю по 3 дополнительных пикселя с каждой стороны у каждого дива. В чем может быть дело? Не могу понять. Подскажите, пожалуйста.

    Asked by v.asya,

    0 votes
    6 answers

  3. Смещается горизонтальное меню вниз в Opere

    Сделал шапку и горизонтальное меню. Во всех броузерах (Ghrome,IE,Ffox) отображается как и задумывалось ровно, а в opere смещается вниз во всех броузерах кроме oпeры: в опере: html-код: <body> <div id="header-null"> <div id="header"> <div id="rosa"> <h1>Розы</h1> <span>искуственные</span> </div> </div> <div id="navigation"> <div id="mymenu"> <a href="#">Главная</a> <a href="#">Цветы</a> <a href="#">Контакты</a> </div> </div> …

    Asked by Newbie,

    0 votes
    28 answers

  4. "правильный" перенос строки в вертикальном меню

    Всем привет! Сайт http://www.mobilebattery.ru, при горизонтальном разрешении окна в 1024 px в боксе каталога товаров длинные названия переносятся на следующую строку. Как сделать, чтобы перенесенная строка начиналась в том же месте, где заглавная буква этой же строки? Чтобы текст не пересекал красную линию. Пробовал поместить стрелку и текст в отдельные <td>, но тогда при открытии следующего уровня каталога все выглядит некрасиво (нужно чтобы сохранялось смещение вправо, которое есть сейчас). Пробовал вместо <td> в <div> запихнуть, в итоге либо то же самое получается, либо вообще ужас.

    Asked by rdva,

    0 votes
    2 answers

  5. Таблица с div'ов

    текст не вмещяется в ячейки. Почему и как это исправить? <style type="text/css"> #table_up { width:100%; clear:left; background-color:#efefef; height:45px; outline:medium; line-height:45px; text-align:left; float:left; } #fl_left {float:left;} .wr_Black {font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0px; overflow: visible;} #r1{width:7%; height:45px; float:left;} #r2{width:19%; height:45px; float:left;} #r3{width:10%; height:45px; float:left;} #r4{width:10%; height:45px; float:left;} #r5{width:12%; height:45px; float:left;} #r6{width:10%; height:45px; float:left;} #r7{width:6%; height:45px; float…

    Asked by DrMartens,

    0 votes
    12 answers

  6. Резиновый сайт

    Есть шапка размером 1024Х180px Хочу сделать чтоб шапка при больших разрещениях увеличивалась ,а при уменьшении экрана на 700-800 пикселей ,чтоб появлялась во всех браузерах полоса прокрутки, чтоб нормально показывалось на всю ширину на экранах 15,17,19,22 дюйма. Подскажите как, код пробный. Проблема в том, что у меня не появляеться полоса прокрутки при уменьшении окна браузера на меньше 800 пикселей в браузере ИЕ, там и 900 и 1000 пикселей, полоса появляеться. А в др. браузерах аообще не появляеться при уменьшении на меньше 800 пикселей. Хочу чтоб на всю шрину было в экранах размером 15,17,19,22 дюйма. Подскажите как в моём коде правильно написать. Заранее благодарю за …

    Asked by people2010,

    0 votes
    26 answers

  7. Как сверстать такое меню?

    Необходимо сверстать следующее меню: Меню динамическое для cms, т.е. статично его не сверстать. На картинке просто пример. Необходимо, если следующий пункт меню уже не влезает в заданную ширину, то он должен переехать на следующую строку ( как на картинке). Притом все пункты на одной строке должны быть выровнены по центру. Как такое реализовать? Я каждый пункт меню положил в div и приписал float: left. Они переносятся как надо, но не знаю как выровнять строку с пунктами по центру.

    Asked by MiHALbI4,

    0 votes
    40 answers

  8. Прозрачный фон в выпадающем списке

    Приветствую, друзья! Есть в просторах инета такое выпадающее меню на CSS: html-код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <!-- текст заголовка и меню нашего HTML документа --> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="author" content="DarkRaha (Verma Rahul)"> <!-- стили для нашего меню --> <link rel="stylesheet" type="text/css" href="menudemo.css"> <!-- только для поддержки IE6 --> <script type="text/javascript" src="menuevent.js"></script> </head> <body onload="correctMenuIE6();"> <…

    Asked by StormMan,

    0 votes
    6 answers

  9. Вертикальное выпадающее меню ограничивается границей блока?

    Доброго времени суток! Сразу оговорюсь: далеко не волшебник, а только учусь. При создании вертикального выпадающего меню столкнулся с проблемой: Если меню ставить вне блока - все нормально работает, но когда это же меню вставляю в блок - при наведении на пункт с подкатегорией выпадает меню только в пределах блока и под основным. Помогите если возможно! Заранее благодарен! Сайт: http://ipplaneta.ru Линк: код блока: CSS javascript

    Asked by Leonidk,

    0 votes
    6 answers

  10. отображаемый url

    Здравствуйте, видел на некоторых сайтах, когда пишешь их юрл в браузере и заходишь на странцу, он автоматически добавляет к ней "www." Например, пишешь rle.ru, а браузер открывает http://www.rle.ru, пишешь http://rle.ru, он также заменяет на http://www.rle.ru А на моем сайте как напишешь, так и будет отображаться. Как мне сделать эту вышеописанную шнягу?

    Asked by f1nik,

    0 votes
    2 answers

  11. Выравнивание в таблице в разных браузерах

    Есть таблица <table width="1101" height="739" border="0" cellpadding="0" cellspacing="0"> В ней ячейка <td align="left" valign="bottom">. В эту ячейку пытаюсь вставить меню для сайта, которое представляет собой горизонтальный список картинок и которое должно прижаться к левому нижнему краю. На выходе в Опере и в Мозиле меню выравнивается точно по низу, а от левого края получается какой-то отступ. В Сафари, Хроме и Эксплорере отступы от границ ячейки есть и снизу и слева. А они мне не нужны. В чем может быть дело?

    Asked by Sanya,

    0 votes
    2 answers

  12. Резиновая верстка

    Проблема в следущем, есть резиновый блок в котором есть 2 блока, как зделать что б при увиличении основного блока от 1100 пикселей до 1400 блоки не ссежали два втутрние оставались на своем месте? Какой код надо дописать? <div id="header"> <div id="leftside"></div> <div id="rightside"></div> </div> #header { width:100%; margin:0 auto; min-width:1100px; max-width:1400px; min-height:777px; background:#fff url(../image/bg_top.jpg) no-repeat center top; } html #header { height:778px; width: expression(document.body.clientWidth > 1100 ? "100%" : "1100px"); width: expression(document.body.clientWidth < 1400 ? "100%" : "140…

    Asked by fastikkk,

    0 votes
    7 answers

  13. Рамки с подписями для картинок разного размера

    Здравствуйте! Есть несколько изображений разного размера с подписями. К ним через див добавляется рамка и фон. Подскажите, пожалуйста, как можно эти изображения выровнять по центру? Сложность в том, что для того, чтобы рамка не расползалась на весь экран, а была только вокруг картинок, я использую float, а тогда пропадает выравнивание, которое работает при указании точного размера дива без float. Но указывать точный размер я не могу, так как он все время разный. То есть для меня есть 2 способа решения, которые я никак не могу найти: 1. Либо смогу выровнять по центру блоки c float. 2. Либо смогу заставить рамку без float держаться около картинок, а не расползаться на вес…

    Asked by Megos,

    0 votes
    3 answers

  14. Нажимаешь на картинку открываеться вкладка+открываеться окно под страницей

    Доброго времени суток! Нажимаешь на картинку открывается вкладка +открывается под браузером новое окно (пользователь остается на вкладке) Как такое организовать?) очень нужно...

    Asked by Starlee,

    0 votes
    5 answers

  15. Прижать элементы списка друг к другу

    ..... <style type="text/css"> ul.menu { padding: 0; margin: 0; } ul.menu li { padding: 0; margin: 0; } ul.menu li img { padding: 0; margin: 0; [b]float: left;[/b] text-align: right; } </style> </head> <body> ...... <table width="100%" cellpadding="0" cellspacing="0" id="header" border=1> <tr> <td width="55" height="43"></td> <td width="519" height="43" valign="bottom"> <img src="h1.jpg"><br> </td> <td height="43" class="tel" valign="top"> bla bla </td> </tr> <tr> <td width="55" height="153" class="red" valign="bottom"> <img src="/red.jpg"&g…

    Asked by sstyle,

    0 votes
    7 answers

  16. Проблема позиционирования (отступов) в ИЕ6

    Доброй ночи, собтвенно проблема заключается в следущием: Выравнивание меню во всех современных браузерах отображается нормально, не сьехавшим. В ИЕ6 почему то появляется "отступ". Помогите, кто с таким уже сталкивался? Сама ссылка http://karnavalmasok.ru/index.php

    Asked by Sidoruk_sv,

    0 votes
    6 answers

  17. position:absolute для <td> в IE

    Добрый день всем!Подскажите, как решить проблему абсолютного позиционирования ячеек в IE 6-8. Заранее спасибо

    Asked by Newie,

    0 votes
    12 answers

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

    В общем верстаю на таблицах, есть шапка, три колонки, и подвал, проблема что когда захожу на страницу, у меня некоторая часть фона tr который я задал для трех колонок, не отображается, т.е. какой-то белый фон, когда обновляю страницу, все становится нормально, вот пример до обновления страницы http://i049.radikal.ru/1008/2e/8713755674fa.jpg после http://s002.radikal.ru/i200/1008/31/19c79fd79ad2.jpg все остальное нормльно, только этот фон. Фон задан в tr, в нем же три ячейки. body {background:#fff;font-family:Times New Roman, serif;font-size:15px;color:#000;} table {width:1300px;height:1300px;margin:0 auto 0 auto;} tr#shapkazone {height:420px;} td#shapkaobl {width:1300px;…

    Asked by ret,

    0 votes
    8 answers

  19. Листинг директории

    Не совсем вопрос по верстке, но так как я зарегистрирован только на одном форуме хоть как-то связанном с этим вопрос то вот: Имеем .htaccess с Options +Indexes показом файлов в этой директории для кодировки добавляем (долго искал) IndexOptions Charset=windows-1251 все замечательно показываются русские буквы кроме одного. Фаерфокс при нажатии на файл с русским название предлагает его точно так же и сохранить с тем же именем файла и в браузере он показывается в строке url как: http://sait/имя файла.расширение Другие же браузеры (пробовал оперу ИЕ8 и гугл) в имени файла перекодируют русские буквы в другие символы и при скачивании имя файла принимает нечитабельный вид и сохр…

    Asked by ShumNo,

    0 votes
    0 answers

  20. Устаревшие атрибуты

    Раньше я работал в Микрософтовском Фронтпайдже, который теперь они заменили на Экспрешн Веб. Так вод, все знают, что Фронтпейдж страдал избыточностью кода и оптимизация была слабая. В новом софте этому уделяется больше времени и я увидел, что некоторые атрибуты не поддерживаются ни IE7 ни IE8. Например, атрибут xthumbnail-orig-image в теге IMG Подскажите пожалуйста, будет ли он работать. Сут атрибута - на основной странице размещалось уменьшеное изображение фотки, а переход на большое происходил при клике. Что делать, если это уже не работает в новых браузерах?

    Asked by vnzaitsev,

    0 votes
    3 answers

  21. Прозрачный margin

    Всем доброго времени суток, Собственно, Сабж, заранее спасибо =)

    Asked by selevit,

    0 votes
    6 answers

  22. 3 колонки у каждой получается своя высота

    Доброе время суток! В верстке не сильна, поэтому спрашиваю. У меня сайт из 3 колонок. Они должны быть одинаковой высоты и заканчиваться у футера. Но проблема в том, что они растягиваются по содержимому и обрываются. Пробовала ставить высоту 100%, все равно не получается. Если укажите также ошибки, буду очень благодарна. css /* Основные элементы для всей страницы */ body { background-image: url('pict/fon2.jpg'); /* Путь к фоновому изображению */ color: #000000; /* Цвет шрифта */ margin: 0px auto; /* Отступы и положение */ font-family: Arial, Verdana, 'Times New Roman'; /* Шрифт */ font-size: 14px; /* Размер шрифта */ } /* Все для ссылок: ак…

    Asked by klara7,

    0 votes
    12 answers

  23. Резиновая вёрстка с минимальной шириной центра

    Всем привет! Возникла одна интересная задача, которую пока не смог решить. Имеется резиновая вёрстка: 2 боковые колонки, фиксированной ширины, и растягивающийся центр. Проблема в следующем. Минимальное разрешение экрана для нормального просмотра сайта - 1024х768. Мне нужно сделать так, чтобы центр полностью разместился на экране, имея минимальную ширину примерно в 990px, а боковые колонки чтобы просто "срезались", заняв оставшееся место на экране. При большем разрешении экрана, соответственно, колонки будут показаны уже больше. А у кого совсем широкий экран - колонки будут на месте, а центр растянется под свободное место. Думаю, идею изложил ясно. Итак, вот что имеется: …

    Asked by Yuriy,

    0 votes
    13 answers

  24. масштабирование странички по ctrl+колесико

    Добрый день, подскажите, кто-нибудь сталкивался с проблемами мастабирования по ctrl+колесико? проблема вот в чем, страничка php с заданным функционалом и дизайном упорно не хочет масштабироваться, а очень надо! все размеры шрифтов в em наблюдается некоторая странность - если страничка загружена и я хочу ее отмасштабировать, она стоит на месте, но как только нажимаешь F5, она сразу же масштабируется на столько, сколько я прокручивала колесико и уже потом ведет себя нормально, хотелось бы что бы поведение странички было сразу адекватным...

    Asked by jul_k,

    0 votes
    6 answers

  25. наложение заголовков на меню в ИЕ7

    Столкнулся вот с такой штукой наблюдается в ИЕ7. В ИЕ6, ИЕ8, ФФ3.6 все нормально. никак не могу понять, где засада прошу помощи сообщества пациент здесь

    Asked by am-inbox,

    0 votes
    8 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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