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
-
Связанные ссылки.
Здравствуйте. У меня есть один важный вопрос. Как можно связать 2 ссылки? Что имееться ввиду. В шапке сайта есть несколько моделей автомобилей, которые кликабельны - ведут на страницу с описанием (изображения) - каждая модель в блоке DIV. Также есть горизонтальное меню с названием этих моделей (список). Изображение не получится поместить в список (по дизайну) Как сделать, чтобы при наведении мышки на модель автомобиля подсвечивалось соответствующий пункт меню? Буду очень благодарен за совет (помощь)
0 votes17 answers -
верстка блока, который появляется только при наличии более 3 заголовков
Уважаемые Гуру форума, как всегда спешу порадовать своей проблемкой и надеюсь на помощь в ее решении... Проблема состоит в следующем, делается шаблон под dokuwiki и там опционально имеется блок который появляется только при наличии в тексте 3 и более заголовков. проблема состоит в том что нужно хитро сверстать как на скриншоте и при этом что б оно не отображалось если менее 3 заголовков... Проблема наглядно: Скрин как должно быть Пример где 3 и более заголовка Пример где менее чем 3 заголовка Скрин где видно, что не пропадает даже если ставлю просто background: #FFFFFF;, а сделать нужно еще тени и округлости, которые корректно получаются только картинками на background …
0 votes8 answers -
Не получается подключить файл .js
Вот в одной теме дали ответ на то как создать простейший спойлер http://htmlforum.ru/index.php?showtopic=43772&hl= во втором посте дали ответ на пример этого спойлера,вот он - http://jsfiddle.net/QAu6q/1/ но у себя я его воссоздать не смог так как появились проблемы с .js файлом(я думаю именно в этом проблема так как именно в этом я и не разбираюсь). У себя сделал я вот так: html: <html><head><link rel="stylesheet" type="text/css" href='style.css/></head><body><a' href="js.js">klik</a><div class="js">hide text</div></body></html>css: .js { display:none;}Создал в той же папке файл js.js в которо…
0 votes14 answers -
Простой выпадающий список на JS
Здравствуйте! Помогите, пожалуйста, разобраться что именно я не так сделал. Необходимо сделать простой выпадающий список типа аккордеон на JS. Но при клике на ссылку подменю открывается, но при этом браузер прыгает наверх в начало страницы. Я так понимаю, не срабатывает slideToggle('slow').... Вот что получается: http://jsfiddle.net/b3vywd92/ Заранее благодарю за помощь!
0 votes8 answers -
При помощи чего можно реализовать меню с изображения.
Добрый день! Есть меню, приведенное на изображении(часть макета PSD. Весь, к сожалению, не удалось пока заполучить). Возникли трудности с пониманием: как на чистом css, html реализовать его. А именно две трудности: как сделать левую часть меню с датами, с точками и вертикальной полосой ,и как при :focus выделить сразу два блока(как это показано на изображении)? Есть еще третий вопрос: при нажатии на пункт меню в соседнем блоке , где располагается основной контент, автоматически отображается информация касательно выбранного пункта(для более подробного и внятного объяснения-информация о человеке, его карьере за указанный промежуток времени). То есть, это не ссылка-якорь.…
0 votes4 answers -
Перечеркнуть изображение крест-накрест
Есть div с картинкой и текстом. Его нужно перечеркнуть крест-накрест. Вот никак не соображу как это сделать ловчее и техничней, чтобы адаптивность сохранилась. Кто-нибудь может подсказать решение ?
0 votes1 answer -
Вывод картинок в каталогах
Вопрос по выводу каталогов картинок на сайте. На странице http://www.xxxxxx.ru/images нужно отобразить страницу с картинками (например, наиболее популярные). На странице http://www.xxxxxx.ru/images/genre15 нужно отобразить каталог №15 с картинками (1-я страница каталога №15). На странице http://www.xxxxxx.ru/images/genre15/2 нужно отобразить вторую страницу каталога №15 с картинками. Во всех каталогах вывод картинок осуществляется с помощью ссылок на картинки, находящиеся в папке на сервере ( <img src=…..> ). Картинки нужно отобразить в таблице 4*4, слева на всех страницах располагается меню с каталогами. Как можно реализовать вывод картинок с помощью…
0 votes3 answers -
что перспективнее движок на основе Visual Studio (*.aspx) или Joomla?
Здравстуйте уважаемые форумчане! Подскажите пожалуйста, что перспективнее движок на основе Visual Studio (*.aspx) или Joomla?
0 votes4 answers -
Как вы прописываете псевдоклассны для ссылок
Господа, день! Добрый! Появился такой логичный вопрос как вы в стилях прописываете псевдоклассы для ссылок, и прописываете ли их вообще ) То есть всем известно что можно писать так a:link {color:#FF0000} /* unvisited link */ a:visited {color:#00FF00} /* visited link */ a:hover {color:#FF00FF} /* mouse over link */ a:active {color:#0000FF} /* selected link */ а можно ли писать просто: a {color:#FF0000} без псевдоклассов ? Интересует конечно аспект семантичности и кроссбраузерности последнего примера :-) PS: при условии что никаких действий по наводу клику и прочее не происходит, ТО есть для всех 4-х состояний они абсолютно одинакоые :-) Заранее спасибо за профессиональ…
0 votes6 answers -
Как добавить новый стиль меню
Возник такой вопрос! Вот Html код меню и его стиль, мне нужно сделать так чтобы для одного пункта меню (Акции) был другой стиль (точнее чтобы этот пункт меню был красного цвета, а при наведении курсора синего), как мне это сделать, а то чето сижу и немогу никак вникнуть!!! HTML <tr> <td class="left" valign="top"> <div id="menu"> <div class="m"><a href="/about/" class="menu_a">О компании</a></div> <div class="m"><a href="/news/" class="menu_a">Новости компании</a></div> <div class="m"><a href="/articles/" class="menu_a">Статьи</a></div> <div class="m"><a href="/shop/" …
0 votes3 answers -
"Съедается" подложка <div>-wraper-а, как победить?
Есть css меню состоящее из списков <ul><li> обернутых в <div>, который одновременно выступает в роли цветной подложки. Требуемый внешний вид меню такой: http://www.transaction.arvixe.ru/testmenu2.html В этом случае для элемента <ul> задан стиль {position: relative;}. Как следствие выпадающий список сдвигает текст следующий в потоке за меню. Но если заменить этот стиль на {position: absolute;} подложка "портится" и получается такой некрасивый эффект: http://www.transaction.arvixe.ru/testmenu.html Подскажите пожалуйста, можно ли как заставить выводиться фон в div-e без искажений (с перекрыванием нижеследующего контента)? <!DOCTYPE HTML PUBLIC "-/…
0 votes0 answers -
Закругление без прокрутки
Здравствуйте уважаемые гуру! В верстке я уже не новичок но столкнулся с проблемой которую не могу решить. Как сделать чтобы закругления оставались на месте без прокрутки?
0 votes15 answers -
Дико глупый вопрос
Привет всем. Что-то я с утра безумно туплю и не могу придумать что сделать в такой простой ситуации: http://jsfiddle.net/p7vbu/ Что-то можно сделать, чтобы в этом случае меню не прыгало из-за увеличивающегося контента без задания жестких размеров/расположения пунктам меню и без js?
0 votes9 answers -
проблема с двумя блоками css
есть вот такая страничка написанная на html javascript и css. Вопрос следующий Текст, который выделен в кружке на картинке, не получается вставить на один уровень с видео. Что-то с блоками в style.css но вот как решить проблему не пойму часть кода из main.html: <section id="content"> <div class="container_12"> <article class="a1 border-bot extra-wrap"> <center><iframe width="640" height="480" src="http://www.youtube.com/embed/0FgKQdc96k4" frameborder="0" allowfullscreen></iframe></center></br> <article class="a1 border-bot2 extra-wrap"> <strong>Right Sidebar:</strong> Inte…
0 votes6 answers -
моя 1ая работа
Приветствую. Я художник + изучаю photoshop. Решил сделать себе небольшой сайт. Делаю с нуля в блокноте. Это мой 1 проект. http://rghost.ru/40171398/image.png моя наработка http://rghost.ru/40171406/image.png хочу сделать так Не знаю как перемещать текст, пока использую пробел вида т.к. сайт простенький и будет в нём примерно 10-15 страниц решил делать его вручную, хороший опыт для меня. вот как я делаю, да очень топорно вопрос состоит в том, чтобы переместить текст как это сделать? <html> <head> <title>Картины, макеты, рекламные апликации, фото, портреты и многое другое</title> </head> <body> <br> <center> <span st…
0 votes18 answers -
Проблема с отображением внедренных шрифтов в ie
в ie http://fitfast.ru/шрифты все слетают хотя у меня шрифты внедрены вот так: @font-face { font-family: "SegoeWP"; src: url("/images/SegoeWP.eot "); src:url("/images/SegoeWP.eot?#iefix") format("embedded-opentype"), url("/images/SegoeWP.ttf ") format("truetype") ; font-weight: normal; font-style: normal; } многие пишут что формата eot достаточно для того чтобы ie отображал?!
0 votes6 answers -
Баги в стилях слайдера
Добрый день помогите найти причину почему слайдер так отображается, у главной секции стоит беграунд, а все внутренние блоки должны находиться внутри блока bx-viewport. Пытаюсь сделать через позицию абсолют, но ничего не выходит. + слайдер режит высоту картинки, ставлю высоту как надо через important , не помогает. Помогите отстроить правильно слайдер. спасибо Вот сслыка
0 votes14 answers -
Подгонять высоту слайдов под заданную высоту
Здравствуйте. Есть читалка сделана из слайдера, где слайды это блоки в текстом. Слайды с текстом получаются разной высоты и отличаются друг от друга на несколько строк. Думаю задать максимальную высоту слайда, чтобы на слайдах с большой высотой текста межстрочный отступ уменьшался, а на слайдах с малой высотой текста увеличивался. Как это сделать на css не знаю. Пробовал line-height указывать в процентах, но что-то не то получается. Может не так пробую. Посоветуйте как лучше сделать.
0 votes4 answers -
Текст в div отображается не правильно
Привет, есть проблема с отображением текста, а именно он уходит вниз. Но как только я убираю в css документе свойство float:left сам блок уходит вниз но текст размещается правильно. Спасибо за внимание) index.html style.css
0 votes1 answer -
Толщина шрифта
Столкнулся с такой проблемой, что Avocode неверно определяет тощину шрифта на макете в отличии от Photoshop. На скринах видно, что Avocode показвает, что толщина выделенного текста 400px. Однако Photoshop показывает, что выделенный текст имеет толщину extrabold, что равняется 800px. С чем это может быть связано и как это пофиксить
0 votes1 answer -
Rollover и ссылка
Доброе время суток! Подскажите пожалуйста,возможно ли поставить на Rollover картинку ссылку,ибо DW 8.0 яро ругается на это и преобразует Rollover в обычную статичную картинку.заранеее спасибо
0 votes4 answers -
Аналог behavior в других браузерах
Коротко суть задачи: сайт позволяет использовать собственные css, но хочется дополнительно и свой javasript подгрузить используя возможность своих css. Для ИЕ делается просто через конструкцию типа: behavior: url(sriptfile.htc); Как сделать для других браузеров, или же лучше универсально для всех ?
0 votes5 answers -
Подменю по клику
Можно ли сделать многоуровневое меню, чтобы подменю появлялось по клику, используя только CSS? Ссылку на http://www.cssplay.co.uk/menus/new-dropdown.html не давайте. Там сделано то, что нужно, но как это реализовано, я честно не разобралась. Кроме того, меню верхнего уровня там сделано как 5 списков, а мне так не подходит.
0 votes3 answers -
подскажите ламеру)
подскажите плиз html тег для выравнивания текста на всю ширину строки, либо css тег. Заранее с пасибо
0 votes3 answers -
Как лучше сделать такой див ?
Есть div .ja-front_page_menu_tab{ float:left; margin-right:13px; margin-bottom: 20px; position:relative;} .active-cat{ height:139px; position:absolute; top:0; width:155px; z-index:99999;} .active-cat a{ height:139px; display:block; width:155px; } .active-cat:hover, .active-cat:active, .active-cat:focus{ background: url(../images/active-cat.png) bottom right no-repeat;} .cat-hd a:hover,.cat-hd a:active,.cat-hd a:focus { color: #FFFFFF; background: #9c95df; text-decoration: none; padding: 3px;} .cat-hd{ text-align: center; font-size:10px; letter-spacing:0.8px; margin-top: 5px; } Что делает сейчас: 1) При наведение на текст, текст меняет стиль 2) При наведении на картинк…
0 votes9 answers