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. Стиль сайта

    Помогите, я новичёк. с css вроде разобралась, написала отдельным файлом стиль для страницфон, шрифт, ссылки итд), чтобы все одинаковыми были. и проблема: как его прикрепить к страницам сайта? нигде не могу найти нужных тегов, везде стиль вписан прямо на странице

    Asked by мужняя_жена,

    0 votes
    8 answers

  2. Повторяющиеся статичные элементы на странице

    Всем привет) Я вот задался вопросом.. если код для меню и нижнего футера запихать в отдельный PHP файл, а потом инклудить на нужные страницы- это будет корректно, или же не стоит? Может влияет как-то на скорость?

    Asked by korjik,

    0 votes
    3 answers

  3. repeating-linear-gradient

    Хочу сделать зебру. background: repeating-linear-gradient(to right bottom, #E9E9E9 0 2px, #000000 2px 4px) ; С левого верхнего угла в правый нижний, серый-черный цвет.. Не работает что не так ?

    Asked by rpmcmerphy,

    0 votes
    8 answers

  4. Непонятное значение -1e+7px

    Наткнулся на такое: text-indent: -1e+7px; - кто знает что это значит -1e+7px, как можно использовать? Спасибо

    Asked by antonP,

    0 votes
    5 answers

  5. дорисовать бордеры в менюхе

    Вобщем есть оригинал как надо http://prntscr.com/3ggxiz , а вот как у меня получается http://prntscr.com/3ggwzo как доверстать до оригинала всё) мож кто что подскажет) могу код скинуть

    Asked by new-dev,

    0 votes
    5 answers

  6. CSS. Выравнивание div элемента с позиционированием fixed, внутри ячейки таблицы

    Здравствуйте! Подскажите пожалуйста какие есть варианты горизонтального выравнивания по центру ячейки таблицы, блока div с позиционированием fixed. <table width="1000" border="1"> <tr> <td width="1000"><div style="position:fixed;top:0px;">Текст блока</div> </td> </tr> <tr></table>

    Asked by AlexD,

    0 votes
    4 answers

  7. Ячейки в таблице

    Добрый день. Почему ячейки в таблице не совпадают? <!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css"> TABLE,TD{ border:1px solid black; border-collapse: collapse; }</style></head><body><table> <tr> <td>100000</td> <td colspan="3">2000000</td> </tr> <tr> <td colspan="2">3000000</td> <td>4000000</td> <td>5000000</td> </tr></table></body></html>

    Asked by Ururu,

    0 votes
    2 answers

  8. Как вставить Flash игру на сайт?

    <object z-index="7"> <embed width="760px" height="560px" align="center" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="Buhf" quality="high" src="ts.swf"> </object> Файл игры скачан и называется "ts". Находится в папке с сайтом. Но вместо игры или просьбы включить flash плеер просто белый квадрат. Flash плеер обновлен. Заранее благодарю!

    Asked by suzeren96,

    0 votes
    0 answers

  9. Блоки в две колонки

    Есть ли какая либо возможность забить блоками два "стакана" равных по высоте? Блоки имеют изначально равную ширину, но разную высоту, которая изначально не известна. Количество блоков также может меняться.

    Asked by BIOHAZARD,

    0 votes
    1 answer

  10. Проблема с позиционированием

    Вобщем вот что у мя есть: http://i013.radikal.ru/1011/fe/0c1ad6be4132.jpg Вобщем я взял скрипт лента фильмов - Вот сам скрипт, и переделал под себя,под афишы. Я создал информер: <div style="width:18%;background:#333;display:block;border:1px solid #444;float:left;margin-left:8px;height:180px;margin-bottom:10px;"> <table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"><tr></tr><tr><td class="infTitle" colspan="2"> <?if($SOURCE$)?><c><a href="$ENTRY_URL$"><img src="$SOURCE$" width="100%" height="50%" alt="$TITLE$"/></a> </c><?endif?> </table> </div> П…

    Asked by Vladinho,

    0 votes
    3 answers

  11. Оптекание DIV

    Конструкция страницы: <div id="main"> <div class="left-block"> Текст </div> <div class="right-block"> Текст </div> </div> <div id="base-right-block"> Текст </div> Теперь стили: #main { float: laft; } .left-block { float: left; } .right-block { float: left; } #base-right-block { float: left; } С вышеописанного можно сделать вывод, что base-right-block будет обтекать main слева, но он размещается снизу под main. Я поступил по-другому: <div id="base-right-block"> ... </div> <div id="main"> ... </div> поменял местами. Стиль: #main { } /*оставил без обтекания*/ ... #base-right-block { flo…

    Asked by Alex&R,

    0 votes
    2 answers

  12. Таблица с тремя ячейками а в них по img - в IE проблема бордюра

    Есть таблица. Одна строка, три столбца. В каждом столбце есть по img у каждого img свойство align="right" и во всех браузерах все чудесно, кроме кончено же IE. Здесь появляются не понятные зазоры между img и и границей td. Выглядит это так http://my.jetscreenshot.com/2772/20110427-hk6j-12kb.jpg в остальных браузерах белых полос между нет. Нужно убрать эти полосы. Дайте совет, что ИЕ хочет от меня чтобы он нормально их отобразил

    Asked by artlayers,

    0 votes
    11 answers

  13. Рамка вокруг изображения

    Создаю форму обратной связи. Поля type="text", с помощью CSS задаю border-color:#4664A4; border-width: thin; border-style:solid. Понятно, что вокруг полей ввода появляется соответствующая граница. Для отправки использую type="image", тоже есть соответствующая граница. Можно ли сделать так, чтобы вокруг текстового поля была граница, а вокруг поля изображения этой границы не было? Заранее благодарен.

    Asked by chapai,

    0 votes
    3 answers

  14. Позиционирование фиксированного заголовка таблицы.

    Имеется в наличие страница с двумя таблицами с фиксированным заголовками. Заголовок фиксируется относительно thead таблицы. Возникла необходимость добавить данную страницу с таблицами в спойлер. Спойлер использует функцию toggle, скрываемый текст помещается в div, только вот при добавлении данной страницы в спойлер использующий функцию toggle, позиция фиксированного заголовка в таблице задается не относительно таблицы, а относительно границ браузера, а при закрытии спойлера остается зафиксированным на месте, также заголовок второй таблицы накладывается на первый. Подскажите как это исправить?

    Asked by Walter_Stolz,

    0 votes
    2 answers

  15. position:fixed for ie6+отступ на скроллбаре

    КОД <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> body{ font:20px Arial; text-align:justify; } *{ padding:0;margin:0; } html,body{ height:100%;overflow:auto; } *html .fix{ margin-right:17px; } .fix{ width:100%; height:300px; background: orange; text-align: center; color:blue; font-size:12px; position:fixed; top:0;right:0; _position:relative; } #SS{ padding-top:310px; } </style> </head> <body> <div id="SS"> <div class="fix">ONE</div> Много тЕКСТА!!!!!! </div> </body> </html> проблема в том что в …

    Asked by dostel1,

    0 votes
    4 answers

  16. Белые квадраты вместо флеш-плеера.

    Доброго времени. Я делаю маленький сайтик, обязательным элементом которого являются флешролики. Почитав немного в интернете, я составил вот такой код: <div align=center> <script type="text/javascript" src="swfobject.js"></script> <div id="player_4">Ошибка: плеер не загрузился. Возможно, у Вас не включен flash в браузере. </div> <script type="text/javascript"> var so = new SWFObject('player1.swf','mpl','800','200','9'); so.addParam('allowfullscreen','false'); so.addParam('flashvars','file=plist/plist_1.xml&playlist=bottom&autostart=false&repeat=list&backcolor=#ccccdd'); so.write('player_4'); </script> </div> …

    Asked by Быдлокодер,

    0 votes
    1 answer

  17. "обтекание" блока меню

    Доброй ночи. Есть сайт Пытаюсь переделать под маленькое разрешение монитора, приблизительно 750px по ширине. Надо добиться того, что бы левая часть контента (фотографии) "обтекали" правый блок навигации, при этом, чтобы пока не закончился блок навигации фото шли по 3-и штуки в ряд, а под блоком навигации по пять штук. Желательно без кардинальной переделки вёрстки. Дело в том, что при разном разрешении экрана будут подключаться разные файлы css. И если разрешение будет более 1000px, то сайт должен возвращаться в исходное состояние Подскажите, как решить данную проблему? Сам не могу додуматься... Заранее благодарю откликнувшихся.

    Asked by slo_nik,

    0 votes
    4 answers

  18. проблема с margin-top

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="style/style.css" rel="stylesheet" type="text/css" /> <title>Верстка</title> <style> *{margin:0; padding:0;} #wrapper{ width:980px; height:910px; margin:0 auto; border:1px solid #000; } #header{ height:205px; background: -webkit-linear-gradient(top, #fff, #e8e9ed); background: -o-linear-gradient(top, #fff, #e8e9ed); background: -ms-linear-gradient(top, #fff, #e8e9ed); backgr…

    Asked by Krote,

    0 votes
    2 answers

  19. css уменьшить код

    .galsmall {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galattach {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galmedium {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} Как сократить до ной строчки?

    Asked by angelShlesser,

    0 votes
    1 answer

  20. Поведение img и a при абсолютном позиционировании в IE

    В итоге некоторых мучений создал тестовый код, который в IE и в браузерах ведет себя по разному. Вот ссылка img-click-test Тут слой с картинкой (z-index:10) размещен под слоем со ссылками (z-index:1000). При чем одна ссылка залита фоном, другая - нет. Собственно, там, где слои пересекаются, не залитая ссылка перестает кликаться. Это проявляется во всех версиях IE включая 9. Удалось починить багу дедовским способом пусканием фона с прозрачной картинкой на ссылке. Может кто знает, как можно решить это более элегантным способом без лишней графики? <!DOCTYPE html> <html> <head> <title>test</title> <style type="text/css"> #img…

    Asked by keltanas,

    0 votes
    2 answers

  21. Фоновый рисунок

    Всем привет изучаю я значится ЦСС фоновые рисунки по книжке очень содержательной и вот там пример с искажением сложной спирали ... вкратце: там есть 4 разных рисунка добавленных для эффекта размытости вот только как их отдельно посмотреть ума не приложу помогите пожалуйста посмотреть картинки http://meyerweb.com/eric/css/edge/complexspiral/glassy.html ПЫ СЫ видел что они делают и в стилях видно все но интересно посмотреть просто на картинки но бида в том что заданны относительные ссылки на изображения

    Asked by Bobikys,

    0 votes
    3 answers

  22. Подвал

    Здравствуйте. О подвалах написано много но все же не проще ли footer{ position:absolute; bottom:0;} а у контентной части margin: 0 0 -footer 0; Чем пример ставший класикой <!--<style type="text/css"> html, body {margin:0;height:100%;} #wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;} #header {height:200px;} #left {float:left;width:200px;} #right {float:right;width:200px;} #center {margin:0 200px 0 200px;} #spacer {height:100px;} #footer {height:100px;margin-top:-100px;} .clear {clear:both;} </style> <body> <div id='wrapper'> <div id='header'> <!-- Содержимое хэдэра --> </div> <div id='conta…

    Asked by Mirovich,

    0 votes
    2 answers

  23. Autofocus

    http://jsfiddle.net/tKKLy/ Это часть кода, как видите(по коду скрипта), при нажатии на надпись search она пропадает и появляется форма, в input стоит автофокус, при первом появлении формы он срабатывает, затем при потере фокуса форма пропадает, появляется снова надпись, при повторном нажатии на search, автофокус уже не срабатывает, почему так происходит?????

    Asked by main.c,

    0 votes
    0 answers

  24. Ширина блока по содержимому

    Как известно, ширина блока расчитывается внешним фактором - шириной родителя. А мне нужно, что бы ширна блока .outer тянулась по ширине дочернего блока .inner Добиться этого можно назначив блоку-родителю (т.е .outer) что-то одно из этого: 1) display: inline-block; 2) display: inline-flex; 3) float любой //не подходит, т.к. создаст лишний геморой. Мне нужно, что бы outer оставался в нормальном потоке 4) position: absolute; // тоже не подходит, т.к. вырывает из нормальнного потока. Все эти варианты заставляют блок-родитель тянуться вширь по своему контенту. Но они все какие-то не торт, особенно последние два. Может есть еще какие-нибудь решения, которыми вы хотите подел…

    Asked by Evkaky,

    0 votes
    3 answers

  25. Наложение картинки на блок

    Каждый товар на сайте разбит по блокам (сам сайт создавался в конструкторе), но блоки - это html код. http://ga1000.casio55.com/ Нужно наложить на угол каждого блока след картинку При накладывании, смотрел по этой теме (http://htmlforum.ru/index.php?showtopic=22581). Наложить удалось, но стал неактивен слайдер изображений на этом блоке. Вот код самого блока: <div class="hvr"><div style="text-align:center;font-family: 'Trebuchet MS'; font-size: 16px; padding: 7px"><a style="color:#cc0000; text-decoration:none"><b>Casio </a><a style=";color:#000000; text-decoration:none; font-size: 16px">GW-A1000-1AER</a></b></div&gt…

    Asked by tarasishhe,

    0 votes
    1 answer
×
×
  • 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