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
-
:hover для другого элемента
Всем приятных праздников! Есть ссылка a { color: black; text-decoration: none; } Есть для неё hover-параметры a:hover { text-decoration: underline; color: #666699; } Есть ячейка таблицы с hover-параметрами td.menu1:hover{ background-color: #eaeaea; } Ссылка сидит внутри ячейки таблицы Никак не могу сообразить, как сделать, чтобы при наведении на ячейку (НЕ на ссылку) изменился цвет ссылки (т.е. нужно задать как бы еще один hover-параметр для ссылки, но ведь один уже задан!)
0 votes5 answers -
недогоняю
делаю навигацию под статьями в joomla сделад вывод куска в таком формате <div class="pagination"> <p class="counter"> Страница 8 из 17 </p> <ul class="pag"> <li class="tab"><strong><a href="/index.php?limitstart=0" title="В начало">В начало</a></strong></li> <li class="tab"><strong><a href="/index.php?start=24" title="Назад">←</a></strong></li> <li><strong><a href="/index.php?start=8" title="3">3</a></strong></li> <li><strong><a href="/index.php?start=12" title="4">4</a><…
0 votes2 answers -
привязать несколько блоков к верху страницы
Доброго времени суток. Возникла такая ситуация, нужно привязать 2а блока к верху страницы. Причем один просто привязан к верху, а 2й должен быть fixed. Делаю след образом <div class="one">ONE</div><div class="two">TWO</div>.ONE{ width:100%; height:35px; background: #777777; position: relative; z-index: 2000; top: 0;}.two{ width:100%; height:35px; background: #000000; position: fixed; z-index: 1000; top: 0;}и блоки залазят друг на друга, как сделать так, что бы они шли друг за другом? С учетом того, что 1й блок динамический и у него постоянно меняется высота
0 votes6 answers -
Выравнить блок по центру при разной высоте блока
Знаю как выравнить блок по центру по вертикали, если высоат блока постоянная, но если меняется не понимаю
0 votes12 answers -
как выполнить декоративную рамку?
Добрый день, Как считаете как лучше реализовать эту рамку? Как бы сделали это вы? border || border-image || svg || css-mask Или что-то другое??? Спасибо!
0 votes2 answers -
Можно ли уже выходить на работу фрилансером?
Доброго времени суток. Есть базовые знания css/html могу сделать верстку по PSD макету с нуля, адаптивно. Вопрос в том, можно ли с таким уровнем знаний выходить работать на фрилансе за копейки до 500рублей за заказ? Нужно набирать опыт. Или лучше пока тренироваться на паблик макетах? p.s. В процессе изучения JS. Может лучше сначала изучить еще и JS и только после этого брать заказы?
0 votes3 answers -
IE6 и трехколоночный резиновый дизайн.
решено. тему можно удалить.
0 votes0 answers -
Стиль ссылки на странице, на которую она ссылается
Всем доброго времени суток! Подскажите как можно задать стиль ссылки на странице, на которую она ссылается? Или хотябы ткните носом в темку, которую можно почитать) Спасибо!
0 votes5 answers -
При установке цвета фона прячутся картинки
Есть 3-колоночнная вёрстка, смешанная. Шапка - <div id="top">. Затем слева и справа - таблицы шириной по по 200px, в середине - <div id="content">. #content {position: relative; margin-left: 205px; margin-right: 205px;} Проблема: когда решил покрасить средний блок (background-color: #ECEFFF;), то в IE все картинки в нём ушли на задний план. Пытался выставить им z-index: 100; - не помогает. Пробовал задать им position: relative; - появляются, но начинают уезжать влево, на таблицу. В других браузерах нормально.
0 votes4 answers -
как сделать лайоут, что бы контентная область занимала все оставшееся пространство
Вот картинка с описанием того что нужно сделать. Есть фиксированные по высоте header и footer. Нужно растянуть контентную часть на все оставшееся пространство. Как сделать?
0 votes9 answers -
Можно ли выучить стандарты w3c не зная английского
Здравствуйте меня интересует вопрос можно ли выучить стандарты w3c не зная английского(пользуясь переводчиком в google chrome)??? Если да то за какое время это реально сделать??(примерно)
0 votes6 answers -
DIV конструкция с треугольником на CSS3
Здравствуйте. Создал на CSS3 небольшую конструкцию: http://jsfiddle.net/R6ynT/ Линия 100%, под ней два блока пл 50% и у одного из них прилеплен треугольник через псевдотэг. В FireFox отображается хорошо, а вот в Chrome и Opera - по-разному. В Chrome треугольник сдвигается на пиксель вверх. В Opera появляется просвет между треугольником и левым блоком. Подскажите, пожалуйста, можно ли решить эту задачу кроссплатформенно? Заранее благодраю за подсказки.
0 votes2 answers -
Объединение ячеек CSS3
Как объединить ячейки без иcпользования colspan, а с помощью CSS3?
0 votes11 answers -
Активировать контент под iframe jv
Всем привет, мне надо разместить на сайте виджет в iframe. Но содержимое iframe не занимает всю прямоугольную область. Таким образом есть область, незанятая виджетом, но попадающая под iframe. Можно сделать фон iframe прозрачным, чтобы остальное содержимое сайта было видно из под него . Но оно все равно остается неактивным на на ссылки, кнопки нельзя нажать. Можно как-то не только сделать фон прозрачным но и сохранить активность элементов?
0 votes4 answers -
Проверка и оптимизация CSS
Подскажите сервис или программу для проверки КСС. Имею ввиду исключение из стилей не используемых или дублирующихся параметров. Переделываю старый шаблон, много чего изменил, и теперь долго перебирать какие свойства используются а какие нет.
0 votes7 answers -
CSS3 и Html5 рабочие версии или еще в разработке?
В википедии написано, что CSS3 еще разрабатываемая версия, но уже много учебников по нему выпуска 2011 года, а уже CSS4 еще разрабатывается. И в вакансиях уже в требованиях пишут, что нужно знание HTML5 и CSS3. И посоветуйте пожалуйста учебник хороший по html5 И css3
0 votes2 answers -
изменение масштаба для мобильных устройств
помогите пожалуйста решить проблему есть резиновый сайт. его минимальная ширина 1200px. если ширина окна браузера < 1200px , то: на десктопе появляется нижний скролл jsfidde , на мобильных устройствах сайт должен по ширине полностью поместиться в экран мобильного устройства(то есть чтобы нижнего скролла не было) при этом в блоке head прописан тег: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">реализовать пункт2 у меня не получается
0 votes8 answers -
Определить есть ли курсор мыши
Добрый день, Прошу прощения за, возможно, странный вопрос. Есть div, который должен по-разному собираться для устройств где только тачскрин (способ-1) и для остальных (способ-2). Сейчас определяю устройство в js return 'ontouchstart' in document.documentElement; Проблема в том, что есть устройства, где есть и тачскрин и мышь (ноуты с тачскрином, трансформеры итп). Вот эти устройства у меня попадают в способ-1 при использовании такого метода. А хотелось бы в способ-2. Т.е. надо отделить устройства, где ТОЛЬКО тачскрин от остальных (не зависимо от того, есть ли в них тачскрин). Надеюсь, понятно объяснил и что решение есть. Устроит решение на js или на php Заран…
0 votes6 answers -
Всплывающее окно
Здравствуйте! Подскажите, кто разбирается в jQuery: при отправке формы всплывает картинка. Все ок.. Но, что нужно поменять в коде, чтобы вместо картинки всплывало сообщение? Изначально такой код (копирую часть кода): <form class="contact" name="sentMessage" id="contactForm" action="contact_me.php" method="post" novalidate>....</form><div id="modal" style="display: none;"><img src="img/form-alert.png" /></div>Скрипт $.fancybox({ 'type' : 'image', 'href' : 'img/form-alert.png', 'padding' : 0 }); …
0 votes4 answers -
Пропадает изображение в слайдере при масштабировании
Доброго времени суток. Столкнулся с проблемой: Есть некий сайт, пстроен на ModxRevo. На главной есть слайдер, реализован с помощью Flexslider. При горизонтальном масштабировании(изменении размеров окна браузера) катринка исчезает Вызов слайдера: <div class="row"> <div class="col-sm-3">[[$sidenav]]</div> <div class="col-sm-9 hidden-sm">[[$slider?set=`set1`]]</div> </div> Чанк слайдера: <!--========== SLIDER ==========--> <div class="flexslider"> <ul class="slides"> [[parseMIGXToGallery? &tpl=`images.gallery.tpl` &i…
0 votes1 answer -
верстка SVG
Здравствуйте. Занялся разбором SVG верстки и не могу понять есть ли возможность вставлять в элементы другие элементы, например <polygon> <polygon></polygon> </polygon> или в данном случае выкручиваться через <g></g> или <symbol></symbol> с наложением элементов друг на друга
0 votes2 answers -
Правильный формат якоря
В одном источнике якорь представлен одиночным тегом, в другом — пустым контейнером. Какой формат всё-таки правильнее? А может лучше контейнер, в который например, вложено название подраздела?
0 votes2 answers -
Отступ от body
Здравствуйте. Подскажите, почему в эксплорере от начала страницы до контента отступ примерно в 13 пикселей и почему то если все выделить то там выделяется будто пробел. В опере такого глюка нет.
0 votes5 answers -
<form> сделать в центре страницы
как сделать форму в центре страницы. щас она выровнена слева от края. попытался положить её внутрь - <p align="center"> </p>. но не помогло....
0 votes3 answers -
Оптимизация логотипа форума
Здравствуйте! Возможно где-то такая тема уже есть, но я не нашёл и создал новую. Помогите разобраться в коде CSS #logodesc { margin-bottom: 15px; padding: 0px 5px; background: #FFB3CC; border: 2px solid #D7E4E4; background :url(images/header.jpg) no-repeat; width:1480px; height:150px; } Почему-то в разных браузерах логотип отображается по разному, например, в IE, опере - он не до конца доходит, а в мазиле через-чур уезжает за границы и появляется прокрутка. Код как мог набросал, понимаю, что многое может быть и не правильно, недавно совсем начал разбираться с ними. Мне очень надо понять что не так-то
0 votes8 answers