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
-
работа с CSS
В каком лучше редакторе работать со стилями ? Приходится в ручную лопатить что очень не удобно. И еще может есть какая болванка с помощью которой будет удобно смотреть созданные стили и как они вообще работают что бы все время в браузер не лазить ... Поделитесь опытом
0 votes3 answers -
как написать????
как написать текст http://smages.com/d0/39/d039d290ede6e019ae...f546623.jpg.htm <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>index</title> </head> <center><body style="color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);" alink="#ff0000" link="#ffffff" vlink="#ffffff"><center> <img style="width: 1200px; height: 113px;" alt="blanklogo" src="file:///C:/Users/User/Desktop/img/blanklogo.jpg"> <img style="width: 1200px; height: 22px;" alt="bottom" src="file:///C:/Users/User/Deskto…
0 votes12 answers -
Div и картинки. Адаптивная верстка
Здравствуйте, уважаемые посетители форума. Замучался решать вопрос, он следующий. У меня есть скрипт ротатора картинок, который меняет картинки по времени (делает это через ul). Как сделать так, чтобы картинки которые он выводит НИКОГДА не выходили за границы div'а? И еще вопрос. Мне нужно чтобы все это было адаптивно к экрану (будет показываться на full HD, но была бы возможность посмотреть с 17-24"(Radmin)). Если вас не затруднит, помогите пожалуйста. Код прилагаю. В нем о размещении элементов даже не пахнет (много раз исправлял). Нужен такой вариант как во вложении (картинке), чтобы так было на всех экранах (ток картинки по-больше в высоту ну и выровняно). Понимаю, что…
0 votes1 answer -
Как дизайнеру подобрать сетку и брекпойннты под bootstrap 3 и 4?
Добрый день, у меня задача нарисовать адаптивную версию дизайна сайта под Twitter Bootstrap 3 или возможно 4 версии. Сложность в том, что в отличии от моего предыдущего опыта, верстальщики с которыми нужно будет взаимодействовать не работали с фрейморком и нужно будет их консультировать. К примеру обычно рисовал макеты под стандартную сетку по шаблону Bootstrap psd grid Grid template 320px container 30px gutter 53-54pxGrid template 480px container 30px gutter 80px colGrid template 750px container 30px gutter 62-63pxGrid template 970px container 30px gutter 80-81px Вопросы: Как объяснить почему колонки сетки, которую я привел выше, разной ширины?Есть ли смысл рисовать…
0 votes0 answers -
Проблема Фреймы/Ссылка
ребята проблема в следующем... Сайт должен быть на html Есть три фрейма :в одном из них список ссылок на фото, в другом фрейм для отображения фота и третий для отображение коментария к фото. Нужно чтоб при нажатие на ссылку отображалось фото и коментарий к нему. Как это сделать без помощи скриптов. <a target= "1" href="1.html"> <a target="2" href="1.html"> > ССЫЛКА </a></a> . Такой способ не работает
0 votes10 answers -
Неправильно работает в IE
В Опере все нормально отображается ,а в IE почемуто верхнее меню перекосило. А у бокового картинку вообще не выводит. http://astoria.jino.ru/
0 votes9 answers -
При использовании png.htc, в iE6 невозможно выделить текст
Привет. Для прозрачности PNG, использую файл png.htc, div с контентом имеет png прозрачный бэкграунд, и из-за этого скрипта, в IE6 перестал выделяться текст. Как это можно пофиксить? Можно конечно перевертать так, чтобы у divа с контентом бэкграунд был выставлен просто цветом.
0 votes7 answers -
Проблема с CSS
Помогите пожалуйста найти ошибку. пятый день мучаю шаблон. Суть проблемы вот в чем: перенес сайт на Joomle но весь текст материалов, с права и слева уходит за рамки видимость, в следствии часть текста обрезается. Сайт глянуть можно здесь Ниже файл CSS /* CSS Document */ /*————————————--body—*/ body, td, th, div, p, label, input { color:#7c838a; font:normal 12px/19px Arial, Helvetica, sans-serif; } input, select { color:#595959; } a{color:#066ba9;} a:hover { color:#066ba9; text-decoration:underline; } a:hover {text-decoration:none} a, button, .button{ cursor:pointer;} /*———————————————————-content—*/ /*—————————--article_settings-*/ .pagenavcou…
0 votes1 answer -
Можно ли добавлять новые пункты меню на все страницы сайта одновременно
Добрый день. Я сделал макет сайта в программе Adobe Dreamweaver CS5, закачал на хостинг - работает нормально. Но для того чтобы добавить в меню сайта новый пункт, надо добавлять его на каждой странице отдельно. Страниц около 50 шт. Можно ли автоматизировать етот процес.
0 votes12 answers -
Проблема с таблицей в мобильной версии сайта
Добрый день! Прошу помощи у специалистов. В мобильной версии сайта, таблица с ценами http://salon-fkt.ru/kosmetologiya съезжает и отображается некорректно. Сайт на Джумла, шаблон.
0 votes1 answer -
2 дива прижать к третьему который ниже
есть два дива, один имеет фиксированую высоту, а другой плавающюю, в зависимости от контента, как мне сделать так что бы второй который имеет фиксированую ширину имел нижнюю границу свою на одной линии с дивом который меняет свою высоту вот пример. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Слои по горизонтали</title> <style type="text/css"> body{ min-width: 400px; } #layer1 { background-color: #fc0; /* Цвет фона слоя */ border: 1px solid #000; /* Параметры рамки вокруг */ padding: 5px…
0 votes4 answers -
ширина слоя и float
Столкнулся с проблемой. Помогите, плиз, решить. Есть слой контейнер, в нем два слоя хочу поставить один за другим по-вертикали. Ширину как контейнера, так и внутренних слоев, задаю в пикселах. Внутри слоев image и подпись к ней. Проблема в том, что в Opera ширина слоев больше, чем в IE, и второй слой перескакивает вниз???
0 votes7 answers -
Активный пункт меню в квадратных скобках
Добрый день! Меню на моем сайте реализовано с помощью списка, который формируется динамически, оформляется шаблоном с помощью css. При наведении курсора на пункт меню требуется выделить его, заключив в желтые квадратные скобки: Реализовать нужно с помощью css с поддержкой всеми браузерами, в т.ч. IE6. Как это лучше сделать? Спасибо!
0 votes12 answers -
ol, ul, li
Подскажите плиз, какое свойство у ol, ul, li, отвечает за перенос строки? Что-то изменил в шаблоне, и теперь когда идет элемент списка в меню <ul> <li> </li> </ul> То пункт меню с новой строчки не начинается, а сливается все в одну строчку. и точки тоже сливаются, которые должны с новой строки появляться скрин
0 votes9 answers -
CSS + SVG animation
1) Как реализовать, чтобы при наведении мышки начиналась анимация svg, без дубиката картинки (когда одна половина статическая, а другая движется, а css только сдвигает картинку). Хотелось бы напрямую. 2) Как реализовать, чтоб анимация была подвязана к положению курсора мыши (слева подвожу - одна анимация, справа подвожу - другая анимация) На сколько я понял в svg есть привязка анимации к css - не разобрался пока. Прошу помощи у тех кто разобрался.
0 votes1 answer -
Как сделать трехпозиционный переключатель?
Как можно сделать трехпозиционный переключатель на HTML и CSS (без JS)?
0 votes7 answers -
Баннер
Как сделать всплывающий баннер?
0 votes6 answers -
Подскажите, можжно ли осуществить такое.
Заменить у селекта эту кнопочку ? , на эту ? желательно не извращенным способом)
0 votes6 answers -
position:relative - задница в ИЕ6
На ниже приведённой странице ИЕ6 напрочь не отображает слой #ugol с position:absolute Но, достаточно уменьшить ширину у слоя #obr с 480px до 477px, как слой #ugol начинает отображаться. Что происходит - в упор не понимаю. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Проверка</title> <style> #menu { float:left; display:inline; width:180px; height:200px; margin:0px 10px 0px 10px; background-color:#6666FF; } #obr { float:left; display:inline; margin:0px 20px 0px …
0 votes4 answers -
Баг Safari и Chrome игнорируются свойства body указазанные в css
Привет, всем. Решил поделиться решением проблемы с которой долго промучился. Если указать в css кодировку - << @charset "utf-8"; >>, то браузеры Safari и Chrome не будут воспринимать первый идущий следом за этой строкой селектор (обычно это body {} или html {})! Образец: <style type="text/css"> @import url(reset.css); @charset "utf-8"; body {background:green;}/*Это свойство не будут отображать Safari и Chrome*/ </style> Решение простое, нужно просто удалить строку "@charset "utf-8";
0 votes10 answers -
Как поменять местами два блока средствами CSS ?
В процессе работы возникла проблема. Есть код в духе: <div id="content"> <div id="menu">Меню</div> <div id="login">Логин</div> <div id="baner">Банер</div> </div> Не имею доступа к HTML коду, только CSS. Надо поменять местами блок "menu" и блок "login" средствами CSS, с таким расчетом что бы при назначении блоку "menu" свойства display: none. нижележащий блок "baner" корректно поднимался вверх под блок "login".
0 votes2 answers -
прицепить резиновый футер к фиксированному центру
есть такая структура: есть фоновые хедер, мид и футер, растянутые на 100% ширину окна браузера. Сам контейнер сайта фиксированной ширины по центру(с помощью position:absolute накладывается на фон). Как сделать так чтобы положение 100%-го по ширине футера менялось в зависимости от содержимого контейнера. Т.е. грубо говоря футер цепляется к дну контейнера и гуляет вверх или вниз в зависимости от того как заполнен содержимым контейнер. надеюсь понятно объяснил :-)
0 votes5 answers -
Переключатели в одну строку
Добрый день. Я пытаюсь разместить два переключателя: <p class="tabs"> <input type="radio" id="rbest" value="best"><label for="rbest"><a href="#best">Лучшее</a></label> или <input type="radio" id="rfresh" value="fresh"><label for="rfresh"><a href="#fresh">Свежее</a></label> </p> Не могу найти причину, почему они не работают. У них не отображаются кружки )) Если установить для одного из них по умолчанию checked="checked", то переключатель не меняется при выборе другого пункта. Подскажите, пожалуйста, где у меня ошибка, ну или в каком направлении ее искать )).
0 votes2 answers -
удалить часть url
знактоки mod_rewrite, помогите пожалуйста удалить из адреса фразу
0 votes4 answers -
IE padding в input не учитываеться
Думаю большинству знакомый баг в IE, когда при наборе длинного текста в input горизонтальный paddng не учитываться. И если в этом padding'е расположено фоновое изображение, то текст налазит на него. Обычно это решается дополнительным враппером/контейнером. Но как же не хочется для каждого такого поля добавляться дополнительный контейнер только, что бы исправить этот баг в IE. Существует ли решение этой задачи, без использования дополнительных тегов или js?
0 votes3 answers