HTML Coding

29,542 questions in this forum

1. Проблема с Div position:absolute;

   Постараюсь кратко изложить суть проблемы есть два блока <div id="background" style="position:absolute;"> <div id="bg1"></div> <div id="bg2"></div> <div id="bg3"></div> <div id="bg4"></div> <div id="bg5"></div> </div> таким образом я сформировал сложный фон для страницы, теперь мне нужно сверху наложить остальную часть сайта <div id="body" style="position:absolute;"> <div id="content"></div> ............ ............. </div> В итоге получаем сайт состоящий из двух слоев Но мне нужно, чтобы <div id="background"> был дочерним по отношению к <di…

   Asked by freesoul, May 27, 2011

   0 votes
   1 answer
2. display=block + colspan > 1

   суть в том, что верстается блок, который состоит из заголовка (текст + иконка) и контента, при нажатии на иконку, контент скрывается весь блок мне хочется реализовать с помощью одной таблицы. все хорошо, но когда блок скрывается, колонки в заголовке разъезжаются вот код: <script> function hide(img, block_id, expand_img, hide_img) { var block = document.getElementById(block_id); if (!block) return; if (block.style.display != 'none') { block.style.display = 'none'; img.src = hide_img; } else { block.style.display = 'block'; img.src = expand_img; } } </script> <table style="border: 1px solid grey; width: 600px;"> <tr> &l…

   Asked by mishero, August 1, 2011

   0 votes
   4 answers
3. Глупый вопрос новичка

   Учу потихоньку css, возникла проблема: Как убрать то пространство, что обозначено на скриншоте? .top { background-image: url(img/top_panel.png); background-repeat: repeat-x; padding-top: 46px; background-position: 0% 0%;}

   Asked by Rise, November 3, 2011

   0 votes
   3 answers
4. Дивы сломали мне голову!

   Люди добрые! помогите уже. Выбешивают меня эти дивы. Я ни как не въеду почему да как тут у них. Суть на картинке. Первая строка переносится так что обтекает время. Эта же строка третья снизу нарисована фотошопе так как я хочу увидеть ее в браузере. аккуратный перенос. Я перепробовал сто тысяч комбинаций всех которые знаю. но ни как не добился результата. вот один из вариантов (в какие вложенные дивы я их только не пихал, как только не прилеплял) <li><div id="map-time"><?php the_time('d/m/y')?></div><div id="map-name"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></div></li> Буду очень благод…

   Asked by rcoma, November 9, 2011

   0 votes
   2 answers
5. ИЕ7 position absolute -- не вычисляет ширину внутренего блока

   Добрый день. С толькнулся с одной забавной багой в ИЕ7, не получаеться пофиксить. Есть родительский блок ( position: absolute ) в нем не указана ширина, так как ширина береться от контента. В этом блоке вложен блок, во всех браузерах он растягивается на 100% а в ИЕ7 только по содержимому. Может кто-то с таким сталкивался. Вот черновой код ссылка на пример смотреть в ИЕ7. Удачи.

   Asked by onikserj, November 15, 2011

   0 votes
   3 answers
6. как запретить обновление страницы

   В общем вопрос: при перезагрузке страницы перебросило на другую страницу. То есть если, Я перехожу по ссылке и потом перезагружаю стр меня перебросит на другую страницу..или проще говоря как запретить обновление страницы ?

   Asked by malish, February 10, 2012

   0 votes
   3 answers
7. Растягивающаяся кнопка

   Хочу создать кнопку, которая растягивается по длине текста. Как задавать бекграунд такой кнопке?

   Asked by fofan, February 16, 2012

   0 votes
   1 answer
8. Оптимизация моих трудов)

   Допустим у меня будет много страниц с одинаковым дизайном, в которых меняется только серединка. Какими способами можно размножить этот дизайн на много страниц, чтобы потом, например при правке, не менять +100500 страниц, а изменить в одном месте? Я знаю такой способ: В начале файла <?php require('na4alo.php') ?> Тут сама начинка страницы <?php require('konec.php') ?> Но мне кажется есть какой-то более рациональный способ.. Есть ли таковой?

   Asked by Dazar, March 2, 2012

   0 votes
   3 answers
