HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Проблемы с clear
Привет, прошу совета товарищи, в общем проблема заключается в следующем: есть такой код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } body { margin: 5px; padding: 0; } div.left { float: left; width: 250px; } div.left p { background-color: #FFCC66; } div.right { margin-left: 250px; } div.right p { background-color: #FF9966; } </style> </head> <body> <div class="left"> <p>left</p> <p>left</p…
0 votes6 answers -
html css js
Скажите какую программу лучше исползовать для HTML CSS JS. Visual studio? Для начинающих
0 votes19 answers -
Большая проблема многодевайсности
Честно, сейчас так много устройств, что кажется восстание машин уже началось и щимить они начали уже в вёрстке. Подскажите пожалуйста, что делать в такой ситуации: у iPadPro разрешение 1366х1024, у какого-нить ноутбука, к примеру, 1280х800. Так какую же версию сайта нужно отображать на Айпэд Про, если у него разрешение больше чем у ноутов? Я сделал отображение десктопной версии. Но тут заказчик посмотрел сайт с обычного айпэда, и говорит, что туда надо мобайл. И вот парадокс: iPadPro (protrait) - 1024x1366 iPad (landscape) - 1024x768 На один 1024 получается нужно повесить и десктопную и мобильную версию? Как? Тогда вопрос, может показывать на айпэд про …
0 votes2 answers -
подскажите по гиперссылке
подскажите пожалуйста начинающему веб-дизайнеру. По порядку: я задаю якорь на текст в середине док-та к которому ссылаюсь из другой странички Vostok . А когда броузер открывает новую страничку то в закладке броузера пишется не только название сайта но и имя якоря с знаком диеза #vos. Плиз помогите, чтто делать, как его убрать из закладок броузера!!!!!:/?????
0 votes11 answers -
float: left и margin-top
Есть такой HTML: <div style="float: left;"> a </div> <div style="clear: left; margin-top: 30px;"> b </div> В IE работает нормально, т.е. b отстоит от a на 30 пикселей от a. А вот в Mozilla margin-top никакого влияния не оказывает. Почему? Кто работает по стандартам? Как сделать правльно, чтобы работало везде? PS В поиске искал и форум читал уже 4 часа подряд. Но ввиду сложности подобрать ключевые слова -- ничего не нашел.
0 votes4 answers -
Абсолютное позиционирование и Firefox
Возникла проблема вставки баннера. По ширине сайт 1000px необходимо справо вставить баннер ( за пределами сайта) но на одном уровне. <div class="banner"><a href="http://адрес_сайта.ru/"><img src="/banner/Banner-230-100.gif"></a></div> <div class="container"> <table cellspacing="0" cellpadding="0" border="0" class="header"> <tr> .... а в css .banner { display:block; position: absolute; height:100; width:230; padding-left:1003px; } во всех браузерах проблем нету, только ФФ и Google Chrome почему-то перекрывает всю верхнюю часть на 100px (невозможно нажать на ссылки). Подскажите как пофиксить эту проблему. Или как по д…
0 votes5 answers -
Нужен оптимизатор CSS
Нужна программа, которая может сгрести все атрибуты style у всех тегов в кучу, в раздел <style></style> заголовка страницы, а в теги подставить вместо style="" соответствующие автоматически сгенерированные названия CSS-классов. Желательно, чтобы программа умела распознавать одинаковые стили и не плодила одинаковые классы.
0 votes4 answers -
Очень нужна помощь по формам/таблицам
Всем доброе время суток! Появилась проблемка с реализацией которой уже вожусь не первые сутки, очень прошу подсказать мне способ её решения. Существует форма, которая записывает заполненные данные в базу данных, далее нужно эти данные вывести на сайт в виде таблицы (это сделано) Итак проблема 1: реализовать механизм "скрытия" выделенной строки например выбором в чекбоксе и нажатия на кнопку "скрыть" (чекбоксы есть напротив каждой записи, эти записи можно выбрать, существует кнопочка "удалить" которая собственно удаляет выбранные строки) проблема 2: так же по выбранным чекбоксам отправлять данные этих строк например на почту, т.е. при нажатии кнопки например "выбрать" форм…
0 votes4 answers -
Помогите блондинке ))) с HTML
Проблема в том что не могу сделать чтобы все три колонки были на одном уровне ровно в таблице. Помогите ка можно решить эту проблему? :rolleyes Хотела добавить скрины сюда но не знаю как
0 votes7 answers -
Width в % не работает в IE 6
Есть небольшая проблема с IE 6 , не работает Width в процентах ,отображает реальный размер. <div id="footer" > <img src="images/footer_bg.png" alt="footer_bg" id="footer_bg" /> Тут будет текст </div> #footer { background: url('../images/footerr.jpg') repeat-x; height: 65px; overflow: hidden; } #footer_bg { width: 58%; height: 64px; margin: 1px 0 0; position: absolute; } Если есть другие способы решить такой фоотер пишите.
0 votes13 answers -
Программка - чтобы включать браузеры различных версий
Всем привет Начал заниматься версткой. Почитал о кроссбраузерности. И появилась проблема. Как я буду смотреть во всех версиях браузеров, если у меня стоит только одна версия браузера. Слышал о проге, которая позволяет виртуально создавать образы машин с отдельными операционными системами. И уже там ставить нужную версию браузера. Если что-то знаете можно ссылку на эту программку. Если есть решения попроще - будет круто) Заранее спасибо) P.S. Вступаю в ваш клуб
0 votes13 answers -
Что не так? Калькулятор [JS]
Помогите пожалуйста уже всю голову переломал не пойму почему не работает http://jsfiddle.net/afZe3/
0 votes7 answers -
Что с yandex картами? Как установить на сайт?
вот ссыль http://api.yandex.ru/maps/tools/constructor/ здесь можно получить код карты и влепить себе его на сайт но код не пашет. кто сталкивался
0 votes4 answers -
При наличии border-right/left вычесть высоту скроллбара
Доброго дня уважаемые коллеги. Подскажите, пожалуйста, как можно сделать так, чтобы у блока, который имеет горизонтальную прокрутку, боковая граница не тянулась на высоту скролбара. П.С. вариант с тем, чтобы внутри поставить обертку, назначить ей границу (таки образом, наша граница не будет выходить за грани видимого блока к концу скроллбара) не очень хорош, потому что при прокрутке граница будет двигаться также с прокручиваемым контентом. В общем вкратце. Как можно сделать так, чтобы border-right: 1px solid black; блока с горизонт прокруткой не вылезала на скроллбар, а ограничивалась высотой самого блока? https://jsfiddle.net/e1o5kgk8/ Буду благодарен за любу…
0 votes10 answers -
Спозиционировать элемент в нужное место по горизонтали, не выводя из потока
Вот кот. Предполагается, что элемент не выводится из потока (по крайней мере, нужно чтоб он взаимодействовал в "строке" с другими элементами, предполагается, что за block-center могут также находится элементы). Загвоздка следующая: левый блок (block-1) имеет минимальный размер в пикселях(150px) и натуральный размер в rem (15rem, при том, что 1rem = 10px). Хочется оставить пользователю возможность менять в браузере размер шрифта, при этом положение левого края второго элемента (block-center) должно оставаться посередине (или в ином заданном месте). Для второго элемента указано свойство: padding-left: calc(50% - 15rem); /* тут может быть и 150px*/ При…
0 votes4 answers -
Блок по центру экрана
Как растянуть блок по размеру экрана а не так чтобы он улетал за экран? // CSS .dropdown { display: inline-block; } .dropdown-content { z-index: 1; display:none; position: absolute; background-color: #000; width: 100%; padding: 46px 24px 40px; max-width:1358px;; } .dropdown:hover .__open { background-color: #000; color: #4a4a4a; } .dropdown:hover .dropdown-content { display:block; } // HTML <div class="dropdown"> <a class="__open" href="#">Ссылка 4</a> <div class="dropdown-content"></div> </div>
0 votes17 answers -
Файл Sitemap
Создал Файл sitemap.xml для сайта. Сам в этом полный ноль сделал все по инструкции представленной здесь Но яндекс находит ошибку в нем и пишет что-то типа "Невалидный XML" Подскажите где ошибка? вот сам sitemap.xml <?xml version="1.0" encoding="windows-1251"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <url> <loc>http://www.zion.ho.ua/</loc> <changefreq>monthly</changefreq> <priority>0.8</priority> </url> <url> <loc>http://www.zion.ho.ua/index.php?page=servis</loc> <changefreq>monthly</changefreq> </url> <url&g…
0 votes6 answers -
Обтекание элементов
Приветствую. Я сделал контейнер <div id="boxincontainerall"> <div class="bordertheme"> <img src="themes/Tema77.jpg" alt="Тема7777"/> <ul> <li>скриншот</li> <li>Скач</li> </ul></div> </div> Когда вниз я прописываю точно такой же контейнер, то соответственно на странице он под предыдущем контейнером. Где я только не ставил float, всё ломается. Как сделать так. чтобы у меня выходило по несколько контейнеров в один ряд. Заранее Спасибо.
0 votes8 answers -
Руссификация HTML 5 шаблона
Всем здравствуйте! Недавно занялся web-програмированием! Скачать шаблон, но когда пытаюсь вводить русский текст - все пусто, кодировки везде utf-8! Вот код <!DOCTYPE html> <html lang="en"> <head> <title>Home - Home Page | Student's Site - Free Website Template from Templates.com</title> <meta http-equiv="Cоntent-Type" cоntent="text/html; charset=utf-8" /> <meta name="description" content="Place your description here"> <meta name="keywords" content="put, your, keyword, here"> <meta name="author" content="Templates.com - website templates provider"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="a…
0 votes3 answers -
профиль пользователя
помогите пожалуйста как исправить эту ошибку когда в тексте нет пробела вот что получается как это исправить
0 votes10 answers -
Как всегда photoshop и расположение элементов с psd
Ситуация такая: есть меню навигации при наведении мыши должна быть подсветка у меню. Меню расположил, вот с подсветкой не могу сладится, решил реализовать все через псевдокласс hover,сохранить подсветочку из макета и наложить на меню.Проблема в том что photoshop сохраняет это все с белым фоном. Выделение слоя и сохранения дает тот же результат опять фон, как проще сделать? Одна подсветка всегда должна быть, другая с дополнительным подсветом при наведении мыши.
0 votes8 answers -
Не получается подключить CSS к HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>index </title> <link rel="stylesheet" href="CSS/Style.css"> </style> <style> body { background: #333; color: #fc0; } </style>
0 votes3 answers -
Не могу заставить работать скрипт ouibounce
Доброй ночи.Есть сайт http://clocks2.ru/test/ Поставил скрипт, который должен показывать модальное окно, когда пользователь уводит курсор к табам, чтобы закрыть вкладку. Все настроил, не заливая на хост, работает. Залил - не работает ничего, не пойму в чем проблема... Помогите.. Такое окно должно появляться. И код отвечающий за все это дело внизу "<!-- Ouibounce Modal -->"
0 votes3 answers -
Чтобы подзаголовок не закрывался плавающим меню
У меня на сайте плавающее меню реализовано через скрипт: <script type="text/javascript">var $ = jQuery.noConflict();var h_hght=100;var h_mrg=0;jQuery(function(){jQuery(window).scroll(function(){var top=jQuery(this).scrollTop();var elem=jQuery('#top-menu');if(top+h_mrg<h_hght){elem.css('top',(h_hght-top));elem.removeClass('fix')}else{elem.css('top',h_mrg);elem.addClass('fix')}})});</script> Стала делать в статьях навигационное меню типа: <blockquote><span style="font-weight:bold">Содержание:</span> <a href="#a1"><li>Здесь первый пункт содержания</a> <a href="#a2"><li>Здесь второй пункт …
0 votes2 answers -
Переопределить цвет ВСЕХ ссылок
Здравствуйте! Прошу помощи. Требуется переопределить цвет абсолютно всех ссылок, стиль которых определён в html и css, недоступных мне; есть только возможность написания анти-css. Однако, a, * a, * ul a, * li a, * * a, * * * a, html a, body a, p a, td a, th a, ul a, ol a, * p a, * td a, * th a, * ul a, * ol a {color: #00aaff;} - не работает полностью. Но, к примеру, a, * a, * ul a, * li a, * * a, * * * a, html a, body a, p a, td a, th a, ul a, ol a, * p a, * td a, * th a, * ul a, * ol a, #preftoc a, #preftoc li a, #p-personal .pBody ul a, #p-cactions li a {color: #00aaff;} - работает. Но указание каких-либо дескрипторов недопустимо, поскольку когда исходные разработчик…
0 votes8 answers