HTML Coding

29542 questions in this forum

1. xhtml vs html5

   let's choose the winner

   Asked by DarkPrelat, May 13, 2012

   0 votes
   23 answers
2. svg IE неверные width height

   Подскажите, как можно победить svg иконки, на сайте http://delovsite.ru/ в IE. Слева, стоят ссылки-иконки на группы. Стоят там svg. Если сразу не будет видно, то можно чуть уменьшить окно IE. Проблема вроде как известная, https://gist.github.com/larrybotha/7881691, но победить не получилось. Может есть еще какие то варианты? Кроме как заменить на png) Причем первая иконка вроде как отображается нормально:

   Asked by npofopr, October 10, 2014

   • svg
   • ie
   • scaling
   0 votes
   5 answers
3. background на половину экрана

   Добрый день. Нужно сделать вот такой background Меня интересует как сделать точки в блоке, в который вложена фигура? Т.е. блок в верху примерно 10%, а внизу 60%. И сами точки, их лучше изображением вставить?

   Asked by jdk, April 10, 2015

   0 votes
   3 answers
4. Эффект перехода по слайдам

   Доброго дня форумчане, ситуация такая- Есть сайт http://codex-themes.com/scalia/one-page/ где красиво реализована система смены слайдов. Как можно заметить, происход переход следующим образом : Элементы в слайде начинают анимацию свёртки -> происходит смена слайда -> происходит анимация развертки элементов нового слайда. Подскажите есть ли какие-нить уроки/статьи как такое сделать, и можете порекомендовать слайдер, где такое можно сделать через опции, ну хотя бы задержку перед переход на следующий слайд. Писать свой велосипед не хотелось бы, но видимо придется, если вы мне не поможете советом. Спасибо.

   Asked by Pikavit, March 28, 2017

   • анимация
   • слайдер
   • слайд
   • javascript
   • css
   0 votes
   2 answers
5. Написание кода главной стр. и подстраниц сайта

   Добрый день. Заранее простите за мой "ломаный html" Вопрос заключается вот в чем: Необходимо создать сайт. Почитала статьи на htmlbook. Из прочитанного поняла, что нужно сделать css файл (оформление сайта) и html файл (главная страница, где уже разметка структуры сайта). Не думаю что каждая стр. сайта должна содержать весь этот огромный код разметки сайта. Вдруг мне телефон нужно будет поменять в подвале сайта, не менять же его на всех 20 страницах? По-моему нужен один загрузочный файл (структура, разметка) и css (оформление) - т.е. если нужно поменять номер телефона на сайте и его цвет, то это делается 1 раз и уже по-новому отображается на всех страницах сайта. А с…

   Asked by To4ilka, January 26, 2010

   0 votes
   9 answers
6. Стереть значение атрибута в CSS

   Есть HTML-код, который генерируется сервером, и я не могу на него влиять. Могу оперировать лишь с помощью CSS в отдельном файле. В коде есть таблица: <table id="ReportViewerControl" style="display:inline-block;height:100%;width:100%;"> <tr> <td>Control panel elements</td> </tr> <tr> <td style="width:100%;height:100%;"> Content </td> </tr> </table> Проблема в том, что при display:inline-block; таблица в Опере разворачивается на всю ширину окна, как и требуется, а TD - нет. Когда удаляю display, всё встаёт на свои места, но как провести это "удаление" в пользовательском CSS?

   Asked by Webr, April 16, 2010

   0 votes
   6 answers
7. Ccs оформление. в iframe

   Суть такая на форуме вставил вот так. <iframe class="donatwow" src="http://billing.besthost.by/wow/easypay.php"></iframe> Как к нему привязать оформление. А то я создаю ccs для donatwow и как бы ничего не происходит. Как я понял надо изменить оформление в http://billing.besthost.by/wow/easypay.php, так что бы у меня оно отображалось красиво. То есть изменить размер колонок, шрифт, цвет и так далее. Что предложите.. Вставляю в боковую панель ipb 3.2.2, там разрешен: Включить RAW HTML / JS режиме Если enbled, NO разбора произойдет. Хорошо, если вы хотите показать HTML / JavaScript только, например, поместить его виджет или баннер. Используйте таблицу / Граница …

   Asked by angelShlesser, October 26, 2011

   0 votes
   0 answers