9. Непонятная область между контентом и футером

   Сделал шаблон в Artisteer 3.1. Из-за малого объема контента возникла необходимость прикрепить футер к нижней границе окна браузера. Воспользовался данным способом. Однако возникла проблема. Футер отрисовывается где положено, но между ним и контентом появилась непонятная область плюс добавилась вертикальная полоса прокрутки. Область отмечена красной рамкой Здесь шаблон в действии. Не могу найти откуда ноги растут у этого зазора. Вроде везде height: 100%. Может кто из профессионалов подскажет.

   Asked by Vensdale, June 14, 2012

   0 votes
   3 answers
10. Вопрос по DIV

    1-й вопрос: хочу сделать DIV-ми некое подобие разбиения страницы на блоки. Цель: Понять, какими свойствами пользоваться, для верного представления - как будут расположены блоки DIV. Вот сначала разбиваю, всё норм: Код: <html> <head> <style> #body {min-width:8000px; } /*Заголовок*/ .header { width:100%; text-align:center; border: 1px dotted gray; } /*Левая колонка*/ .block_1_1 /* 1.1 */ { float:left; width: 20%; border: 1px dotted #ccc; overflow:hidden; } /*центр - контент*/ .block_1_2 { margin: auto; /*Выравниваем между девой и правой колонкой*/ width: 60%; border: 1px dotted #ccc;…

    Asked by kolob204, August 28, 2012

    0 votes
    4 answers
11. Нужен код, который позволит принять строковые данные от устройства и разобрать их?

    Задание следующее. Есть устройство, если конкретней программируемый логический контроллер, на котором хранится страница html. Эту страницу через интеренет или локальную сеть может запросить любой желающий по типу http://192.168.2.205/index.html. На странице сделаны кнопка для отправки запроса на это устройство. Зарос следующий - http://192.168.2.205:8090. На этот запрос устройство с помощью встроенной программы формирует ответ и отсылает его в виде строки либо масива данных (скорее всего строковый массив, но возможны варианты). Мне необходимо написать код, который бы перехватывал этот ответ, чтобы его можно было как-нибудь обработать , например вывести по частям в разных …

    Asked by gvenihvivar, May 29, 2013

    • javascript
    0 votes
    6 answers
12. Карта из svg и xml

    Всем большой привет, пытаюсь решить задачу карты из svg и xml как можно сделать чтоб при наведении на один объектов подсвечивался и второй объект, то есть по сути надо сделать в xml файле значения двух объектов пробовал сделать вручную но координаты начинают ломаться пробовал сгруппировать эти два объекта но не помогло если кто знает решение задачи помогите пожалуйста, для обработки svg и xml файла использовал программу Inkscape. Пример задачи чтоб было понятно можно посмотреть тут http://ruseller.com/...ub_id=32&id=952 http://ruseller.com/...dex.html#russia Заранее все спасибо.

    Asked by aleksandr-n, October 20, 2013

    0 votes
    0 answers
13. Помогите решить задачку

    http://cssdeck.com/labs/full/bsoni6ey вот что у меня получилось) при помощи тега hover мне нужно сделать так что бы изначально светилось какое нибуть окошко соц сети, а при наведении мыши получался такой результат как я показал) спасибо

    Asked by xaoc90, January 27, 2014

    0 votes
    2 answers
14. Влияние тегов figure и figcaption

    Как влияют теги figure и figcaption на SEO?

    Asked by DivMan, June 9, 2014

    0 votes
    1 answer
15. Не работает JS (jQuery)

    Ребят здравствуйте,помогите с Js, дело в том что изначально делал списки на HTML но в сам список нужно вставить 2 картинки причем одна должна быть ссылкой и открывать список,С помощью CSS это реализовать не удалось,вернее удалось но при этом все смотрится криво и ползет, Почитал в Google что такие выпадающие списки делают на jQuery. нашел пример в интернете,но видимо либо сам урок кривой либо я не до конца понял, JS почему то не работает вот код на http://cssdeck.com вот скрины на всякий случай

    Asked by Евгений_SB, June 12, 2014

    • Не работает JS (jQuery)
    0 votes
    7 answers
16. CSS

    Всем пирвет. Начал изучать веб-разработку и столкнулся с проблемками. Не могу запустить вращение текста. Где ошибка? HTML код: <html><head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8" > <title> TITLE </title> <link rel="stylesheet" type="text/css" href="css.css" /></head><body> <p id = "text"> text text text text text text text text text etxt text text </p></body></html>CSS: body {margin: 0;}#text{ margin: 200px 0px 0px 200px; position: absolute; height: 50px; width: 250px; background-color: #FFA500; transition: all 1.3s ease 0.3s; wh…

    Asked by kulc_hacker, January 14, 2015

    • css
    0 votes
    2 answers
