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. Векторый фон для текста, реально?

    Здравствуйте! В верстке я новичок. Есть задачка по оформлению текста на сайте: нужно сделать возможность задавать фон для текста, который выглядит следующим образом: Возможно ли это? Если да, дайте наводку, пожалуйста. Необязательно именно так, но хотелось бы что-нибудь по-красивее, нежели чем прямоугольный бэкграунд. Цвет всегда один и тот же. Хотелось бы, что бы это чудо тянулось в зависимости от количества символов) Заранее благодарю.

    Asked by native_today,

    0 votes
    4 answers

  2. Прозрачность в IE

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=windows-1251"> <link rel="stylesheet" type="text/css" href="css2.css"> <title>Главная</title> </head> <body> <div class="ab">Прозрачность </div> </body> </html> body { background-color:rgb(0,0,0); opacity:0.5; filter: alpha(opacity=50); } .ab { background-color:rgb(255,255,255); } http://htmlbook.ru/css/opacity.html - сказано для IE прописать "filter: alpha(opacity=50)", прописываю - в IE 8 beta не работает.

    Asked by IceBars,

    0 votes
    1 answer

  3. Неразрываня строка

    Есть страничка по адресу: http://www.po-miry.ru/MEDICINA/DUCH-ZDOROVIE.htm В правой колонке есть слова Психоанализ - вопросы и ответы Написал код по инструкции. Вот он <a title="Большая статья о том, что такое психоанализ и зачем он нужен людям" href="psihoanaliz.htm">Психоанализ&nbsp- вопросы и ответы</a></p></b> Тем не менее, при уменьшении размеров окна браузера предлжение складывается вдвое. Почему?

    Asked by beze,

    0 votes
    7 answers

  4. Ссылки

    Всем привет, народ подскажите в чем проблема, я только учусь верстать, поэтому наверно своих ошибок не вижу Вот страница!, файл стилей style.css в той же папке probnik. Так вот на странице есть ссылка в главном тексте, ее легко найти, она одна, что с ней происходит не пойму, она унаследовала стили из хедера, а именно стиль активной ссылки и стиль списка li, но в файле стилей четко прописано что #header a, я так понимаю все ссылки с идентификатором header. А тут такое. Плюс ко всему даже если присваиваешь контенту идентификатор и прописываешь в нем все состояния ссылки #content a как у меня в файле сделано с хедером, опять же все сбивается, пробую для каждого значения сс…

    Asked by RUSA,

    0 votes
    2 answers

  5. line-height одинаков в css, а визуально нет

    Заметил интересную особенность: при подобном задании стилей. Просмотреть результат можно по адресу http://tri4.ax3.net/test.html Там видно что текст который ниже налеплен. Как это можно объяснить? Как исправить я вроде знаю для внутреннего блока задать line-height: 180%; и все. Но вот вопрос почему так.? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Заголовок</title> <style type="text/css"> body {font-size:24px;} div.cornered .inner { color:#33424A; font-size:0.7em; line-height:120%; } #content_text { color:#33424A; font-size:0.75em; line-height:120%; } div.cornered .inn…

    Asked by warobushek,

    0 votes
    2 answers

  6. форма поиска с выбором поисковой машины

    Здравствуйте, хочу спросить Вас о том как сделать форму для поиска, чтобы было только одно текстовое поле, список поисковых машин и одна кнопка. Всё это в одной форме. В интернете нашел как создавать отдельную форму для каждой поисковой системы, то есть для каждого поисковика отдельное поле, отдельная кнопка. Надо только HTML. Список, кнопку, текстовое поле создать умею, а вот как заставить передавать запрос на нужный поисковик не знаю, подскажите как это реализовать !?

    Asked by darkziman,

    0 votes
    1 answer

  7. Проблема с float

    привет всем) я чайник в верстке, учусь. Хотя, думал, с флоатом справлюсь... Суть проста. Есть два блока, по 50% ширины каждый. Ставлю каждому float: left; width: 50%; (бордер для наглядности проблемы) результат причем происходит все так. Есть класс .block, для которого стоят только отступы. Так как они одинаковые для всех. .block { margin-bottom: 30px;} Ну и классы .w50p {width: 50%;} .floatleft {float: left;} Прописываю <div class="block w50p float">бла бла</div> <div class="block w50p float">бла бла</div> ЕСЛИ прописать дополнительно .block {margin-bottom: 30px; float: left;} То блоки становятся ровно, зато лезут другие косяки, связанные с от…

    Asked by nickostyle,

    0 votes
    4 answers

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

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

    Asked by chapai,

    0 votes
    3 answers

  9. css3 скругление углов и flash объект

    Мне нужно, чтобы блок со скругленными углами (используется css3) всплывал при наведении на пункт меню над flash-объектом (используется jQuery). Проблема: при отображении всплывающей подсказки над флешкой скругления не отображаются, а углы выглядят, как-бы, "выкушенными". Может кто знает, решается ли эта проблема для css3 ? Спасибо!

    Asked by chaban,

    0 votes
    1 answer

  10. text-shadow vs ie

    Здравствуйте Можно ли получить такой результат в ие8+ ? http://htmlbook.ru/sites/default/files/images/css/css_text-shadow.png Пробовал сделать по вот этой статье(http://htmlbook.ru/css/text-shadow), не получилось добиться того результата что на картинке

    Asked by Temiks,

    0 votes
    5 answers

  11. 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

  12. Модальное окно

    Добрый день. Стоит задача сделать фотольбом по аналогии с ВКонтакте, чтобы увеличенное фото открывалась в модальном окне с затемнением фона. Но есть проблема, которую пока не удается решить: как сделать, чтобы прокрутка слоя, в котором показывается фото была не зависима от слоя в котором основной контент страницы? Например, в контакте похоже, что в одном табе загружаются сразу две страницы одна поверх другой, причем адресная строка разная у обоих страниц и скроллинг одной страницы независим от другой. PS jQuery не предлагать

    Asked by sparks,

    0 votes
    2 answers

  13. Русские буквы и пробелы в пути

    Если к изображению на сайте я буду использовать такой путь:"img/1/Нити белое на черном.jpg" то во всех браузерах нормально отобразится?

    Asked by GLeBaTi,

    0 votes
    2 answers

  14. Проблема с отображением фотографий

    Здравствуйте! Есть сайт, на котором миниатюры фотографии (форматов jpg и jpeg), отображаются с потерями в качестве в браузерах Mozilla и Opera, и без потерь в Google Chrome. (в IE не проверяла). В полном размере фотографии отображаются с помощью плагина fancybox и без проблем. Сайт работает на Umi.CMS. Почему миниатюры искажаются? Это проблема браузеров или CMS?

    Asked by vikver,

    0 votes
    6 answers

  15. несколько версий сайта

    хочу сделать самостоятельные 3 версии сайта под разные разрешения (для телефонов, планшетов-ноутбуков, для "домашних кинотеатров"). как осуществить автоматическое переключение? есть какое нибудь наглядное руководство/код, может быть кто подкинет готовое решение или пример? (речь идет не о резине!-ничего никуда перегруппировывать и растягивать не нужно)

    Asked by deFISH,

    0 votes
    6 answers

  16. Как расположить 3 div блок по центру

    Делаю трёхколончатый сайт с фиксированной шириной нужно чтобы три блока находились по центру.

    Asked by Myk,

    0 votes
    3 answers

  17. repeating-linear-gradient

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

    Asked by rpmcmerphy,

    0 votes
    8 answers

  18. Странная анимация цвета

    http://jsfiddle.net/Zverushka/D2x4y/ Вы можете заметить, что при анимации цвет сначала становится темнее, а в конце анимации светлее - почему?

    Asked by Zverushka,

    0 votes
    11 answers

  19. Error: Bad value 100% for attribute width

    В диве задал картинку и прописал ей 100%, а в css задал ширину картинке другого значения. По крайне мере меня так устроило. Валидатор ругается. А если убрать width="100%" картинка отображается с меньшим размером, даже если в css задать width: 200%; Задача сделать картинку на все ширину и высоту контейнера https://jsfiddle.net/fo7wr56t/1/

    Asked by viliksar,

    0 votes
    1 answer

  20. ИЕ не понимает сокращенную запись CSS

    Опера и ФФ воспринимают все нормально, а ИЕ не понимает такую запись: background:#c3c3c3 url(images/content_bg.jpg)repeat left top; Это нормально? Или надо прописывать типа: background-image: background-repeat: background-color: Добавил: переименуйте пожалуйста название темы на: ИЕ не понимает сокращенную запись CSS

    Asked by rus,

    0 votes
    2 answers

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

    Вобщем вот что у мя есть: 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

  22. Оптекание 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

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

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

    Asked by Walter_Stolz,

    0 votes
    2 answers

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

    Доброго времени. Я делаю маленький сайтик, обязательным элементом которого являются флешролики. Почитав немного в интернете, я составил вот такой код: <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

  25. Строчной внутри блочного

    Доброго времени суток. В css: overflow: auto; в body: <div class="***"> <img src="****" /> а а а а а а а а а а а а а а а а а а а а а а </div> дело в том, что мне нужно чтобы при масшабировании появлялась полоса прокрутка у картинки. и что бы картинка была справа. вроде бы как все просто, у img указываем align="right" да, картинка справа, но полоса прокрутки не появляется. а если в <div align="right"> то тогда все что в элементе div становится справа, но зато появляется полоса прокрутки. я пытался просто картинку взять в <div> но это же блочный элемент, и текст становится под картинкой. что делать? что бы полоса появлялась только у фото, и …

    Asked by Gotafak,

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