8. Перемещение блоков вложенных один в другой.

   Всем привет. Нужно немного опустить блок с текстом по отношению к другому блоку с изображением, но почемуто блок опускается вместе с картинкой.Помогите решить проблему. На скрине показано какой блок нужно опустить. Немогу понять в чем беда. html <!DOCTYPE html> <html> <head> <meta crarset="utf-8"> <title>ruslanlizogub</title> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/960_24_col.css"> </head> <body> <div class="cv-section container_24"> <div class="person"> <img src="img/avatar.jpg" width="122" height="165" alt="ruslan lizogub"> <div class="fio"> <…

   Asked by ruslanlizogub, May 26, 2013

   • html
   • css
   • web
   0 votes
   6 answers
9. не понимаю как привязать блок к соседнему блоку

   Уважаемые форумчане! помогите начинающему верстальщику разобраться в следующей ситуации... ... мне нужно привязать лейбл "реклама" к правому верхнему углу соседнего div-а, тут я справился используя позиционирование, но как удержать этот лейбл в углу, при условии что размеры данного div-а будут меняться и родительский div тоже может меняться. Сюда выложил пример http://jsfiddle.net/s9xd66r1/1/ Помогите, плз, не пойму куда копать.

   Asked by fes777, October 9, 2015

   • position
   • absolute
   • relative
   • div
   • span
   0 votes
   10 answers
10. как использовать smarty в различных физических папках сайта

    Такой вопрос. Ведь сайт состоит из различных включаемых блоков(новости и пр.) и разделов эти части расположены в различных папках на диске. Для того что бы не запутаться в шаблонах мне бы хотелось, чтобы шаблон отдельного блока хранился непосредственно в той папке в которой находиться сам блок или раздел. Что в этом случае делать для каждого блока создавать extends Smarty класс и прописывать новые пути или это можно проще а лучше грамотнее сделать(из практики)? Спасибо.

    Asked by roll, January 28, 2009

    0 votes
    1 answer
11. Верстка и Safari

    Всем добрый день! Столкнулся со следующей проблемой... Разрабатываю сайт http://admship.ru. В основе - Wordpress. Шаблон, по сути, написан с нуля. Во всех браузерах сайт отображается прекрасно - никаких нареканий нет. Но когда дело доходит до Apple'овских продуктов, то получаем следующее: весь сайт съезжает влево и часть его канет в лету. Что самое неприятное, на мобильных устройствах Android с установленной Оперой то же самое - за границы экрана улетает левый край. В каком месте может быть хитрость?

    Asked by OVenGo, July 17, 2012

    0 votes
    6 answers
