HTML Coding

29542 questions in this forum

1. DIV и вторая строка

   Прошу совета. Два дива float:left. Размер первого определяется длинной слова (или слов в <NOBR>), длинна второго — на все оставшееся пространство. Проблема: во втором диве, как только текст доходит на правого края, нет переноса на вторую строку. Вместо этого сам DIV сваливается под первый. Как быть? <DIV style="float:left"><NOBR>Фраза</NOBR></DIV> <DIV style="float:left">текст</DIV> Если бы ни зависимость ширины второго DIV'a от первого, проблем бы не было: при явном указании ширины, перенос на вторую строку во втором DIV'e есть.

   Asked by Artlive, August 17, 2011

   0 votes
   16 answers
2. Как задать нестандартный фон

   Здравствуйте. Подскажите пожалуйста как лучше задать фон, который выделен на макете стрелочкой. Вырезать часть и размножить, как я понимаю не получиться. При задании фона нужно что бы фон мог подстраиваться по высоте в зависимости от количества контента, что бы хорошо смотрелся если у меня будет например всего один слайдер в один ряд. Ссылка на макет: http://www.pixic.ru/i/L0G0f6N450k813a3.png

   Asked by Andrew_007, December 16, 2014

   • background
   0 votes
   18 answers
3. Шапка в index

   Привет! помогите, а? ... это, вставляю кртинку-как логтип <p align="center"><img src="cnopa/shap1.jpg" width="100%" border="2" style="border-color:#FFFFFF"> </p>... по размерам в фотошопе нормально подогнал, в браузере пиксели лезут! Вопрос почему?

   Asked by Alan_ua, December 28, 2008

   0 votes
   11 answers
4. Как застаить понимать HTML5 все браузеры?

   Интересует корректное отображение даже в древнейшем IE5. Есть ли способ заставить их понимать всё богатство HTML5?

   Asked by 1284metra, March 27, 2011

   0 votes
   22 answers
5. Запутался с Яваскриптом

   Верстаю сайт для смартфонов. Запутался с "обратной связью". часть common.js: $.ajax({ url: 'contact_form/contact_process.php', type: 'POST', data: str }) .done(function(msg){ if(msg === "OK"){ var result = "<div = 'bg-success'>Спасибо за заявку! Мы вам перезвоним!</div>" form.html(result); }else{ form.html(msg); } }) .always(function(){ submitBtn.removeAttr('disabled'); }); Форма работает - письма приходят. Но после нажатия на кнопку, после обр…

   Asked by Pinga, November 18, 2015

   • JavaScript
   • php
   • форма обратной связи
   0 votes
   6 answers
6. Скошенный хедер

   Подскажите пожалуйста, как сделать такой хедер? имеется ввиду нижний скос

   Asked by thesanches, August 22, 2022

   0 votes
   1 answer
7. Фон из Фотошопа

   Привет всем! Объясните, пожалуйста, как, используя стиль к тегу Боди, применить фон, созданный в программе Фотошоп.

   Asked by Kuma, October 7, 2008

   0 votes
   8 answers
8. Что мы видим на странице

   На сайте web.yustos.com нашел перевод статьи про новый прибамбас Гугла - Browser Size, про то, что посетителю видно на странице. Прикольная штука На моем сайте, оказывается, вообще ничего не видно

   Asked by wayfarer, December 18, 2009

   0 votes
   11 answers
9. Сетка

   Здравствуйте, в процессе обучения верстке сделал свою сетку. Но есть одна проблема. Допустим есть макет с сеткой http://bloggingtips.moneyreigninc.netdna-cdn.com/wp-content/uploads/2008/05/website-index.jpg. в header есть логотип и меню, есть 24х колоночная сетка. Между логотипом и меню есть 8 колонок. Вопрос: как сверстать этот пробел? Влепить туда пустой блок 1/8 или сделать margin ?

   Asked by Spark89, June 27, 2015

   • grid
   0 votes
   23 answers
10. Кроссбраузерный @font-face

    @font-face {font-family: Lobster; src: url('fonts/Lobster.eot'); /* IE9 */ src: url('fonts/Lobster.eot?') format('eot'), /* IE6-IE8 */ url('fonts/Lobster.woff') format('woff'), /* Современные браузеры */ url('fonts/Lobster.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Lobster.svg#svgLobster') format('svg'); /* iOS */} h1 {font-family: 'Lobster', serif; font-size: 288px;} В Сафари, Хроме — работает. На Айфоне и Айпаде — нет. Чем дополнить, что исправить? Подскажите. Спасибо.

    Asked by dprzrv, October 31, 2011

    0 votes
    3 answers
