HTML Coding

29542 questions in this forum

1. Увеличить картинку красиво

   Делаю сайтик хтмл. Так вот появилась проблема. Есть простая галерея картинок - маленкие иконки/шаблоны картинок больших, которые тоже есть и появляются при клике на миниатюрку, конечно же появляются в большом виде, как и надо. только вот открываются в окне браузера не так, как бы хотелось. Открываются с полосой прокрутки, по снизу и справа белый фон, а сверху "табы" браузера. короче как сделать так, что бы картинка открывалась в увеличенном виде, но красиво, без лишнего, только картинка и сверху адрес этой картинки.. я тут на одном сайте видел такое решение, там был яваскрипт. подскажите..

   Asked by Accessdenied, July 21, 2008

   0 votes
   32 answers
2. Для чего нужен Smarty

   Практически все хоть раз да слышали о разделении кода и содержания, текста и оформления, отделения логики от представления. Смысл в том, чтобы программный код был максимально независим от дизайна сайта. Это позволяет: 1. вести работу над дизайном и программированием одного сайта параллельно; 2. легко вносить изменения, не боясь что-нибудь ?испортить?; 3. быстро делать редизайн всего сайта или отдельных его разделов; 4. добавлять новые программные модули без существенной переделки HTML-кода. Исходно в одном файле PHP уживается код HTML и его программная часть, которые порой так перемешаны, что для разбора и модификации текста приходится тратить массу усилий и времени. Для …

   Asked by Vlad, May 11, 2007

   0 votes
   15 answers
3. Снять галочку по умолчанию с checkbox

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

   Asked by milax, September 29, 2008

   0 votes
   10 answers
4. Дергается браузер в Opera

   Собственно, часто вижу сайты, в которых в Opera дергается экран. А точнее сказать - поднимается на разное расстояние от низа страницы. последнее, что пришло в голову http://intoishn.ru/webdesign Смотреть в Опере. Сайт не мой, но таких много. Кто-нить сталкивался с таким? Отчего так происходит? Самое интересное то, что на одной странице прыгает, а на другой (с точно такой же структурой по вёрстке) - нет. Сверстал очередной проект - та же проблема. Не могу найти закономерность. Спасибо.

   Asked by DjTarik, August 11, 2010

   0 votes
   33 answers
5. Размер svg

   День добрый. Есть svg-иконка 32х32, и вставлена она таким кодом: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="32" style="position: absolute;" > <path fill="#D1D1D1" stroke="none" d="M15.583,15.917l1.648-10.779C16.692,5.056,16.145,5,15.583,5C9.554,5,4.666,9.888,4.666,15.917c0,6.029,4 .888,10.917,10.917,10.917S26.5,21.946,26.5,15.917c0-0.256-0.021-0.507-0.038-0.759L15.583,15.917zM19.437,3.127l-1.648,10.779l10.879-0.759C28.313,8.026,24.436,3.886,19.437,3.127z"> </path> <rect x="0" y="0" width="32" height="32" r="0" rx="0" ry="0" fill="#000000" stroke="#000" style="opacity: 0; " opacity="0"> </rect> </svg> Как и…

   Asked by fir1st, December 22, 2010

   0 votes
   3 answers
6. 2 inline-block - один слева, другой справа.

   Представим блок, внутри которого находятся 2 блока со стилем Inline-block (это им подходит по смыслу). Как мне разместить один блок у левого края, другой у края справа? Если я ставлю правому блоку до кучи стиль float: right, то мое оформление как Inline-block (то есть я не задаю ширину, а только паддинги и блок сам растягивается по соедржимому) почему-то сохраняется, кстати да - ведь так и должно быть? плавающие блоки не растянуты на всю ширину, а автоматом подстраиваются под содержимое... Не хотелось бы выводить элемент из потока, хм... Но видимо другого способа нет? УПД. Проблема еще в том, что эти блоки выравнены вертикально по центру.

   Asked by Zverushka, October 6, 2013

   0 votes
   11 answers
