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. Регистрация. Личный кабинет

    Скажите пожалуйста, как сделать нормальную регистрацию и личный кабинет для сайта. На каких языках все это лучше писать? Учу html и CSS месяц, остановился перед выбором PHP или jquery. Спасибо за помощь)

    Asked by diktor13,

    0 votes
    6 answers

  2. table-layout: fixed и Опера

    собсно весь проблематичный код #fixed { width: 175px; display: table; table-layout: fixed; } в Ие все на ура а вот в Опере сплошная (_-_) к примеру линк http://www.hohmochka.in.ua/ahother/1.htm рылсо копалсо и нашел только то что данная фишка не поддержывается только в спецификации CSS1, но никак не пойму чего это 9 опера не вкуривает :| 9 вроде уже на CSS2 ?

    Asked by BogusUA,

    0 votes
    4 answers

  3. проблемы с подвалом

    В общем не могу разобраться в чем проблема, всегда было наоборот, опира, сафари и фф всегда отображали как надо а ие косячит, а тут вот такое вот дело... наоборот... html - страница: <html> <head> <link rel="stylesheet" type="text/css" href="/css/scr.css"> </head> <body> <div id="all_page"> <div id="top-page_round"></div> <div id="content-page"> <div id="header"> HEADER </div> <div id="f_content"> <div id="box_links"> {field_16} </div> <div id="box_content"> {field_1} </div> <div id="box_plus"> <h4>Полезно знать</h4>{field_13}…

    Asked by mario,

    0 votes
    4 answers

  4. смена фоновой картинки и растяжка фона по ширине веб-страницы.

    У меня небольшой вопрос по поводу javascript. Можно ли сменить цвет фона с помощью обработчика события вот так: <button onClick:="document.bgImage= 'адрес' "> И как растянуть фоновую картинку по ширине веб-странички?

    Asked by htmlonline,

    0 votes
    3 answers

  5. Поменять border родителя при фокусе дочернего input

    Нужно помять border родителя при фокусе дочернего элемента http://jsbin.com/pixut/10/edit?css,output Пробовал так, не получается. Без js это возможно? form span { display: inline-block; font-size: 18px; line-height: 1; background-color: #fff; padding: 6px 2px 6px 36px; margin: 20px; border: 1px solid #666;}form input { border: none; width: 360px; padding: 0; margin-right: 0px; font-size: 24px; color: #737373; transition: color 0.2s, border-color 0.2s; display: inline-block;}form input:focus { color: black;}span<input:focus{border:1px solid blue;

    Asked by ekkl,

    0 votes
    9 answers

  6. Проблема с таблицей в мобильной версии сайта

    Добрый день! Прошу помощи у специалистов. В мобильной версии сайта, таблица с ценами http://salon-fkt.ru/kosmetologiya съезжает и отображается некорректно. Сайт на Джумла, шаблон.

    Asked by marischka,

    0 votes
    1 answer

  7. Проблемка (строчка)

    Есть вот такой код: <table cellpadding=0 cellspacing=0 border=0 > <tr> <td height=42 align=center valign=center style='border:1px solid black;'> <img border=1 src=zalivka.gif height=42 width=150><div style='position: relative; top: -50%; margin: 0 0 0 0;'>Текст</div> </td> <td> <img src=right.gif height=42> </td> </tr> </table> Т.е. в ячйке имеется картинка с градиентом, а на ней нужно вывести текст. Данный код это делает, текст оказывается на картинке. Но вот под картинкой почему то белая строка. Как будто фон от текста там остался, ну или перенос строки Или то что я хочу никак не сделать? П…

    Asked by Diver,

    0 votes
    6 answers

  8. div'ы, 3 колоники, проблема

    Столкнулся с такой проблемой (вроде все элементарно, но...): index.html <html> <head> <META HTTP-EQUIV="Page-Enter" CONTENT="BlendTrans(Duration=1.0)"> <meta http-equiv="content-type" content="text/html; charset=1251" /> <title>{$title}</title> <link href='style.css' rel='stylesheet' type='text/css' /> </head> <body bgcolor='#000000' text='#ffffff'> <div id='tbl_head'> <div id='tbl_td_head_l'>l</div> <div id='tbl_td_head_c'>c</div> <div id='tbl_td_head_r'>r</div> </div> </body> </html> style.css #tbl_head { background-color: #000000; backgr…

    Asked by Regnum,

    0 votes
    8 answers

  9. таблица и display:inline

    Добрый день! Подскажите, что не так. Есть код: <html> <head> <title>4</title> <style> table { display: inline; } table, td, th { border: 1px solid #BBB; border-collapse: collapse; } </style> </head> <body> <table> <tr> <th>123</th> <th>123</th> <th>123</th> </tr> <tr> <td>112342341234</td> <td>12348907-238947</td> <td>1234123412342341234</td> </tr> </table> </body> </html> В опере и ФФ поверх таблицы отображается какая-то рамка. Опытным путем выяснил, что это пагубное влия…

    Asked by stalker_2000,

    0 votes
    5 answers

  10. Использование CSS без внешних таблиц

    Каким образом прописать стиль ссылки, не использую заранее подготовленные таблицы стилей во внешних файлах, ни в <head>. Например необходимо текст типа <style> :hover { color=blue; } </style> ..... <a>fsdf</a> переделать в вид: <a style="????"> fsdf</a>

    Asked by chin67,

    0 votes
    7 answers

  11. Tahoma utf-8

    Привет, при верстке макета столкнулся с проблемой: шрифт Tahoma выглядит по разному в ff и ie6 при кодировке utf-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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <style type="text/css"> p { font-family: tahoma; font-size: 12px; } span { font-family: tahoma; font-size: 12px; font-weight: bold; } </style> <body> <p>Мир развлечений</p> <span>Мир…

    Asked by konyukhov,

    0 votes
    4 answers

  12. Текст на баннере

    Подскажите, пожалуйста, как разместить текст таким образом как на картинке (должен позиционироваться от контейнера). Span в p не должен быть. Как лучше всё преобразовать? Заранее спасибо! Код следующий: <div class="banner"> <div class="container_background-image"> <div class="banner_text container"> <span class="rabbits"> <p>Do you like rabbits?</p> </span> <span class="oranges"> <p>Do you like oranges?</p> </span> </div> </div> </div>

    Asked by Алеся,

    0 votes
    3 answers

  13. Горизонтальная галерея

    Хочу сделать вот такую галерею. Изображения идут одни за другим в один горизонтальный ряд. У меня на сайте они не выравниваются, хотя стоит float:left; На сайте стоит ширина width:100%, если поставить фиксированную ширину на блок с изображениями - например 7000px, то они становятся в один ряд, но нет горизонтальной прокрутки. Подскажите как выйти из положения. Это мой сайт.

    Asked by nagrebnoy,

    0 votes
    4 answers

  14. Слой поверх слоя с overflow hidden

    Здравствуйте. Прошу помощи в одной проблеме. Допустим у нас в шапке есть слой, в катором расположена Карусель (эта карусель работает через overflow: hidden, естественно), и теперь мне поверх этого слоя нужно сделать еще один слой: с меню или логотипом, например. И тут возникает проблема, что этого не получается сделать. Пробовал присваивать и абсолютное позиционирование, и z-index и отрицательные margin все равно слой с логотипом или меню попадает под слой с Каруселью. Сталкивался ли кто-нибудь с такой проблемой и можно что-то с этим поделать? Пример картинка, то что должно получится (1.Слайдер, должен находится под 2.Логотип и 2.Меню):

    Asked by vlasenkov,

    0 votes
    9 answers

  15. Полупрозрачный фон на весь экран, покрывающий скроллинг

    Всем привет! Как сделать поверх всего сайта div, который бы затемнял весь экран сайта и скроллинг тоже, чтобы он был неподвижен. Часто такие вещи используются для фотографий: допустим нажимаешь на фото, оно увеличивается, при этом затемняется весь остальной экран полупрозрачным фоном

    Asked by Nailya,

    0 votes
    3 answers

  16. Запрет отображения последнего бордера

    Доброго дня друзья! Задача: отобразить нижний бордер у каждой ссылки, по примеру: <div id="menu"> <a href="">1</a> <a href="">2</a> <a href="">3</a> <a href="">4</a> </div> Делаю таким образом: #menu a { text-decoration: none; text-align: left; color: #01367C; display: block; padding: 0.7em; border-bottom-color: #99CCFF; border-bottom-style: solid; border-bottom-width: 1px; margin-left: 5px; } Проблема возникает с последней ссылкой - для нее необходимо исключить отображение бордера. Честно, не знаю как и быть. Таблица и прописывание для каждой ссылки отдельного слоя с указан…

    Asked by walek,

    0 votes
    7 answers

  17. Не работает hover в chrome

    Здравствуйте! Помогите, разобраться, почему не работает код CSS для наведения на ссылку в Хроме и Сафари. Никогда с таким не сталкивался. Как должно работать в Хроме можно посмотреть тут: http://itk.budennovsk.ru/ CSS ul.nav_top2 { list-style: none; z-index: 999999999; } ul.nav_top2 li { float: left; height: 19px; margin-right: 20px; cursor: pointer; position: relative; z-index: 1; } ul.nav_top2 li a.one{ color: #005ece; padding: 5px 0 6px 10px; } ul.nav_top2 li a.one:hover{ background: #005ece url(i/top_menu_fonleft.gif) no-repeat left; padding: 5px 0 6px 10px; color: white; } ul.nav_top2 li strong{ font-weight: normal; paddin…

    Asked by pbeloysov,

    0 votes
    0 answers

  18. Ошибка downloadable font: incorrect file size in WOFF header

    Всем привет, Я пытаюсь в свою админку прикрутить "Metis Bootstrap Admin Template" темплейт и столкулся с тем что некоторые картинки в моих страницах не отображаются Например элемент с классом fa-calendar и в css-файле я нахожу определение .fa-calendar:before { content: "\f073";}В консоле браузера есть ошибка downloadable font: incorrect file size in WOFF header (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:1)source: http://local-ci22.com/images/assets/metis/lib/font-awesome/fonts/fontawesome-webfont.woff?v=4.1.0По ссылке выше файл fontawesome-webfont.woff скачивается. Как можно исправить эту ошибку?

    Asked by mstdmstd,

    0 votes
    3 answers

  19. margin в %

    Здравствуйте. Я что-то потерялась и не пойму, почему задав margin в % блок с меню перекидывает последний пункт на новую строку. В примере сейчас в px, поставьте в % и оно съедет. Что не так? http://kattiperk.github.io/mps/index.html

    Asked by kattiperk,

    0 votes
    10 answers

  20. Первостепенная защита сайта на PHP

    Продолжаю изучение защиты сайта. Недавно прочел несколько статей с предложением отключения некоторых функций PHP. Но так как хостинг у меня только виртуальный и возможности править php.ini нет Придется править .htaccess Подскажите, поправте что не так. Что вкл а что выкл ? Вот несколько директив / функций которые как я понял желательно отключить: safe_mode - проверяет владельца запущенного скрипта и если скрипт пытается открыть какой-либо файл - делает это с правами этого владельца php_admin_flag safe_mode on register_globals - Запретить создание глобальных переменных из пользовательского ввода если включена, переменные GET, POST, Cookie, Server будут регистриро…

    Asked by blacks,

    0 votes
    7 answers

  21. Как растянуть таблицу на 100% по внешнему блоку а не по внутреннему содержанию?

    Т.е. табличка (width=100%) как бы обрамляет текст но не растягивается по всему внешнему блоку.

    Asked by Radik_45,

    0 votes
    12 answers

  22. Загрузка изображений до вывода на экран

    Добрый день! Вопрос в следующий : Есть страница с изображениями хотелось бы узнать , можно ли как то реализовать чтоб все изображения подгружались пользователю а потом только вывадилась страница с текстом и изображениями . Чтоб пользователю видел уже готовую страницу.

    Asked by JTaMeP,

    0 votes
    17 answers

  23. Жирный шрифт ссылки

    Доброго дня! Я хотел сделать как на http://sports.ru: Но не знаю как делать. Научите, пожалуйста! Заранее спасибо за ответ!

    Asked by muxrim,

    0 votes
    5 answers

  24. Глюк в ie position:relative

    обнаружил тут такую штуку <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <title>Untitled Document</title> <style> body, html{ font-family:Arial; margin: 0 auto; height:100%; text-align: left; background:rgb(183,229,255); } .sl2{ background:white; overflow:hidden; width: 1000px; height:auto; } .menu_1{ position:relative; border:1px solid black; width:200px; min-height:279px; height:100%; _height:279px; font-size:14px; } </style> </head> <body> <div class="sl2"> <div class="menu_1"> text </div> </div> </body> &lt…

    Asked by tonik_spb,

    0 votes
    3 answers

  25. Safari глюк

    Всем здравствуйте. Случайно нашел глюк на своем сайте, который возникает только в safari. FireFox, Opera, E отображают одинаково(корректно), но ... Safara . Так вот есть такой код <table border="0" cellpadding="0" cellspacing="0" style="height:700px; width:700px" > <tr> <td> <div style="float:left; width:500px;"> content </div> <div style="float:right; width:200px; height:100%; background:#00FF00"> menu </div> </td> </tr> </table> <div style="clear:both;> </div> в чем проблема, пока content не привышает height:700px, в…

    Asked by EvilCold,

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