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. Как в JavaScript растянуть картинку только по ширине

    document.images[0].width+=1; вот это растягивает и высоту тоже, пропорционально можно ли скриптом растягивать ТОЛЬКО в ширину?

    Asked by OneginZheka,

    0 votes
    4 answers

  2. Не работает a:active в IE8?

    Точнее не хочет работать так как во всех остальных браузерах. Ситуация вот какая. Значит у меня есть такого плана код: <a class="tovar" href="#"><img src="../images.jpg" alt="Люблю я ИЕ" /></a> Ситуация следующая. Моя картинка имеет размер 100х100 пикселей. Я присваиваю для тега "а" display:block; и задаю ему размеры width:100px; height:100px; В общем, имею внутри блока "а" картинку такого же размера. Ну и скажем хочу, чтобы при ситуации клика у меня вокруг блока "а" появился бордер. Пишу: a:active.tovar {border:1px solid #000;} И что я имею? Блин, все браузеры нормально работают, а новый мега-продвинутый ИЕ8 не работает. Причём, причина его отказа заклю…

    Asked by Belovsan,

    0 votes
    13 answers

  3. input type=file

    Известная проблема: подогнать под дизайн сайта поле загрузки файов: добавить бордюр, сделать внутренние отступы, сменить кнопку и т.д. Вот и я поимел первый опыт борьбы с ней. Хочу попросить покритиковать мое решение. Сразу скажу, что основано оно на идее перекрытия настоящего файл-инпута кнопкой и текстовым полем. Мне почти подошло решение предложенное здесь, за что автору большое спасибо, но пришлось немного допилить под себя. Моя задача: кнопка BROWSE выводится справа от текстового поля. Занимаюет ширину "по ширине текста в ней". Все оставшееся место уходит на текстовое поле имени файла. Подход к решению: делаем два div`а: в первый помещаем input type=text. Во второй i…

    Asked by Cypher76,

    0 votes
    2 answers

  4. Как растянуть фон(background-color) за пределы контейнера?

    Подскажите пожалуйста как растянуть фон за пределы блока, который лежит в контейнере. В верстке так же использовалась библиотека Bootstrap(решение должно быть адаптивным).

    Asked by Sanchous,

    0 votes
    1 answer

  5. Не работает overflow:hidden

    Пробую сделать трехколоночный макет на дивах, где левая-правая колонки - фон, отсчет от центрального элемента, при изменении размеров баузера просто обрезаются... но почему-то overflow: hidden работает только для левого элемента, правая же колонка не обрезается.... почему? :/ html: <div id=main1> <div id=left_col_back> left col</div> <div id=main_col> Main col </div> <div id=right_col_back> rigth col </div> </div> css: #main1 { position: absolute; left: 50%; top: 0px; width: 1px; height: 100%; background:#6cdec7; } #left_col_back { position: absolute; left: -628px; top: 0px; width: 128px; height: 100%; overflow: hidden; b…

    Asked by Brianna,

    0 votes
    5 answers

  6. margin-right не работает в IE

    Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html lang=ru> <head> <title>New Land</title> <META NAME="Keywords" CONTENT="—————-"> <META NAME="Description" CONTENT="————--"> </head> <style type="text/css"> body {background-color: black; margin: 0 0 0 0;} .text {position: fixed; top: 20px; margin-left: 150px; margin-right: 150px; font-family: Arial; font-size: 12pt; color: white; text-align: justify;"} </style> <body> <div style="position: fixed; left: 0; top: 0;"> <img src="l.png"><br><img src=…

    Asked by maleficmax,

    0 votes
    4 answers

  7. не знаю почему

    короче дело вот в чём, написал я сайт в хтмеле,выложил его на народ захожу а там все русские буквы какой-то закорючкой отображены, похожей на символ параграфа.я думал кодировка, ну вписал мета тэг виндовоз 1251 в каждую страницу перезалил сайт захожу опять а там теперь вместо руских букв апострофы т.е. """"""""""""""""""""""""" вот такая фигня поменял кодировку на КОИ один хрен, только теперь пустые квадратики )))))))))) короче я не знаю пацаны чё мне делать...

    Asked by Melted,

    0 votes
    10 answers

  8. 2 div'a в одной строке

    Делаю 2 div'a в одной строке, но между ними в Oper'е и FireFox'е возникает расстояние, помогите его убрать: <style> .g1, .g2 { width:50px; display:inline-block; } .g1 { background-color:rgb(125,55,0); } .g2 { background-color:rgb(55,0,125); } </style> <div class="g1"> 1 </div> <div class="g2"> 2 </div> Пробовал убрать отступ с помощью margin, padding, border - не помогло, если никак не убрать остаётся вроде только float'ом 2 block'а делать.

    Asked by IceBars,

    0 votes
    2 answers

  9. Как убрать скругление углов кнопок?

    Пишу .filter label input { border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; } } чищу кеш. всеравно выглядят скругленно

    Asked by nikki4,

    0 votes
    2 answers

  10. Эффекты перехода страниц в Firefox

    Почему-то не работают эффекты перехода страниц в браузерах Opera (вполть до 9.20) и Firefox. IE отображает их правильно и красиво, но кому он сегодня нужен! Есть ли хитрый способ заставить работать переходики и в этих актуальных браузерах тоже? Заранее благодарен за отклик.

    Asked by MG,

    0 votes
    3 answers

  11. Изображение вместо полосы прокрутки

    Помогите решить проблему. Я дизайнер, и в HTML только учюсь. Вопрос: как заменить полосу прокрутки во фрейме изображением или, хотя бы, изменить цвет. Спасибо!

    Asked by west,

    0 votes
    9 answers

  12. стиль для кнопки

    есть кнопка в виде текста , текст должен менять цвет при наведение мышкой. в Ie6 не работает hover для кнопки. Подскажите как быть. чтобы hover воспринимался

    Asked by duffny,

    0 votes
    6 answers

  13. Можно ли оперировать с параметрами <BODY>

    Народ привожу скриншот, на одном ооочень интересном для меня и для вас сайте (кто в теме) автор весьма необычно делает макет сайта с фиксированным размером и выровненно посередине, ваши мнения насчет этого, просто я в свое время слышал что лучше вроде особо с боди не опереировать а как вы думаете? причем интересный момент, если мы ставим body { background: silver; width: 700px; margin: 0 auto; } то по идее судя по коду у нас блок BODY должен быть 700 по ширине и по центру страницы так и есть НО в silver цвет в итоге окрашивается всю окно браузера, словно мы поставили background: silver не для body а для HTML на сколько я понимаю именно body находится внутри…

    Asked by TonKhaO,

    0 votes
    14 answers

  14. Верстка DIV'ами. Контент на всю полезную площадь окна

    здравствуйте! несколько дней бьюсь над следующей проблемой: в нижеприведенной разметке, когда контент короткий (1 строка на моем мониторе) после футера остается пустое место до нижнего края монитора. <div id="header"> <div id="logo"> <a href="" title=""><img src="" width="114" height="80" alt="" /></a> </div> <div id="topmenu"> <div><a href="" title=""><img src="" width="32" height="32" alt="" /></a> <a href="" title=""><img src="" width="32" height="32" alt="" /></a> <a href="" title=""><img src="" width="32" height="32" alt="" /></a></div> </div> &l…

    Asked by Viento,

    0 votes
    18 answers

  15. Вёрстка таблицами

    Часто вижу вёрстку и оформление страниц, сделанную таблицами. Не обязательно вся страница сделана, а бывает, что какой-то участок страницы свёрстан с помощью таблицы. Известно, что вёрстка таблицами это признак дурного тона, но более недостатков я не слышал. Поэтому хотел бы обсудить особенности такой вёрстки со знающими людьми. Во первых, мне кажется, что вёрстка таблицами это вполне приемлемо. Но вот что настораживает. Является ли для таблиц обязательными вложенными элементами такие теги как <caption>, <thead>, <tbody>, <tfooter> и <th>. Даже не знаю, какой последний изданный w3c стандарт есть, где описывается нужность (ненужность) этих…

    Asked by clavin,

    0 votes
    24 answers

  16. Проблема со спрайтами в IE6

    Вообще смысла кидать тьму кода не вижу опишу в двух словах. .nav-menu li a{ display:block; background:url(../images/bg-menu-sprites.gif) no-repeat; text-indent:-9999px; overflow:hidden; float:left; } .nav-menu .home{ width:75px; height:37px; background-position:0 0; } .nav-menu .home:hover, .nav-menu li.active .home{ background-position:0 -37px; } Собственно дальше по такому же сценарию. Во всех браузерах ховера переходят нормально а вот в IE6 когда с одной кнопки на другую предыдущая пропадает на пол сек потом появляется. Имхо непонятно вроде спрайт загрузился и задержек не должно быть. Отключил все ховера-при навдеении кнопка исчезает и появляется на мгновение …

    Asked by Dessss,

    0 votes
    18 answers

  17. Прокручиваемый контент и div

    Добрый день! Есть div блок: <div id="centercontent"><jdoc:include type="component" /></div> Вот код идентификатора: #centercontent { background-image:url(../images/1_13.png); overflow:auto; height:300px; float:left; Всё как и хотел (контент джумлы отображается в див блоке с прокруткой), да вот только если контент большой, он растягивает див блок и тем самым портит дизайн. Как мне зафиксировать стенки блока, чтобы контент упирался в него? п.с. дизайн резиновый - в этом основная проблема..., поэтому width определенной ширины не предлагать.

    Asked by arthyrgrex,

    0 votes
    3 answers

  18. Не работает last-child

    Между пунктами меню использовал палочки-разделители. В первом и последнем пункте меню захотел убрать разделители с помощью first-child и last-child. First-child сработал, а last-child нет. Чего он не работает? #nav li:first-child {border-left:none} #nav li:last-child {border-right:none} <ul id="nav"> <li><a class="hsubs" href="#">Товары</a> <ul class="subs"> <li style="border:0"><a href="#">Submenu 1</a></li> <li><a href="#">Submenu 2</a></li> <li><a href="#">Submenu 3</a></li> <li><a href="#">Submenu 4&lt…

    Asked by apexis,

    0 votes
    9 answers

  19. ограничить ширину и выровнять по центру

    проблема такая: верстаю сайт, нужно чтобы на разрешениях больше 1024*1280 контент не растягивался в ширь и оставаля по центру. на разрешениях меньше 1024*768 не плющился (то есть пусть будет полоса прокрутки по горизонтали, но наездов внутри контента не должно быть). поставила в ксс-нике для body вырание по центру и такой код прописала: body { margin: 0; padding: 0; font-family: Georgia; font-size: 100.01%; font-weight:normal; width: expression(document.body.clientWidth < 1240 ? "100%" : "1240px"); width: expression(document.body.clientWidth > 1000 ? "100%" : "1000px"); text-align:center; max-width:1240px; min-width:1000px;} внутри body еще слой вложила, чтобы л…

    Asked by Sanguis,

    0 votes
    10 answers

  20. В IE не видно пунктирное подчеркивание ссылок

    Есть вот такой стиль ссылок. Но в IE подчеркивание не видно Это вывод событий в афише. Что интересно: одна из ссылок все-таки отображается нормально, хотя ее код в точности такой-же как и остальных. <style> a.event_list_link {color:#a1caf4; font-family: Tahoma, Verdana, Arial, Arial Narrow, sans-serif; font-style:normal; font-weight:normal; font-size:11px; text-decoration:none; border-bottom: 1px dashed #a1caf4;} a.event_list_link:hover {color:#fff; text-decoration:none; border-bottom: 0px;} </style> <div class='event_list_link'> <a class='event_list_link' target='_self' href='index.php?option=1&a=1&id=2' title='Подробнее о событии'>под…

    Asked by begin3,

    0 votes
    6 answers

  21. след от фонаря

    Доброе время суток. Нужна помощь. Хочу сделать следующее: Вся верстка сайта была закрыта полупрозрачным фоном, а вокруг мышки был прозрачный круг, будто свет от фонаря, а все остальное в тени. Свет от фонаря постоянно находятся там где курсор мышки. На сколько я понимаю это можно сделать с помощью CSS и возможно немного JavaScript, но как, это уже тяжелее, подскажите

    Asked by Pavlov___,

    0 votes
    11 answers

  22. Верстка логотипа

    Здравствуйте! Подскажите, как правильно нужно верстать логотип? Есть логотип и снизу текст. У текста шрифт PTSans Regular. Вопрос: логотип будет правильнее вырезать вместе с текстом (то есть, картинкой) или логотип--картинка, а текст -- кодом? Спасибо. И еще вопрос возник: опять же правильно ли тегу header указывать класс, если он один на странице? А вдруг нужно будет (потом, например) добавить еще header? Этот же тег можно несколько раз применять...

    Asked by Orarifish,

    0 votes
    22 answers

  23. printable css для большой таблицы

    Здравствуйте Подскажите пожалуйста. Есть таблица с данными. Эта таблица большая по ширине. Настолько, что появляется горизонтальный скролл. Перед мной стоит задача сделать так, чтобы при распечатке все было красиво и читабельно. Т.е. как-то надо эту таблицу при помощи стилей перекрутить и выплюнуть на лист бумаги через принтер. Может, кто-то сталкивался с такой проблемой? Или хотя бы подскажите куда копать. Таблица эта состоит из n-ного количества столбцов. Каждый столбец отвечает за какой-то товар. Таблица эта - сравнение товаров по различным характеристикам. Воть тяк...

    Asked by milax,

    0 votes
    13 answers

  24. float:left и выравнивание по центру

    Добрый день, есть простой код: <div style="width:auto; height:150px; margin:0 auto;"> <?php for ($x = 0; $x < count($arraypath); $x++) { ?> <div style="width:100px; height:102px; margin:28px 10px 0 0; float:left;"> <img src="<?php echo $arraypath[$x]; ?>" title="" alt="" style="width:100px; height:102px; cursor:pointer;" onclick="chadphoto(this);" /> </div> <?php } ?> </div> Как сделать, что б картинки, вне зависимости от их кол-ва, были всегда по центру div'а ? В данном примере они все прижаты к левому краю.

    Asked by bobo,

    0 votes
    2 answers

  25. бокс по центру экрана

    Есть бокс, который выравнен по центру экрана, однако, если заполнять бокс инфой, то он "устремляется вниз", т.е. свеху пусто, а от центра экрана вниз идет бокс. Возможно ли его всегда выравнивать по центру?

    Asked by bFree,

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