7. Слайдер Slick

   Мне нужно помощь по установке данного слайдера: http://kenwheeler.github.io/slick/ Я сделал всё как в инструкции по установке, но он всё-равно не работает. Можете показать код со всеми картинками в слайдере, чтоб я мог распознать свою ошибку?

   Asked by ErUnDAK, February 26, 2017

   • слайдер
   • css
   • html
   0 votes
   9 answers
8. Как прижать дочерний блок к низу родительского ?

   Подскажите, как прижать дочерний блок к низу родительского. Разметка такая: <div class="wrapper"> <div class="content"> Здесь некий контент </div> <div class="bottom"> Здесь тоже какой-то контент </div> </div> Вот этот вот блок bottom мне и нужно прижать к низу блока wrapper, и чтобы он был снизу независимо от количества текста в блоке content. Подскажите, пожалуйста.

   Asked by dimacat, November 28, 2010

   0 votes
   4 answers
9. Как можно ссылку выровнять по правому краю?

   Не знаю даже прям почему но никак не выходит выровнять по правому краю ссылку <a href=\"#comment\" class=\"reaply\" id=\"".$row['comment_id']."\">Ответить</a> Пробовал text-align: right; не помогает. ————- Уже разобрался путем подстановки в <div></div>

   Asked by Saturn, October 10, 2011

   0 votes
   4 answers
10. Какой шаблонизатор самый лучший?

    Добрый день. Скажите пожалуйста, какой шаблонизатор является самым лучшим и в то же время простым?

    Asked by vvsh, January 15, 2009

    0 votes
    26 answers
11. Div внутри table

    Есть таблица, внутри которой находятся два div'a, один внутри другого, не понятно как так получается, но если поставить отступы, то все съезжает вправо... http://aionzone.ru/themes/aionzone/test.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Test Page</title> <style type="text/css"> body{ margin: 0; padding: 10px; } div.shape{ padding: 10px; border: 1px dotted blue; width: 100%; height: 100%; } table{ border: 1px solid red; margin: 0; padding: 10px; } </style> </head> <body> <table cellspacing="0" cellpadding="0"> …

    Asked by Kenshi45, March 2, 2009

    0 votes
    5 answers
12. Автоматическая смена картинок

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

    Asked by Mad(x_x)boy, October 16, 2010

    0 votes
    25 answers
13. ограничение количества символов в тексте

    Подскажите, как можно грамотно расположить текст различной длинны в блоках одинакового размера? Если использовать overflow hidden то часто символы разрезаются пополам.

    Asked by maxs, October 9, 2010

    0 votes
    5 answers
14. Как изменить стрелки в форме <input type="number">

    Подскажите, пожалуйста, как сделать так, чтобы стрелки в теге <input type="number"> были другие, но при этом также работали? по умолчанию они выводятся стандартные

    Asked by Lady_V, March 20, 2015

    0 votes
    6 answers
15. Как сделать горизонтальное меню из картинок

    Задача вроде несложная - нужно сделать горизонтальное меню, в котором в качестве ссылок будут изображения. Но, почему то эти картинки-ссылки или вообще не отображаются или отображаются как картинки, а не как ссылки. Вот HTML код: <div id="page-menu"> <ul id="menu"> <li><a class="home" href="" title="Главная"></a></li> <li><a class="about" href="" title="О сайте"></a></li> <li><a class="map" href="" title="Карта сайта"></a></li> <li><a class="contact" href="" title="Контакты"></a></li> </ul> </div> Это CSS: #page-menu { float: …

    Asked by Mila, August 2, 2010

    0 votes
    27 answers
16. Проблема с простой формой

    http://forum.htmlbook.ru/index.php?showtopic=14379 Взял макет из этой темы... не могу "прикрутить" сбоку лупу http://albert-verstka.narod.ru/Froma-2/Tabl.html

    Asked by альберt, August 18, 2009

    0 votes
    1 answer
