Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. верстка блока, который появляется только при наличии более 3 заголовков

    Уважаемые Гуру форума, как всегда спешу порадовать своей проблемкой и надеюсь на помощь в ее решении... Проблема состоит в следующем, делается шаблон под dokuwiki и там опционально имеется блок который появляется только при наличии в тексте 3 и более заголовков. проблема состоит в том что нужно хитро сверстать как на скриншоте и при этом что б оно не отображалось если менее 3 заголовков... Проблема наглядно: Скрин как должно быть Пример где 3 и более заголовка Пример где менее чем 3 заголовка Скрин где видно, что не пропадает даже если ставлю просто background: #FFFFFF;, а сделать нужно еще тени и округлости, которые корректно получаются только картинками на background …

    Asked by beliy,

    0 votes
    8 answers

  2. Не получается подключить файл .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 в которо…

    Asked by pudge,

    0 votes
    14 answers

  3. При помощи чего можно реализовать меню с изображения.

    Добрый день! Есть меню, приведенное на изображении(часть макета PSD. Весь, к сожалению, не удалось пока заполучить). Возникли трудности с пониманием: как на чистом css, html реализовать его. А именно две трудности: как сделать левую часть меню с датами, с точками и вертикальной полосой ,и как при :focus выделить сразу два блока(как это показано на изображении)? Есть еще третий вопрос: при нажатии на пункт меню в соседнем блоке , где располагается основной контент, автоматически отображается информация касательно выбранного пункта(для более подробного и внятного объяснения-информация о человеке, его карьере за указанный промежуток времени). То есть, это не ссылка-якорь.…

    Asked by Super_Saimon,

    0 votes
    4 answers

  4. Перечеркнуть изображение крест-накрест

    Есть div с картинкой и текстом. Его нужно перечеркнуть крест-накрест. Вот никак не соображу как это сделать ловчее и техничней, чтобы адаптивность сохранилась. Кто-нибудь может подсказать решение ?

    Asked by 107andz,

    0 votes
    1 answer

  5. Вывод картинок в каталогах

    Вопрос по выводу каталогов картинок на сайте. На странице 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, слева на всех страницах располагается меню с каталогами. Как можно реализовать вывод картинок с помощью…

    Asked by maksim14,

    0 votes
    3 answers

  6. что перспективнее движок на основе Visual Studio (*.aspx) или Joomla?

    Здравстуйте уважаемые форумчане! Подскажите пожалуйста, что перспективнее движок на основе Visual Studio (*.aspx) или Joomla?

    Asked by Angela,

    0 votes
    4 answers

  7. Как вы прописываете псевдоклассны для ссылок

    Господа, день! Добрый! Появился такой логичный вопрос как вы в стилях прописываете псевдоклассы для ссылок, и прописываете ли их вообще ) То есть всем известно что можно писать так 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-х состояний они абсолютно одинакоые :-) Заранее спасибо за профессиональ…

    Asked by TonKhaO,

    0 votes
    6 answers

  8. Слои CSS в разных браузерах. HELP!

    Здравствуйте, года четре назад мне доводилось верстать дизайны для сайтов посредством HTML и СSS . Потом забросил всё это дело. (Кстати, в то время о слоях вообще не знал.) Теперь снова решился взяться за старое, вспомнил теги, и т.п. Прочёл немного про CSS слои. Со слоями, как выяснилось работать намного удобнее, Как в книжке создал слой: #top { position: absolute; /* Абсолютное позиционирование */ left: 500; /* Положение левого края */ top: 0; /* Положение верхнего края */ width: 100%; /* Ширина слоя */ height: 158px; background: #000000;/* Цвет фона */ color: red; /* Цвет текста */ } Вызвал: <div class='top'>здесь мой текст</div> НО ВОТ ПРОБЛеМ…

    Asked by Niodar,

    0 votes
    6 answers

  9. "Съедается" подложка <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 "-/…

    Asked by keo,

    0 votes
    0 answers

  10. Закругление без прокрутки

    Здравствуйте уважаемые гуру! В верстке я уже не новичок но столкнулся с проблемой которую не могу решить. Как сделать чтобы закругления оставались на месте без прокрутки?

    Asked by wanntuzz,

    0 votes
    15 answers

  11. Дико глупый вопрос

    Привет всем. Что-то я с утра безумно туплю и не могу придумать что сделать в такой простой ситуации: http://jsfiddle.net/p7vbu/ Что-то можно сделать, чтобы в этом случае меню не прыгало из-за увеличивающегося контента без задания жестких размеров/расположения пунктам меню и без js?

    Asked by hedgehog,

    0 votes
    9 answers

  12. проблема с двумя блоками 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…

    Asked by 123456789igor,

    0 votes
    6 answers

  13. моя 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…

    Asked by stilus,

    0 votes
    18 answers

  14. Проблема с отображением внедренных шрифтов в 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 отображал?!

    Asked by daggi,

    0 votes
    6 answers

  15. Баги в стилях слайдера

    Добрый день помогите найти причину почему слайдер так отображается, у главной секции стоит беграунд, а все внутренние блоки должны находиться внутри блока bx-viewport. Пытаюсь сделать через позицию абсолют, но ничего не выходит. + слайдер режит высоту картинки, ставлю высоту как надо через important , не помогает. Помогите отстроить правильно слайдер. спасибо Вот сслыка

    Asked by mrfrunze,

    0 votes
    14 answers

  16. Подгонять высоту слайдов под заданную высоту

    Здравствуйте. Есть читалка сделана из слайдера, где слайды это блоки в текстом. Слайды с текстом получаются разной высоты и отличаются друг от друга на несколько строк. Думаю задать максимальную высоту слайда, чтобы на слайдах с большой высотой текста межстрочный отступ уменьшался, а на слайдах с малой высотой текста увеличивался. Как это сделать на css не знаю. Пробовал line-height указывать в процентах, но что-то не то получается. Может не так пробую. Посоветуйте как лучше сделать.

    Asked by uppercase_css,

    0 votes
    4 answers

  17. Текст в div отображается не правильно

    Привет, есть проблема с отображением текста, а именно он уходит вниз. Но как только я убираю в css документе свойство float:left сам блок уходит вниз но текст размещается правильно. Спасибо за внимание) index.html style.css

    Asked by DITT,

    0 votes
    1 answer

  18. Толщина шрифта

    Столкнулся с такой проблемой, что Avocode неверно определяет тощину шрифта на макете в отличии от Photoshop. На скринах видно, что Avocode показвает, что толщина выделенного текста 400px. Однако Photoshop показывает, что выделенный текст имеет толщину extrabold, что равняется 800px. С чем это может быть связано и как это пофиксить

    Asked by Spllit,

    0 votes
    1 answer

  19. Rollover и ссылка

    Доброе время суток! Подскажите пожалуйста,возможно ли поставить на Rollover картинку ссылку,ибо DW 8.0 яро ругается на это и преобразует Rollover в обычную статичную картинку.заранеее спасибо

    Asked by Stigmat,

    0 votes
    4 answers

  20. Аналог behavior в других браузерах

    Коротко суть задачи: сайт позволяет использовать собственные css, но хочется дополнительно и свой javasript подгрузить используя возможность своих css. Для ИЕ делается просто через конструкцию типа: behavior: url(sriptfile.htc); Как сделать для других браузеров, или же лучше универсально для всех ?

    Asked by noname80,

    0 votes
    5 answers

  21. Подменю по клику

    Можно ли сделать многоуровневое меню, чтобы подменю появлялось по клику, используя только CSS? Ссылку на http://www.cssplay.co.uk/menus/new-dropdown.html не давайте. Там сделано то, что нужно, но как это реализовано, я честно не разобралась. Кроме того, меню верхнего уровня там сделано как 5 списков, а мне так не подходит.

    Asked by Wolf11,

    0 votes
    3 answers

  22. подскажите ламеру)

    подскажите плиз html тег для выравнивания текста на всю ширину строки, либо css тег. Заранее с пасибо

    Asked by Romario1985,

    0 votes
    3 answers

  23. Как лучше сделать такой див ?

    Есть 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) При наведении на картинк…

    Asked by topos,

    0 votes
    9 answers

  24. Навигация по сайту

    Переделываю верхнее меню на сайте, чтобы оно во-первых, было на ul-li, во-вторых на прозрачном фоне, чтобы его легко менять. Получилось следующее. http://htmlbook.ru/themes/html5/navigation.html Есть небольшая проблемка. Для получения прозрачности применяются всякие хитрые сдвиги, за счёт этого при выборе пункта текст сдвигается влево на 10 пикселов. Хотелось бы, чтоб верхний текст вообще не двигался. Что посоветуете?

    Asked by Vlad,

    0 votes
    12 answers

  25. Не могу убрать галочки списков в меню

    На сайте http://moscow.domolink.ru/internet/ Если открыть любой пункт меню, то в подменю вы увидите дебильные треугольнички списка. Я уже попробовал в стилях добавить: #left-menu ul li li a, div.leftmenu ul li li a { list-style-type: none; } #left-menu ul li li a { list-style-type: none; } Но они всё равно не пропадают. Подскажите в чём я ошибся?

    Asked by SCooTERina,

    0 votes
    2 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept