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. Обтекание картинки списком

    поиском по форуму не нашел темы. поиском по интернету понял, что проблема актуальна есть <img style="float:left"> <ul> <li></li> </ul> значки списка в IE6 и Opere скрываются под картинкой ситуацию в ИЕ спасает: LI {display: inline-block} но при этом в Опере пункты выстравиваются в линию... какие варианты решения проблемы? мой CSS: UL {list-style:none;margin:0;padding-left:15px;} UL LI {background:url('images/li.gif') no-repeat left top; font-size:8pt; padding-left:20px; margin-top:5px;display: inline-block} OL LI {margin-top:5px}

    Asked by $SMax$,

    0 votes
    17 answers

  2. html5 video autoplay

    Добрый день Вы меня можете помнить по теме видеонаблюдение ... (© Симсоны) Не могу победить маленькую для профи, но неразрешимую для ламеров, то есть для меня проблемку: нужно добиться автопроигрывания видеопотока с сервера видеонаблюдения, в коде ниже поток запустится только после правого клика на картинке "contlol" и выборе пункта "открыть видео", а надо чтобы сразу автоматически пошло отображение видеопотока. Код: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Видеонаблюдение в HTML5</title> </head> <body onload="java script:vide…

    Asked by vfp7,

    0 votes
    11 answers

  3. <!--[if !IE]> - не работает

    Зачем это нужно: <!--[if !IE]> <![endif]--> - для всех кроме IE Если это не работает. Добавил туда файл стилей и опера пропускает его мимо ушей. На других браузерах не проверял ибо какой смысл если уже не кроссбраузерно. Да IE тоже не читает это, но и опере пофиг на эту запись

    Asked by SoFuWa,

    0 votes
    13 answers

  4. Автоматическая смена картинок

    Помогите новичку, обыскал весь форум но такого не нашел, есть на джаве, но мне нужно на CSS задача по смене картинок, что нужно добавить в код: div.art-Header-png { position: absolute; z-index:-1; top: 0; left: 0; width: 980px; height: 209px; background-image: url('../images/Header1.png'); background-repeat: no-repeat; background-position: left top; } чтобы Header1.png сменялся на Header2.png (3,4,...) по таймеру или по случайному числу Заранее спасибо!

    Asked by pivovodka,

    0 votes
    6 answers

  5. Сайт без вертикальной прокрутки, адаптивный, футер прижат книзу

    Очень нужна помощь опытных верстальщиков. Визуально ТЗ на картинке. Требования следующие: 1) футер прижат книзу 2) фоновый слайдер-карусель (выглядит именно так, по бокам предыдущая и следующая фотографии чуть затемненные) 3) полностью адаптивный, другими словами не должно быть ни горизонтальной, ни вертикальной прокрутки при любых разрешениях экрана 4) контент расположен в блоке поверх карусели 5) все это должно работать на CMS Joomla Я уже чего только не пробовал. Универсального решения не нашел. Фиксишь футер, остается пространство между каруселью и футером. Подгонять по высоте и прописывать стили для всех типов разрешений... Вряд ли оптимальный спос…

    Asked by sejunctus,

    0 votes
    20 answers

  6. smarty и php5

    хочу узнать работает ли smarty с php5?

    Asked by sc@r@bey,

    0 votes
    12 answers

  7. Стандартный размер готового сайта

    Всем привет! Воспользовался поиском по интересующему меня вопросу и ничего не нашел (возможно плохо искал). Поэтому спрашиваю: подскажите пожалуйста какой должен быть оптимальный размер сайта для комфортного (или терпимого) его просмотра через внешку? Конечно не для оптоволоконной связи, а для модемной - ориентировочно на технологии ADSL, ADSL2. Тут даже скорей речь о суммарном весе всех картинок, т.к. остальное мало весит. Сайт статичный, php модули наверно не берутся в расчет (типо гостевой книги)? Так же интересует размер сайта для хорошего просмотра на скоростях от 128Кбит/сек и до 15Кбит/сек.

    Asked by noran,

    0 votes
    21 answers

  8. pug и sass: как сдают верстку и заливают на сервер?

    1. Как принято сдавать верстку, если пользуешься, например, pug и sass? До их появления я предоставляла html, css и т.п. Сейчас осваиваю инструменты, но из-за компиляции непонятно, какие файлы теперь отправляют клиенту? 2. В каком виде готовую верстку закачивают на сервер? Например, сайт без CMS: просто готовые html+css+js? Но тогда их менее удобно править при необходимости. Или на сервер как-то компилятор ставят? А если натягивать на CMS, то тогда как быть? Чувствую, для большинства участников форума это очевидные вещи. Подскажите, как хотя бы называется эта тема, чтобы погуглить. Всё, что находила сама — не по теме.

    Asked by Svetlana_P,

    0 votes
    20 answers

  9. Как повернуть HTML таблицу целиком на 90 град.?

    Здравствуйте. У меня есть html таблица заполненная всякой информацией. Отформатирована достаточно сложно (имеется множество rowspan и colspan). Эта таблица должна быть выведена на печать в альбомном ориентации. По умолчанию у пользователя настроена книжная ориентация. В общем, чтобы пользователь не ставил каждый раз для печати этой таблицы альбомную ориентацию, хочу развернуть её целиком на 90 градусов и отправлять на печать в книжной ориентации. Сразу замечу, что переформировывать таблицу, меняя строки на столбцы в поворачивать в каждой ячейке текст, в этом варианте ОЧЕНЬ невыгодно. Необходимо повернуть весь объект-таблицу целиком. Подскажите пожалуйста как это можно с…

    Asked by posdnyaa,

    0 votes
    6 answers

  10. Выровнять иконки и текст

    Привет! Делаю локальную стартовую страничку. Подскажите пожалуйста как выровнять иконки и текст, чтобы они были на одном уровне. Пример для наглядности: <style type=text/css media=all> * {padding:0; margin:0;} img {border: 0;} table {border-collapse: collapse; border: none;} table th, table td {font-weight: normal;} a:focus {outline: none;} a, a:hover {text-decoration: none; font: 12px arial; color: #464646;} a:hover {text-decoration: underline;} ul li {list-style: none; margin: 0 0 5px 0;} ol li {list-style: decimal inside;} html {height: 100%;} body {height: auto !important; font: 12px arial; color: #000; line-height: 18px; } #wrap {min-width: 985px; margin:…

    Asked by iahromenko,

    0 votes
    4 answers

  11. Тэг img и a href в Firefox

    Проблемка у меня небольшая... требуется поместить картинку на страничку, которая находится в локальной сети (сайт вообще локальный), т.е. примерно так: <img src='file:///\\pcxxx\d$\pub\3.jpg'> или как вариант сделать ссылку на фрейм <a href='file:///\\pcxxx\d$\pub\3.jpg' target='rightFrame'> ТЕСТ </a> где pcxxx - имя компьютера в локальной сети. Но получается какой-то фикус, в IE6 это работает без проблем, а в Firefox 3.0.1 нет, картинка не отображается, а ссылка на фрейм не работает. Хотя если в адресную строку Firefox'а ввести file:///\\pcxxx\d$\pub\3.jpg и нажать Enter, то картинка грузится! Хелп ми плиз

    Asked by xxx84xxx,

    0 votes
    31 answers

  12. Тень от слоя с обеих сторон.

    Здравствуйте. Может кто-нибудь подскажет, как сделать так, чтобы от див блока фиксированной ширины, который расположен по центру, тень падала в обе стороны? В одну то сторону она без проблем "роняется" с помощью -webkit-box-shadow: black 3px 3px 4px; вот такой строчки в CSS свойствах слоя. Но это получается только с правой стороны, а мне нужна тень ещё и слева. Как тут: kinopisk.ru, http://robertnyman.com/

    Asked by Dezmont,

    0 votes
    12 answers

  13. XHTML и 100%-ная высота таблиц.

    Дублирую тему с раздела Таблицы, вдруг здесь помощи найду... Собственно, я полагаю вопрос многим знаком, но я таки обьясню... Существует эта страничка, которая в HTML тянется в высоту за счет средней ячейки (ряда). Однако, на станице я применяю меню, которое требует XHTML. И тут начинаются проблемы. Ячейка НЕ ТЯНЕТСЯ в XHTML!!!!!! И никак я не могу этому помочь! ((( По крайней мере пока что... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title> XXXXXXXXXX </title> <meta http-equiv="Content-Type" content="te…

    Asked by maleficmax,

    0 votes
    12 answers

  14. CSS3

    предлагаю делиться тут соображениями по поводу css3 - как я понял уже пора начинать применять, ибо появление его неизбежно, а 6го осла никто не переделает и нужно будет как то учиться дружить

    Asked by Guest Гость_vatokato_*,

    0 votes
    29 answers

  15. Сколько нужно файлов CSS

    Подскажите пожалуйста, если верстается многостраничный сайт, то для каждой страницы CSS создавать отдельно?

    Asked by Yarkaya,

    0 votes
    6 answers

  16. Растянуть изображение по вертикали

    Есть изображение (не фоновое) которое нужно растянуть по вертикали на n-число раз. Наглядно выглядит так: На примере 1 красное - фон страницы, белое - то изображение которое нужно растянуть (в оригинальном не растянутом виде) На примере 2 то что нужно получить. Нужно чтобы изображение растягивалось пропорционально количеству текста в нем. Таблицами пока не хочу пробовать, может кто подскажет другой способ. Если стандартными методами html и css нельзя добиться пропорциональной растяжки изображения к тексту подскажите просто как растянуть изображение по вертикали n-ое кол-во раз

    Asked by gadjet,

    0 votes
    4 answers

  17. как вставить картинку в Div и чтоб ничего не разехалось

    как вставить картинку в Div правильно и чтоб ничего не разехалось? на что нужно обратить внимание? какие атрибуты особенно важны? <html> <head> <title> Сайт </title> <style> BODY { min-width: 100%; } #wrap { background-color: #9999cc; width: 100%; margin: 0} #header { background-color: #9c9; width: 100%; height:50 px;} #main { background-image: url(01.JPG); width: 19%; height:500 px; float: left; } #nav { background-image: url(02.JPG); width: 60%; height:500 px; float: left; padding: 1%; } #sitebar { background-image: url(03.JPG); width: 20% ; height:500 px; float: left; } #footer{ background-color: #9c9; width: 100%; } </style> <…

    Asked by yummi,

    0 votes
    2 answers

  18. Адаптивная верстка: использование принципов Bootstrap, но без него

    Задача сверстать адаптивный сайт. Практического опыта верстки адаптивного дизайна у меня нет. Поэтому хотелось с вашей помощью разобраться и определиться, каким путем идти. Решила использовать принципы Bootstrap. Возникли принципиальные вопросы. .row {margin: 0 -15px;;} .container {padding: 0 15px;margin: 0 auto;}Объясните, пожалуйста, зачем сначала добавлять паддинги, а потом помещать содержимое в .row, у которой нивелируются эти отступы. Каково назначение .row вообще?

    Asked by Светлана Г.,

    0 votes
    46 answers

  19. Прозрачный PNG в background

    Есть проблема - ссылки имеют фон с прозрачным PNG, и в 6м эксплорере не удается заставить его быть прозрачным. для всех остальных картинок PNG, в том числе и для изображений PNG, положеных как фон, срабатывает, а для ссылки - нет Ссылка в коде выглядит так: <a class="png mnu m01" id="act" href="/company/">компания</a> Обработчик в коде, обрабатывающий ПНГ (взято у Лебедева): <!--[if lt IE 7]> <style> .png{ filter: expression(fixPNG(this)); } </style> <script type="text/javascript" src="/ie6-fix.js"></script> <![endif]--> Содержимое файла ie6-fix.js: try{ document.execCommand("BackgroundImageCach…

    Asked by d0ublezer0,

    0 votes
    5 answers

  20. Как грамотно расположить объекты напротив друг друга

    Здравствуйте. Я хочу в шапку сайта расположить объекты таким образом: (левый край экрана)Текст-ссылка1 и логотип1 пустота логотип2 текст-ссылка2 (правый край экрана) Подскажите пожалуйста оптимальный метод, как это можно было бы сделать, используя css и html. Спасибо.

    Asked by 2red,

    0 votes
    5 answers

  21. Как правильно  верстать многостраничные сайты?

    Объясните как правильно жить верстать многостраничные сайты? Я покажу вам на примере того как это делаю я. Это наверное глупый\неправильный метод, просто я не знаю как нужно\можно делать это проще. Вот допустим у меня есть маленький сайт на котором есть 3 пункта меню. То есть в редакторе я создаю скелет сайта, внутри body я помещаю эти самые кнопки, подключаю их к форме, затем создаю Огромный блок где будет располагаться Весь контент. Но внутри этого блока я не помещаю контент, а помещаю PHP переменную, в которой и хранится весь этот контент вместе со всеми остальными блоками и стилями. То есть таким образом стараюсь разбить HTML код на функции PHP. …

    Asked by Denzell97,

    0 votes
    2 answers

  22. Как сделать навигационное меню?

    Необходимо что бы справа на страничке всегда было навигационное меню. Т.е. чтобы при прокрутке страницы оно не выходило за переделы экрана. Знаю про фреймы, но мне интересно есть ли другой способ? Например видел сайты где меню двигается за экраном при прокрутке страницы. Как это можно сделать? Как "обычно делают"?

    Asked by RIVA,

    0 votes
    16 answers

  23. Помогите проблемку решить

    Сайт http://artvasiliev.com неправильно отображается в FireFox в Internet Explorer'e все нормально работает. Причем что странно когда файл в Firefox загружаю с компа проблем не возникает все нормально отображается как и в Internet Explorer'e , а вот когда с хостинга начинаются всякие проблемы. <!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>Художник Васильев Виктор Официальный сайт</title> </head> <body style="background-color:…

    Asked by nicotin,

    0 votes
    40 answers

  24. Всплывающий/выпадающий слой без JS

    Реально ли сделать такой слой использую только CSS свойства? Для уточнения: чтобы при клике на ссылку, под ней (или рядом) открылось "окошко" -слой, но не сдвигая вниз уже ранее выведенные элементы, как это происходит при использовании свойств display:none display block или visibilety. Просмотрев много топиков по сходным вопросам, видел только решения с явскими скриптами.

    Asked by Sserg-135,

    0 votes
    10 answers

  25. Bootstrap Carousel

    Добрый день! Прошу прощения есть обратился не в ту ветку. Нужно сделать адаптивный слайдер с помощью bootstrap 3. До этого мне еще не приходилось сталкиваться с bootstrap. Покурив немного литературку мне удалось сделать самый простой слайдер, <div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> <li data-target="#myCarousel" data-slide-to="3"></li> …

    Asked by alex.kv,

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