11. jQuery .animate css property box-shadow

    Всем привет, у меня такой трабл возник. Задумал сделать анимацию css свойства box-shadow. Задуманно так. Сначала свойство blur должно уменьшаться, потом обратно увеличиваться и так в цикле. Но к сожалению ничего не работает. Вот код http://jsbin.com/ApUbIRE/5/edit Помогите разобраться почему нее работает

    Asked by Mr.Parapampampam, November 12, 2013

    • jQuery
    • .animate()
    • css
    • box-shadow
    0 votes
    1 answer
12. 2 формы 1 в 1, но 1 не работает

    http://www.zierer.ru/buy.php - не работает http://www.activeheat.ru/contacts.php - работает Никак не могу найти причину, почему после отправки форма на сайте zierer.ru возвращает страницу сайта, а не сообщение об успешной доставке. Форма на AJAX + JS + PHP + CSS... Думаю причину искать надо где-то в конфликте HTML,... но никак не найду... Помогите, пожалуйста.

    Asked by allmoney.ws, August 17, 2007

    0 votes
    2 answers
13. Равномерное распределение картинок по длине блока

    Добрый вечер! Для того чтобы картинки в блоке шли друг за другом горизонтально нужно применить display: inline. Как сделать так, чтобы находящиеся в блоке картинки равномерно распределялись по его ширине? Подгонять вручную отступами или есть что-то готовое? Например. Полосатый блок, в котором фотографии.

    Asked by Red Planet, January 4, 2011

    0 votes
    4 answers
14. Несколько js на одной html странице

    Привет. Подскажите, пожалуйста в чем может быть проблема и, если это возможно, как ее решить. Суть в следующем. Есть одна html страница, на которой реализовано две вкладки. На каждой вкладке отдельном окне, обрамленном с помощью css размещена svg картинка для которой необходимо выполнять JS код. В HTML пытался реализовать подобным образом: <body> <div class="menu1"> <br id="notCns"/> <a href="#cns">cns</a><a href="#notCns">notCns</a> <div> <object id="cnsId" type="image/svg+xml" width="1024" height="768" data="cns.svg"></object> <<script type="text/jav…

    Asked by ioprst, March 5, 2018

    • html
    • js
    • svg
    0 votes
    9 answers
15. один каталог image несколько сайтов

    На одном хостинге есть несколько сайтов, хочется сделать для них общую папку с картинками. Вопрос как ? Как правильно прописать путь к такому каталогу, как правильно его создать? Указание ../ а так же ../../ и подобные вариации ничем не помогли

    Asked by revresbo, October 23, 2008

    0 votes
    23 answers