17. Как сделать у меню вот такой угол закругленный ?

    Подскажите как сделать вот такой закругленный угол ? http://pixs.ru/showimage/herdesigns_2623263_16167245.jpg

    Asked by Shenia132, February 22, 2015

    • верстка
    0 votes
    3 answers
18. Простой вопрос!

    Всем привет! Не так давно в front-end'e поэтому никогда не сталкивался с версткой вот таких вот менюшек: http://joxi.ru/EA4abk7HGk4Qrb Не подскажете, как они вообще делаются? Спасибо!

    Asked by Antoshka007, April 9, 2015

    • как
    • это
    • сделать
    0 votes
    3 answers
19. B бутстрап верстке yнепоянтный класс и input-sm

    Всем привет, Подскажите, пожалуйста, я наткнулся на использование в бутстрап верстке для контрола классов form-control и input-sm вроде : <div class="col-xs-12 col-sm-8 col-md-8"> <input type="text" name="postal_code" id="postal_code" class="form-control input-sm" value="" size="4" maxlength="4" Читаю доки: Размеры полей Чтобы поменять размер элемента формы, ему можно назначить один из классов: .input-sm .input-lg Это что управление высотой контрола или что ?

    Asked by mstdmstd, March 21, 2016

    • input-sm
    • bootstrap
    0 votes
    2 answers
20. Выделение элемента

    Блок должен менять цвет при его наведении, но даже если навести на дочерний блок который находится за границами контейнера основной контейнер все равно красится. Получается любой вложенный элемент является частью родителя? <div> <p></p> </div> div{ width:500px; height:500px; border:1px black solid; } p{ width:600px; height:300px; background:red; } div:hover{ background:black; }

    Asked by aqua.77, November 19, 2016

    0 votes
    1 answer
21. Выполнение пробного сайта

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

    Asked by aqua.77, December 16, 2016

    0 votes
    4 answers
22. "от кого" в приходящих сообщениях с сайта

    Здравствуйте. Есть простая контактная форма на php: <?php /* Задаем переменные */ $name = htmlspecialchars($_POST["name"]); $email = htmlspecialchars($_POST["email"]); $phone = htmlspecialchars($_POST["phone"]); $message = htmlspecialchars($_POST["message"]); $bezspama = htmlspecialchars($_POST["bezspama"]); /* Ваш адрес и тема сообщения */ $address = "Почта"; $sub = "Тема"; /* Формат письма */ $mes = "Заголовок\n Имя отправителя: $name Email отправителя: $email Телефон отправителя: $phone Комментарий: $message"; if (empty($bezspama)) { /* Отправляем сообщение, используя mail() функцию */ $from = "Reply-To: $email \r\n"; if (mail($address, $sub, $mes, $f…

    Asked by artem99357, December 3, 2019

    0 votes
    3 answers
23. Как разместить два плавающих фрейма на одной строке ?

    Как разместить два плавающих фрейма на одной строке ?

    Asked by wewwew, February 26, 2009

    0 votes
    1 answer
24. Проблема с текстовым полем

    Такая проблема: мне нужно, чтобы пользователь, который введёт в тектовое поле фразу и после чего нажмёт на кнопку, переходил по ссылке: http://mysite.ru/search/фраза_пользователя Пробовал: <input type="text" name="URL" alt="http://mysite.ru/search/" value="" size="30"> <input type="button" value="Поиск" onClick="location.href = this.form.elements[0].value" name="button"> Но пользователь переходит только по ссылке: http://mysite.ru/фраза_пользователя Очень нужна помощь, заранее спасибо

    Asked by Vic1993, May 24, 2009

    0 votes
    2 answers
25. Два блока

    Возник очередной вопрос, как правильнее сделать и проще такую задачу. Первое что пришло в голову. HTML <div id="header"> <div id="menu"> <ul> <li>Control Panel</li> </ul> </div> <div id="sub_menu"> <ul> <li>Settings</li> </ul> </div> </div> CSS #header { width: 100%; background-color: #000; } #header #menu { height: 30px; } #header #sub_menu { height: 30px; background-color: #dadada; } #header #menu ul { color: #fff; } #header #menu ul li { float: left; padding: 8px 0px 0px 30px; margin: 0px 0px 0px 0px; list-st…

    Asked by Simel, October 14, 2011

    0 votes
    5 answers