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
-
Отменить выделение!
Что нужно прописать, чтобы текст нельзя было выделить?
0 votes2 answers -
Несколько вопросов по верстке
1)При появлении скролла в опере высота id=1 не 100%, а 1+390+1, (в ИЕ все ок) Скролл появляется когда в id=2 много текста: <table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td rowspan="3" height="100%"> [b]<table id=1 width="50" height="100%" border="1" cellpadding="0" cellspacing="0"> <tr><td height=50%><img src="images/2-2_01.gif" width="50" height="100%" alt=""></td></tr> <tr><td><img src="images/2-2_04.jpg" width="50" height="390" alt=""></td></tr> <tr><td height=50%><img src="images/2-2_06.gif" width="50" height="100%…
0 votes2 answers -
проблема
Здравствуйте, у меня есть такая проблема: Значится есть 3 блока 2 по краям(для рамки) один по середини чистый у него задана ширина и белый фон в него из базы выводится текст, проблема в том что текст может быть разной величины и поэтому не хочется задавать этому блоку высоту ну чтобы он растягивался зависимости от обьема текста собственно это он делает великолепно, но по бокам есть 2 дива у них прописан бг и маленькова кусочка шириной 18px высотой 1px и хочется чтобы этот кусочек повторялся по всей высоте главного блока, а он не как не хочет повторятся без задания высоты… http://s61.radikal.ru/i174/0811/82/2ce78ed25139.jpg
0 votes3 answers -
Как сделать такой эффект?
Подскажите пжлст как сделать вот такой эффект (затемнение краев) вокруг картинки в центре
0 votes3 answers -
Проблема hover на Ipad при скролинге
Есть меню, в котором подпункты появляются по hover. Если в Ipad промотать немного, то на том месте, где было меню срабатывает hover. Странное поведение и не понятно почему. Кто сталкивался с такой проблемой?
0 votes4 answers -
О css фреймворках
Вопрос к мастерам и гуру! Уважаемые скажите, в каких целях и как часто вы используете фреймворки? Верстал много различных страниц, но я так и не пойму, чем фреймворки должен упростить жизнь как верстальщику? Если есть конкретный дизайн страницы, и он никак не похож на то что предлагает фреймворк, то не ужели есть смысл это все допиливать подгонять? Это же занимает на много больше времени, нежели верстки с нуля. Те же самые адаптивные навигационные бары с бургер батонами, аккордионы. Или же на самом деле предназначение фреймворка для не знающего верстки кодера, сделать быстренько страничку, которая по сути не имеет дизайна как такового? Может быть и грубый пример, но ес…
0 votes7 answers -
Отмена наследования css свойст потомками
Здравствуйте! Столкнулся с ситуацией при создании всплывающего меню https://jsfiddle.net/u7qam9jm/6/ что свойства для родительского блока дублируются и на дочерние блоки. Я пытался через :not, но даже "не заметило конструкцию" и свойства все равно єкранировали на потомков...
0 votes5 answers -
Не отображаются заголовки на айфоне и айпаде
Сверстала сайт. Проверила на адаптацию на разных расширениях экрана. Когда сбросила клиенту, пишет что не отображаются заголовки на айфоне и айпаде. У меня их нет и посмотреть инспектор для этих устройств нет возможности. Может кто то с таким сталкивался.
0 votes3 answers -
Абсолютное позиционирование
Суть в следующем, имеется 3-колонная верстка, притом левая колонка и правая абсолютно позиционированы, еще есть подвал, возможно ли выровнять подвал по левой или правой колонке ? Подумав я нашел решение, задать минимальную высоту как раз высотой большей из двух колонок. Проблема в том что левая колонка (меню) увеличивается и следовательно, пришлось задать минимальную высоту равной максимально большей левой колонке. Естественно когда меню уменьшается все остается по-прежнему . Что делать ? Кроме того что нужно перейти на относительное позиционирование. Если не задавать мин высоту то при малом количестве текста в средней колонке, "пэддинга" не хватает и абсолютно позиционир…
0 votes2 answers -
как сделать...
допустим есть 3 страницы - внизу показываются ссылки т.е. 1 2 3 - как выделить ссылку на которой человек находится ..пробовал с делать активной и посещенной но цвет остается таким же когда ее посетят а надо просто выделять цветом ту страницу на которой находится человек =) ... надеюсь неглупый вопрос пример: посмотрите в низу форума ссылки 123....19 (синим цветом) - зашел на любую страницу ссылка стала черной пошел на другую страницу та на который был стала синей а на которой находишься стала черной ...проблема как сделать? мучаюсь
0 votes2 answers -
Инпут вылазиит за пределы ячейки
Есть простенькая таблица для примера: в ней 1 строка, 2 ячейки, в левом - инпут. Специально, чтобы видеть границы ячеек видны бордюры. Так вот, инпут вылазиит за пределы ячейки и налазиит на правую ячейку. Ширину ему указываю 100%, хочу чтобы он был на всю ячейку, но никак не больше и не меньше. Указать 99% и т. п. не вариант, т. к. в конечном виде будут ячейки разной (в том числе и большой) ширины и для одних ячеек 1% будет мало, для других слишком много. Проблема касается всех браузеров (ИЕ, ФФ, Опера). Ниже представлен код таблицы. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html x…
0 votes2 answers -
ПОЛНЫЙ АХТУНГ!
Просканил страничку на отображение в разных браузерах, вот результат. Глаза уже на лоб лезут, в IE и в Chrome все отлично отображается, ну и частично в Saf-е, а вот в Opere и в FF все хреного, даж bacground-ы с ошибками. Народ, наставьте на путь истинный, укажите в чем прабла, вот исходный адрес страницы http://stavkan.ru/articles/ и CSS-контейнера http://stavkan.ru/css/style.css Уточню, прабла состоит с отображением менюшной синей полосы, именно с ней весь основной геммор
0 votes5 answers -
Градиентный фон
Подскажите, а градиентный фон я могу создать только с помощью изображения?
0 votes5 answers -
Вопрос по Usemap
Я начинающий. Хочу сделать карту так, чтобы она отображалась на экране с любым расширением всегда полностью. Использую для этого WIDTH=100%. Картинка сжимается и отображается полностью на экране, но координаты для ссылок, задаваемые при этом в пикселях, пропорционально не уменьшаются. Как сделать так, чтобы картинка всегда занимала полностью экран и происходило пропорциональное изменение заданных координат? Спасибо заранее, если кто знает. <img src="activities1.jpg" WIDTH=100% usemap="#activities"> <map name="activities"> <area shape="rect" coords="45, 32, 545, 382" href="crafts/crafts.html" alt="crafts"> <area shape="rect" coords="568, 32, 1068, 382"…
0 votes5 answers -
Opera сдвигает DIV на 1 пиксель по горизонтали
Не могу выровнять по цнтру DIV в Opera 9.6, в остальных браузерах всё ок. Opera сдвигает почему-то DIV на 1 пиксель
0 votes2 answers -
Равномерное растягивание ячеек
Верстаю горизонтальное меню табличкой. Проценты и фиксированные размеры указывать нельзя. Нужно, чтобы все ячейки равномерное растягивались, вот так: На деле, растяжение происходит так: Видно, что чем шире текст в ячейке, тем шире сама ячейка. Можно ли сделать, чтобы растяжение происходило равномернее?
0 votes3 answers -
код+псд=?
до меня все никак не может дойти, сколько я не старался донести до себя следующую информацию: как происходит совмещение кода страницы и непосредственно шаблона ( псдшка ), с помощью каких программ, и как это называется в общем ? тухлые помидоры оставьте при себе, сами такими были
0 votes6 answers -
Отображение скрытого слоя
Привет народ. Как сделать, чтобы при наведении сразу не исчезал блок (можно было просмотреть, по-клацать там), т. е. я сделал только открытие.сокрытие блока по наведению мыши. <script type="text/javascript"> sid = ''; function ishow(id) { if(sid != '') { document.getElementById(sid).style.display = "none"; } else { document.getElementById(id).style.display = "block"; } } function ihide(id) { if(id != '') { document.getElementById(id).style.display = "none"; } } </script> <a href="#" onmouseover="ishow('lodka_1');" onmouseout="ihide('lodka_1');"><img src="images/lodka_1.png" width="292" height="107" /></a> <div …
0 votes23 answers -
Изменение прозрачности
Добрый день, возникла вот такая проблемка: Допустим есть вот такая конструкция <input type="text" class="fade" name="login" id="login" /> input{ border:1px solid red; color: #747474; background: url('image.png') no-repeat; } $(function() { $(".fade").css("opacity", "1"); $(".fade").hover(function () { $(this).stop().fadeTo(300, 0.65); }, function () { $(this).stop().fadeTo(300, 1); }); }); Прозрачность в итоге применяется ко всем свойствам(border,color,background) , можно ли как-то применить opacity только к backgroud? Заранее спасибо!
0 votes13 answers -
Button
Привет, как реализовать такую кнопку? Интересует находящийся справа элемент с указателем.
0 votes14 answers -
Блок внизу страницы
Допустим есть на странице несколько блоков: <div>блок 1</div> <div>блок 2</div> <div>блок 3</div> Если высота блоков 1 и 2 в сумме превышает высоту окна - то появится вертикальная полоса прокрутки и блок 3 окажется внизу, если же не превышает - то блок 3 будет отображён в середине страницы Как сделать, чтобы блок 3 в любом случае отображался внизу (пространство между блоком 2 и блоком 3 в этом случае должно быть заполнено фоновым цветом)?
0 votes6 answers -
Изогнутое изображение средствами css
Добрый день, господа. У меня тут не большие затруднения с изображением http://s020.radikal.ru/i704/1404/1c/eed2d4f43f8e.png подкиньте идею как лучше сделать данную "закладку"(никак не могу придумать как ее назвать)? а то я в ступоре уже несколько часов Единственное что получилось это <div class="bookmark"><span class="triangle"></span></div>.bookmark { height: 250px; overflow: hidden; position: relative;}.triangle { position: absolute; top: 30px; left: 40px; width: 0px; height: 0px; border-style: solid; border-width: 50px 100px 50px 0; border-color: transparent #8b8ba6 transparent transparent;}
0 votes2 answers -
Верстка при наведении на блок
Здравствуйте, столкнулся с такой задачей: до наведения курсора http://joxi.ru/wYSTU_3JTJA9Y33ZX5U после наведения курсора http://joxi.ru/-4OTU_3JTJA1Y21ipcQ не могу придумать как это реализовать. а именно чтобы была внутри граница прозрачная и при этом поддерживал ie8.
0 votes4 answers -
Почему в сафари блок с текстом не занял всю ширину
http://azharova.ru/test/afisha_table.html# Версия браузера 5.1.7 Скрин с проблемкой - http://prntscr.com/3pxrio
0 votes12 answers -
Позиционирование текста
Добрый день на сайте http://lotos-seeds.com.ua/product-category/catalog/semena/morkov/добавил текст, пытаюсь его разместить внизу под товарами - не получается. Пытался через позиционирование - текст опускается, но как сделать так чтобы блок по высоте расширился при перемещении текста вниз. В противном случае текст налазит на товар! Спасибо. ссылка
0 votes9 answers