17. Стиль активной кнопки. Проблемы с заменой канртинки

    Здравствуйте! Возникла небольшая проблема с вёрсткой. Есть html: <div class="best"> <div class="slider"> <img src="img/food.png"> </div> </div> Есть css: .slider:active > img { background-image: url("../img/block.png") } Моя цель, чтобы на картинку, которая из html загружался сферху фон из css (block.png) по клику. Но выходит так, что фон (block.png) загружается за картинкой из html (food.png) и ощущение, что ничего не происходит.

    Asked by Jo_Sky, June 24, 2014

    • картинка
    • кнопка
    • замена
    • вёрстка
    • active
    • background
    0 votes
    8 answers
18. Отображение сайта в разных разрешениях.

    Побегал по форуму, но по сабжу ничего не нашел. Дело в том, что сайт отображается по-разному в различных разрешениях. Вот так выглядит сайт при разрешении 1024х768: А так при разрешении 1280х1024 (при этом разрешении я верстал): Вопрос, наверное, уже все поняли. Как сделать, что бы сайт отображался одинаково хорошо во всех разрешениях?

    Asked by WoopieZ, January 20, 2011

    0 votes
    17 answers
19. как заставить браузер загружать "свежий вариант" страницы?

    Здравствуйте. Прошу помощи: как заставить браузер при посещении загружать каждый раз "свежий вариант" страницы? Слышал, что в META можно прописать (как?), но так же и слышал, что НЕ ВСЕ браузеры эти META понимают... Или это направильное утверждение? Помогите, пожалуйста.

    Asked by beriton, March 13, 2008

    0 votes
    10 answers
20. Как можно разместить по горизонтали несколько картинок ?

    Как можно разместить по горизонтали несколько картинок ?

    Asked by Saturn, October 19, 2011

    0 votes
    11 answers
21. Текст поверх слайдер

    Здравствуйте, у меня стоит такой слайдер на сайте Слайдер. Подскажите как-то реально сделать текст поверх каждой картинки:? Вот слайдер таким образом в HTML выводиться <div class="sp-slideshow"> <input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" /> <label for="button-1" class="button-label-1"></label> <input id="button-2" type="radio" name="radio-set" class="sp-selector-2" /> <label for="button-2" class="button-label-2"></label> <input id="button-3" type="radio" name="radio-set" class="sp-selector-3" /> <label for="button-3" class="button-label-3">&…

    Asked by bobchinskiy, January 10, 2015

    0 votes
    6 answers
22. Прозрачность и IE6

    Помогите пожалуйста с одной траблой: на странице используются полупрозрачные PNG рисунки, которые являются или бэкграундом или img src в ячейках таблицы. Во всех браузерах, кроме IE6 и ниже все отображается нормально, но в IE6 png-файлы отображаются серыми картинками. Как можно это исправить? Немного кода, в котором находятся png-файлы: <td width="10" background="images/01.png" height="10"></td> <td width="780" background="images/02.png" height="10"></td> <td width="10" background="images/03.png" height="10"></td> P.S. метод с .htc файлом не помогает потому, что у меня не общий бэкграунд в виде png-файла, а отдельные элементы в яч…

    Asked by DImaN, April 2, 2008

    0 votes
    40 answers
23. CSS для тегов td и tr

    <table width="100%" > <tr> <td width="15%"> </td> <td width="75%"></td> <td width="10%"> </td> </tr> </table> как придать значение каждому столбцу: <style type="text/css"> tr.abc { td width: "15%"; /* для первого столбца ширина 15% */ td width: "75%";/* для второго столбца ширина 75% */ td width: "10%"; /* для третьего столбца ширина 10% */ } </style> <table width="100%"> <tr class="abc"> <td> </td> <td> </td> <td> </td> </tr> </table>

    Asked by antosha, January 14, 2009

    0 votes
    8 answers
24. Разница между inline и inline-block

    Подскажите новичку. Стоит задача создать горизонтальное меню. Имеются такие строки: ul li { ... display:inline; ... } А чем отличается вышеприведенная строка от следующей: ul li { ... display:inline-block; ... }

    Asked by aaron, July 30, 2012

    0 votes
    7 answers
25. Изменение стиля другого элемента

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

    Asked by Guest CBE4KuH, September 8, 2008

    0 votes
    11 answers