12. Валидация. Мозг вскипел....

    Здравствуйте. Validator.w3.org выдает ошибки по моему шаблону которые я исправить не могу так как не могу понять что не так... Буду благодарен за разъяснения. 1. required attribute "type" not specified <script>(function(){if(window===window.parent){… 2. document type does not allow element "input" here; missing one of "ins", "del", "h1", "h2", "h3", "h4", "h5", "h6", "p", "div", "address", "fieldset" start-tag <input type="text" name="s"> 3. start tag was here <input type="text" name="s"> 4. end tag for "input" omitted, but OMITTAG NO was specified <input type="submit" value="Искать" > 5. required attribute "alt" not specified …" height="49" src…

    Asked by PREDATORik, August 10, 2012

    0 votes
    18 answers
13. Как сверстать такую штуку

    Имеется вот такой элемент управления: 1. Картинка над полукругом можем изменяться 2. Заполнение черным цветом происходит: * по окружности (внешний элемент) * сверху вниз (внутренний) Вопрос: Как сделать плавное изменение цвета по окружности (скажем, за 3 секунды)? Буду рад любым советам, способам и т.д. Хоть скриптами, хоть CSS, хоть как... Спсибо.

    Asked by DjTarik, October 31, 2012

    0 votes
    11 answers
14. Растягивание блока

    Требуется растянуть блок notes на всю высоту блока blog Перепробовал всё что смог, но проблему так решить и не удалось ( <html> <head> <style type="text/css"> div.container { width:1000px; margin:0 auto; } div.block_content { background:#030; } div.blog { width:968px; margin:0 15px; overflow:hidden; background-color:#0C9; } div.notes { width:740px; float:left; background-color:#6CF; } div.post { background-color:#FC9; } div.sidebar { width:211px; float:right; background-color:#99C; } </style> </head> <body> <div class="container"> <div class="block_content"> <div class="blog"> <div class="note…

    Asked by DRiVER, June 10, 2009

    0 votes
    2 answers
15. Чем заменить iframe?

    Посмотреть В выезжающем блоке находится фрейм. Прогружается почему то на середине страницы смещая остальные div'ы. Теги проверял. Все в порядке. Что можно сделать чтобы панель грузилась за видимой границей экрана? Замена на object ничего не решила. С помощью jquery тоже все глухо. Я так понимаю что решается аяксом. Но что то нужной инфы не накопал. Блок: <script> $(function(){ $('.slide-out-div').tabSlideOut({ tabHandle: '.handle', pathToTabImage: 'images/contact.gif', imageHeight: '122px', imageWidth: '40px', tabLocation: 'left', speed: …

    Asked by salat, November 21, 2012

    0 votes
    1 answer
16. Проблема с масштабами

    В общем, учусь верстать. Итак, проблема вот в чем, я сделал шапку для сайта, но при увеличении страницы(ctrl+scroll мышки), шапка съезжает, она уже не по центру страницы, а по абзацам. Я смотрел на другие сайты и у них шапка остается на месте, как и в общем все, а у меня шапка съезжает, уже не в строчку остается. Плохо объясняю я. В общем, этот код введите, и увеличьте страницу и думаю поймете в чем моя проблема. P.S. чем отличается id от class и как лучше верстать страницы, таблицами или слоями. <!DOCTYPE HTML><html><head><meta charset="utf-8"><title>Заголовок</title><link rel="stylesheet" type="text/css" href="2.css"></head&g…

    Asked by RuslanHeYca4ev, July 31, 2014

    • Помогите
    • Верстка
    • Проб
    • праб
    • problem
    0 votes
    6 answers
17. Альтернатива png иконкам

    Всем привет, такой вопрос: я хочу реализовать иконки с прозрачностью(полупрозрачности нет). Но я заметил что при использовании GIF края получаются неровными да и вообще качество ухудшается. С PNG все нормально, но как-то не охото) -js фильтры + весит многовато. Если gif сохранить 1000px X 1000px то проблемы с качеством и краями исчезает), причем весит меньше чем png. Соответственно, вопрос есть ли еще какая-нибудь альтернатива PNG(может какие-нибудь доп. опции в photoshop). Насколько адекватно решение с 1000x1000 px GIF? СПАСИБО!

    Asked by Beloff, February 9, 2016

    0 votes
    6 answers
18. Загрузка файлов с одинаковыми именами

    Подскажите, пожалуйста, что и в каком месте дописать, чтобы при загрузке на сервер нескольких файлов с одинаковым именем( например: text.txt и text.txt) сервер автоматически дописывал знаки для различия( text1.txt и text2.txt ) <html> <head> <title>Загрузка файлов на сервер</title> </head> <body> <form action="upload.php" method="post" enctype="multipart/form-data"> <input type="file" name="filename"><br> <input type="submit" value="Загрузить"><br> </form> </body> </html> Спасибо!

    Asked by nowwwichok, February 22, 2017

    0 votes
    4 answers
19. Реально ли сделать такую форму?

    Дизайнер нарисовал, реально ли воплатить? Не так давно занимаюсь вэб прогом, моих знаний не хватает) На чистом ксс вряд ли возможно, может ещё что-то? Разъясните, пожалуйста

    Asked by Rootical, January 9, 2009

    0 votes
    11 answers
20. Проблема при печати страницы

    Привет. Есть такая страница, на вёрстку забейте... это не главное. Здесь скриншот с багом. Там где строка: Платеж по договору № ESB-1 (Пупкин Василий Геннадич), счет № 1, это ячейка, которой я добавил: background-image:url(http://info.irr.ru/files/tochka.gif);, чтобы каждая следующая строка, подчеркивалась черной линией (ну, вот так сделал)... так вот эта черная линия не печатается при печати, браузер как-будто отсеивает всё, что background.

    Asked by BassEast, September 18, 2009

    0 votes
    3 answers
21. нужна помощь в css

    почему эта менюшка в браузерах по разному смотрится?? #menu_it { font-size: 0.95em; height:2.8em; color: #000; width: 568px; float:right; } #menu_it a { display:block; float:left; color: #003388; background-color: #fff; text-align:center; padding: 8px 18px; margin-right: 2px; } #menu_it a:hover { color: #FFA500; background-color: #f5f5f5; } /* Header */ #header { width: 1024px; height: 335px; margin: 0 auto; background: #FFA500 url(images/header2.jpg) no-repeat left top; } т.е. в IE видиться сверху header? а в Mozilla, Ghrome, Opera - внизу header/

    Asked by ask1503, September 21, 2009

    0 votes
    7 answers
22. Якорь без прыжка

    Есть меню сверстанное на CSS3, которое открывает подменю используя якоря. Т.е. пока в адресной строке присутствует якорь #id_открытого_подменю блок с таким id отображается. Но когда страница расширилась вниз, появилась полоса прокрутки, и теперь если кликать по этому меню, браузер прыгает до этого якоря. Как сделать так, чтобы меню продолжило работать, но браузер перестал прыгать по якорям: http://wiic.ru/wn6/ - меню Выбор квартиры

    Asked by zlodeev, May 7, 2013

    • html
    • якорь
    0 votes
    3 answers
23. Background на весь экран браузера

    Помогите пожалуйста сверстать такой фон для сайта. Нужно чтобы он занимал все окно браузера. Фон такой Что посоветуете?

    Asked by sssppp6, July 22, 2013

    • Background
    0 votes
    2 answers
24. Свойство css

    Привет Знатокам ! Подскажите мне пожалуйста - какое свойство в css отвечает за перенос слова целиком если оно не поместилось в блок ? word-wrap , word-spacing -не работали вообще

    Asked by atlanta, January 15, 2015

    • css
    0 votes
    12 answers
25. text-shadow и кроссбраузерность - wtf, товарищи о_о

    всем привет. у меня появилась проблема того, что тень текста дико коверкается в сафари и в браузере телефона. неужели этого никак не избежать!? может, есть какие-нибудь решения, ведь наверно же с этим сталкивались многие другие? вот пример, здесь все минимизировано: скришот в разных браузерах: код: <!DOCTYPE html><html><head><meta charset="utf-8"> <title>font</title><style> body{background: #e5e08b;} p{ font-family: arial; color: #ffe; font-weight:bold; text-shadow: 0 0 .1ex #ba0, 0 0 .1ex #870, 0 0 .1ex #870, 0 .7ex .1ex #fff, 2ex 0 .5ex #ffd, -2ex 0 .5ex #ffd; }</style></head><body&gt…

    Asked by forest_moss, April 6, 2015

    • text-shadow
    • safari
    • кроссбраузерность
    0 votes
    12 answers