16. Цикл в цикле и цикл в цикле

    Добрый день! Осуществляю две выборки из двух таблиц. В одной хранятся данные о музыкальном альбоме, в другой информация о треках. Потом все это циклирую, перевожу в немножко другой вид и отправляю в шаблон. Шаблонизатор Smarty. Далее в шаблоне циклом пытаюсь вывесли все это на экран. Но не выходит. Выглядеть это должно как: Альбом№1(описание) -Трек 1 -Трек 2 -Трек n Альбом№n -Трек n Выходит так, что выводятся только треки первого альбома. Если все это выводить из файла обработчика, то все работает правильно, а вот в смарти нормально не циклируется. Подскажите пожалуйста, как решить эту проблему. Далее привожу код. РНР: $select = mysql_query("SELECT * FROM `audio_albums`…

    Asked by haZe, March 7, 2009

    0 votes
    1 answer
17. Помощь в верстке сайта для ведущих

    Добрый день! Прошу помочь в верстке сайта http://podarok.roool.ru/. Съехал весть текст в бок и я не могу его поправить. Может подскажите что еще можно исправить на сайте и в коде в плане SEO-оптимизации

    Asked by Serg Shew, December 29, 2014

    • помощь
    • верстка
    • сайт
    • ведущие
    • начинающий
    0 votes
    10 answers
18. Текст поверх картинки

    Доброго времени суток. Столкнулся с проблемой при верстке сайта ресторана. По центру расположен логотип ресторана и немного залезает на контейнер с адресом и номером телефона. Проблема в том что из-за логотипа нельзя навести и выделить номер или адрес, тк картинка прозрачным полем на них заходит. Пробовал баловаться с z-index-ом, но ничего дельного не получилось. html Скрытый текст <div class="container header"> <img src="img/logo.png" class="logo" alt="Логотип гастробара Discovery"> </div> <div class="container main"> <div class="navigation"> <div class="mapandphone"><table…

    Asked by Вадос Пёс, July 5, 2016

    • css
    • html
    0 votes
    4 answers
19. IMG и обтекание

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

    Asked by Kenshi45, March 3, 2009

    0 votes
    17 answers
20. position: fixed; как установить слой по центру окна браузера без отступов сверху и заданного размера?

    Доброго всем дня! Уважаемые, возникла проблема.. в одном интересном шаблоне для сайта есть такая тема- серху странички идет цветная полоса с заданной прозрачностью, при вертикальном скроллинге основное содержимое страницы как-бы подлезает под эту полосу.Изначально в шаблоне эта полоса была установлена со 100% шириной. Собственно вопрос- как сделать так, желательно при помощи CSS, чтобы эта полоса находилась по центру окна браузера с заданной шириной в 1256px.... у меня не получилось, полоска полюбому прилипает к левой кромке окна браузера.. подскажите кому не трудно, заранее благодарен!! Вот часть CSS #kopf_aussen { position: fixed; top: 0px; left: auto; right: auto; …

    Asked by volonter, September 10, 2009

    0 votes
    2 answers
21. Проверка Формы на пустоту.

    Добрый день! Помогите, пожалуйста, мне нужно сделать так, что-бы форма не отправлялась мне на мыло пустая, а чтоб проверялась на пустоту... <div id="order" class="popup"> <a href="#" onclick="cart.closeWindow('order', 0)" style="float:right">[Закрыть]</a> <h4>Введите данные</h4> <form id="formToSend"> <input id="fio" type="text" placeholder="Имя" class="text-input" /> <input id="city" type="text" placeholder="Район Риги" class="text-input"/> <input id="phone" type="text" placeholder="Контактный телефон" class="text-input"/> …

    Asked by mrvelan, May 24, 2019

    • форма
    • проверка
    • пустота
    0 votes
    5 answers
22. Firefox и Select

    Я в шоке!!!! Не думал что Огнелис способен так подставить. Короче суть. Есть уже сверстаный диз. Там использованы мадинги для наезжания части одних дивов на другие. Все работает в Разных броузерах без проблем. Но стоило мне добавить простой select в диз и огнелис напрочь забыл об позиционировании, обтекании и наезжании. Если у кого было, то подскажите как это решить. P.S. код в студию можете не просить данная проблема в куче дизов. Я начинаю думать что просто не правильно написал саму конструкцию select <form action="form_sel" method="get"> <select name="selectsadasd"> <option>Select1</option> <option>Select2</option> <option&gt…

    Asked by guvatara, November 14, 2007

    0 votes
    7 answers
23. Таблица

    Здравствуйте! У меня следующий вопрос: Я создал таблицу, в которой 2 ячейки. Как сделать так, чтобы при нажатии на ссылку в 1-ой ячейке, она открывалась во 2-ой? Пробовал прописать ID - не помогло. Пробовал прописать NAME - не помогло ( хотя NAME используется как правило во фреймах). Заранее благодарен.

    Asked by technofan, February 25, 2008

    0 votes
    8 answers
24. 2 div'a в одной строке

    Делаю 2 div'a в одной строке, но между ними в Oper'е и FireFox'е возникает расстояние, помогите его убрать: <style> .g1, .g2 { width:50px; display:inline-block; } .g1 { background-color:rgb(125,55,0); } .g2 { background-color:rgb(55,0,125); } </style> <div class="g1"> 1 </div> <div class="g2"> 2 </div> Пробовал убрать отступ с помощью margin, padding, border - не помогло, если никак не убрать остаётся вроде только float'ом 2 block'а делать.

    Asked by IceBars, April 27, 2009

    0 votes
    2 answers
25. Расстояние между параграфами

    Собственно есть текст <div class="methods_white text"> <p><b>Белые методы продвижения сайта</b> – это цивилизованные методы. В первую очередь:</p><ul> <li>Создание интересного, оригинального качественного Интернет-ресурса ориентированного на потребителя (оптимизированного под миссию сайта);</li> <li>Правильный выбор доменного имени: краткого, хорошо запоминающегося, ассоциирующегося с содержанием сайта;</li> <li>Поисковая оптимизация сайта под поисковые системы Интернета (с обеспечением требований этих систем);</li> <li>Различные виды цивилизованной рекламы;</li> <li>Регистрация в …

    Asked by jas0n, August 11, 2009

    0 votes
    7 answers