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. Полоса прокрутки при абсолютном позиционировании

    Имеется такая конструкция. В блок вложен блок с фоновой картинкой. <div class="outer"> <div class="block"></div> </div> Css: .outer{ width:980px; margin:0 auto; position:relative; } .block{ position:absolute; width:200px; height:200px; left:-100px; top:-50px; } В данном случае, если окно браузера сужается менее 1180px, полоса прокрутки не появляется, Но если задать .block { right:-100px } при сужении окна, полоса прокрутки появляется. Как обойти данный момент? То же самое и если сдвигать .block вверх- полосы прокрутки нет, а если сдвигать .block вниз, то полоса появляется.

    Asked by vip,

    0 votes
    8 answers

  2. Тупые углы на CSS

    Ребят, всё утро бьюсь и мучаю гугл. Нужно при помощи CSS оформить тупые углы с левой стороны, как вот тут: Уже шарики за ролики скоро поедут , дайте хотя бы идеи как это сделать. Спасибо за ранее.

    Asked by safrankov,

    0 votes
    4 answers

  3. tooltip для картинки

    Здравствуйте. Подскажите, как могу реализовать что-то типа тултипа для картинки. Чтобы при наведении на картинку выходила небольшая область с текстом. Желательно, чтобы в текст можно было еще вставить и ссылку. Может можно как-то ALT или TITLE описать таким образом? Даже пример нашел, только не понял, как сделано. сайт ввв.imo.by/furniture-about.php

    Asked by annik,

    0 votes
    6 answers

  4. Выровнять фрейм как надо

    <body style="margin:0px;"> <center> Text1 </center> <center><p><iframe src="h_f_l.html" width="200" height="200" style="margin:50%;" ></iframe></p></center> <center> Text2 </center>Хочу сделать так, что бы фрейм постоянно был по центру страницы, оставался по центру стрницы и при растягивании или сжатии страницы, проблема в margin, если на 50% то он улетает куда то далеко вниз... <body> <iframe src="h_f_l.html" width="200" height="200" style="left:10%; top:10%; position:absolute; position:fixed; "></iframe> <iframe src="h_f_r.html" w…

    Asked by jestyman,

    0 votes
    2 answers

  5. :not(first-child)

    Как можно применить стиль ко всем элементам, за исключением первого? :nth-child(n+1){} не помог.

    Asked by borus,

    0 votes
    4 answers

  6. Верстка DIV

    Вот решил на див переходить, на пинайте, хочу спросить основы! Как сделать фиксированными несколько блоков при определенном разрешении,чтобы не было съезда? Верстка смешаная таблица и div, таблица тянется по высоте и ширине, центральная колонка фиксировнная в шапке будут блоки div, так же блоки div в центре и внизу! Дайте хорошие примеры, по реализации такого макета, чтобы понять суть верстки div, плиз.

    Asked by okunev2,

    0 votes
    11 answers

  7. три колоники (боковые колонки тянутся по ширене, средняя фиксированна)

    Здравствуйте. Проблема с версткой макета. Нужно, чтобы правая и левая колонки растягивались по ширене (%), а центральная была фиксированной длины (px). Примерно так: |<—100%—>|<—200px—>|<—100%—>|

    Asked by Юрий,

    0 votes
    7 answers

  8. Позиционирование элементов внутри ячейки

    Вопрос в следующем. Есть таблица 1 ряд в 2 ячейки. Ширина 800px Высота 100% В 1-ой ячейке наверху идет фотография, во-второй идет много-много текста который в свою очередь растягивает ячейку №2 вниз. Теперь в чем стала проблема в первую ячейку надо запихать вторую картинку, но что бы она была в самоом низу, наровне с нижней строчкой текста во 2-ой таблице. Решение есть переделать таблицу, но в моем случае это будет трудоемко. Поэтому можно ли заставить путем css два элемента в одной ячейке быть один в самом верху а другой в самом низу. Заранее спасибо Александр

    Asked by Quazzii,

    0 votes
    7 answers

  9. Как подключить нестандартный шрифт?

    Не знаю, как подключить внешний шрифт "ttf". Как решить лучше сие задачу?

    Asked by flagreit,

    0 votes
    11 answers

  10. Дайте ответ

    Вот часть меню <ul class="cssMenu cssMenum"> <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Автонавигаторы</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class=" cssMenum"> <li class=" cssMenui"><a class=" cssMenui" href="#">BBK</a></li> <li class=" cssMenui"><a class=" cssMenui" href="#">GARMIN</a></li> <li class=" cssMenui"><a class=" cssMenui" href="#">GLOBUS</a></li> <li class=" cssMenui"><a class=" cssMenui" href="#">MIO</a></li&g…

    Asked by ppvkomi,

    0 votes
    26 answers

  11. Пустой тег

    Здравствуйте! Для активации смены картинки при наведении в списке использую пустой тег <a>Текст</a> Верное ли это решение, и может ли тег <a> быть пустым? Заранее благодарю за ответ!

    Asked by Santorin,

    0 votes
    5 answers

  12. Opera не реагирует на cursor:pointer;

    Неподскажите как с этим бороться... Местами пишут что поздние версии Opera неочень поддеживает... Может это как-то через JS можно сделать или как ((

    Asked by alexander.parphenuyk,

    0 votes
    13 answers

  13. Задача по CSS

    Возникла задача, которую я не смог осилить. Поэтому прошу вашей помощи. Дано: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Задачка по CSS</title> <style type="text/css"> * { margin: 0; padding: 0;} .nav { list-style: none;} .nav > li { display: inline-block; width: 100px; border: 1px solid #000; vertical-align: top; } </style> </head> <body> <ul class="nav"> <li> &lt…

    Asked by psywalker,

    0 votes
    26 answers

  14. Растянуть по высоте div, внутри button

    Добрый день. Нужно растянуть div по высоте, который находится внутри button. Не получается сделать это через проценты. Остается только через em. Но мне нужны именно проценты, есть ли еще способ. Вот код: http://jsfiddle.net/mufYx/

    Asked by istepan,

    0 votes
    4 answers

  15. Не работают :hover и :transition

    Люди добрые, помогите разобраться, весь день пытаюсь понять почему у меня не получается. В общем идея была сделать одну красную кнопку, чтобы при наведении появлялось еще 4 зеленых. Реализовать попытался 2мя очень похожими способами, через div и через список. https://codepen.io/lokonaft/pen/GXqBBP - в данном случае почему то не работает transition https://codepen.io/lokonaft/pen/qMNMVL - в данном случае я то ли не могу правильно задать hover, то ли я чего то не понимаю

    Asked by lokonaft,

    0 votes
    2 answers

  16. Бекграунд дива в зависимости от высоты и без скриптов

    Есть див с бекграундом, заданным с помощью стилей (см. скриншот) высота которого (дива) изменяется при изменении размеров окна (разрешения монитора). Нужно сделать так, чтобы все было красиво Я сделал это с помощью скриптов: поставил обработчик события onload, onresize и меняю класс дива в зависимости от его высоты (двох картинок хватает). Вариант, в принципе нормальный, но хотелось бы сделать без скриптов. Без скриптов придумался такой вариант: 1. в див кладем еще один див, в которого бекграунд - небольшой прямоугольник цвета такого же как и цвет нашего дива и расположен в нижнем левом углу 2. позиционируем бекграунд по точным координатам, вместо left center теперь пр…

    Asked by Tokolist,

    0 votes
    10 answers

  17. Скрыть путь к изображению

    Здравствуйте Уважаемые форумчане! У меня возник вопрос: «Как скрыть ссылки на определенные рисунки?». Сайт на движке DLE 8.0, есть краткая и полная новость в обеих по картинке. В браузере Opera нажимаем правой кнопкой мыши на фото => «Свойства изображения…» и получаем полный путь к картинке на сайте. Например “http://mysait.ru/library/files/arc_61883/003/screen.jpg”. Вот его мне и нужно скрыть т.к. это вопрос безопасности остального содержимого в той же папке. Скажите пожалуйста, можно ли скрыть с помощью кода адрес рисунка и как? Т.е. какие технологии применить, чтобы картинка отображалась, а ее местоположение было скрыто?

    Asked by Holli,

    0 votes
    11 answers

  18. Инструкция, создания сайта

    Доброго времени суток, форумчане. Есть желание создать сайт, но проблема в том, что не знаю с чего начать. Интересует, такой вопрос, как начать грамотную разработку сайта? С чего начать лучше? База данных? CMS? А может, с самого HTML?

    Asked by werwen,

    0 votes
    37 answers

  19. Красивый эффект на сайте

    Добрый день. Столкнулась с проблемой. Необходимо создать сайт в виде книги, то есть с эффектом перелистывания страниц, обязательное условие. Сначала думала решить через Flash, но рассмотрев примеры и исходники, найденные в просторах Всемирной паутины, обратила внимание на то, что они все выдают картинки, то есть текст оттуда скопировать нельзя. Мне же необходимо, что текст оставался текстом, а не превращался в набор пикселей. Можно ли такого эффекта добиться используя JS или jquery ? Я плохо знаю jquery, поэтому и спрашиваю о его возможностях, так же как и Flash, только - только начала изучать. В идеале, хочется максимально, насколько возможно, уйти от Flash, что бы пот…

    Asked by savushka,

    0 votes
    11 answers

  20. Проблема с input в мобильном Safari

    Добрый вечер! Маленькая проблемка появилась. В мобильном Сафари input text и input password больше чем везде (сравнил на компе, да, больше именно они, а не кнопка меньше). Думал проблема в text-indent, сменил на padding, поменял размер, глухо. На виртуалке смотрел на десктопном Сафари - все ок, во всех остальных бразузерах - все ок. На мобильных девайсах почему то нет. Использую normalize https://github.com/necolas/normalize.css/blob/master/normalize.css Код: http://jsfiddle.net/0go8ub5u/ А вот так на айфоне: Теряюсь в догадках уже, помогите пожалуйста разобраться

    Asked by horprogs,

    0 votes
    3 answers

  21. Размер поля input

    Народ, можно ли сделать так, чтобы input type='text' был относительный, а не абсолютный? Чтобы вне зависимости от разрешения экрана полее ввода было одинаковым относительно колонки. Пробовал ставить проценты, но что-то не пашет.

    Asked by pyostriy,

    0 votes
    7 answers

  22. IETester - За и Против

    Вопрос к тем, кто пользуется IETester'ом для проверки верстки в ИЕ6 и ИЕ7. Сталкивались вы с различием в отображении страницы IETester'ом и реальным браузером? Собственно хочется определится - стоит ли 100% полагаться на IETester? Заранее спасибо

    Asked by VJiK,

    0 votes
    22 answers

  23. Смена блоков

    Здравствуйте. Ситуация такова: Необходимо сделать замену содержимого на страничке по клику. Есть главная страничка сайта на русском языке (до регистрации), которая содержит краткую информацию. Её необходимо продублировать на английском. Для этого нужно поставить 2 флажка на русский вариант странички, при нажатии на которые будет меняться содержимое. То есть пришли на сайт первый раз, видим информацию + 2 флажка, кликаем по английскому флагу и получаем тот же текст на английском, кликаем по русскому флагу и получаем заново русский текст (который стоит всегда по умолчанию). Идет смена блоков. ——————- С кодом в принципе знаком и уверен что тут необходимо применить DIV, оста…

    Asked by TRIGUN,

    0 votes
    9 answers

  24. Что Куда и КАК ?

    Добрый вечер. Я только начал изучать язык PHP (не по доброй воле, а ради экономии ), до этого работал только на 1С. Мой сайт был написан компанией CIM. Там есть своя админ часть, и можно сомому делать изменения в коде. Часть скриптов конечно скрыта, но общий вид можно менять по своему усмотрению как угодно. Теперь сам вопрос: Есть к примеру ссылка http://b_XXXXXXXXh_._c_o_m_._u_a_/32?pid=16582 (это один из моих товаров) При нажатии на эту ссылку идет вывод странички page1, в ней есть свой код. Подскажите пожалуйста как в этом коде можно обратиться к значению 16582? То что там это зачение есть - это точно так как в коде присутствует вызов скриптов (которые мне не доступны)…

    Asked by Drongo,

    0 votes
    31 answers

  25. Удалить неиспользуемые классы в css

    Здравствуйте. Так получилось, что в процессе разработки сайта в таблице стилей у меня скопилось несколько классов, которые в верстке не используются, можно ли каким-либо образом найти их все и удалить автоматически?. К примеру, сначала в верстке было так: в html <div class="class1"></div>в css .class1{описание;}потом это было переделано следующим образом: в html стало <div class="class2"></div>в css просто добавился еще один класс .class1{описание;}.class2{описание;}Соответственно class1 у меня уже нигде не используется, и таких классов несколько, однако вручную уже тяжело отследить какие классы в таблице стилей теперь не нужны и которые можно …

    Asked by dmifed,

    0 votes
    3 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