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. Вертикальное выравнивание внутри элементов списка

    Добрый вечер! Вот проблема такая есть, не знаю как сделать. Вот картинка проблемы: Вот код: <html> <head> <style> .asd ul li{ outline: 1px solid black; height: 80px; } </style> </head> <body> <table border="1" align="center" width="200"> <tr> <td> <div class="asd"> <ul> <li><a href="#">123</a></li> <li><a href="#">sd sdg g456 gf sdgd 4 23 423 423 </a></li> <li><a href="#">345</a></li> <li><a href="#">456 234 234 234 234 234 23 423 423 </a></li&g…

    Asked by rbelko,

    0 votes
    3 answers

  2. Выпадающие меню

    Здравствуйте. Есть html-код: <!doctype html> <html> <head> <meta charset="utf-8"> <title>меню</title> <link href="css/common.css" rel="stylesheet" type="text/css"> </head> <body> <div id="menu"> <ul> <li><a href="#">Меню1</a> <ul> <li><a href="#">меню 1.1</a></li> <li><a href="#">меню 1.2</a></li> <li><a href="#">меню 1.3</a></li> </ul> </li> <li><a href="#">Меню2</…

    Asked by param,

    0 votes
    4 answers

  3. закрепить изображение

    есть блок, в нём изображение. если увеличивать масштаб, картинка тянется по горизонтали (и по вертикали), соответственно ,едет. нужно закрепить как-то картинку, чтобы её, например, центр (или другая точка) оставались на месте, а изображение за счёт масштаба ползло вбок-верх-низ. реально ли сделать так средствами css?

    Asked by maa,

    0 votes
    0 answers

  4. проблема с наложением блоков

    Помогите, пожалуйста, решить вот какую проблему: имеется два дива, нижний "залазит " на верхний, но при этом высота страницы должна уменьшаться на аналогичное колличество пикселов. <div id="backgrTop"></div> <div id="cont"> <img src="cont.png" /> </div> body { padding: 0; margin: 0; background: #0b1517 url(BottBack.png) bottom right no-repeat; } #backgrTop, #cont { position:relative; } #backgrTop { width: 407px; height: 245px; background: url(topBack.png) top left no-repeat; z-index:1; } #cont { top: -235px; margin: 0 auto; width: 1091px; height: 1000px; z-index:2; }

    Asked by triton,

    0 votes
    3 answers

  5. Размещение картинки в центре слоя

    Добрый день. Слой с логотипом растягивается по всей ширине экрана. Картинка по ширине заведомо больше нужного размера. Как разместить центр картинки (по горизонтали) строго по центру слоя, желательно в фоне. Спасибо. П.С. Резать пополам картинку не хотелось бы.

    Asked by Ururu,

    0 votes
    4 answers

  6. верстка макетной платы

    привет! необходимо сделать модель макетной платы в виде веб-страницы. выглядеть это должно примерно так: сверху эл. элементы (их пока там нет) берутся и перемещаются на плату снизу (между точками) будет использоваться html и jquery (+css конечно) вопрос: каким образом сделать саму плату(интересуют html теги)? как выполнить точки на плате, чтобы элементы "крепились" между ними?

    Asked by max.sa,

    0 votes
    8 answers

  7. прыгающие блоки

    помогите пожалуйста понять и решить проблему. на странице в любых виндовых браузерах при изменении масштаба браузера(ctrl -) происходит перемещение блока .information под блоки .welcome и .latest_works задавал вопрос на другом форуме и мне ответили, что происходит изменение толщины границы блока. ссылка. зафиксировать изменение толщины своим firebug-ом не получилось находил на вашем форуме тему с похожей проблемой, но только для ie

    Asked by cyklop77,

    0 votes
    6 answers

  8. input спрайтами?

    как сделать такой input http://savepic.net/2903290.htm спрайтами?

    Asked by olechic,

    0 votes
    5 answers

  9. ссылка з треугольником

    Как сверстать ссылку чтоб внизу ее был треугольник?

    Asked by AndreyT,

    0 votes
    2 answers

  10. Уменьшаются некоторые символы после Fontsquirrel

    Шрифт PFSquareSansPro-Medium.ttf после прогона через fontsquirrel начинает некорректно отображать некоторые кириллические символы. Они становятся меньше или появляются артефакты. Причем на маке, например, это не проявляется Например, здесь уменьшается буква "м": а здесь появляется какая-то "засечка": Другие веб-шрифто-генераторы не подходят по причине очень большого размера файлов шрифтов на выходе, хотя может я просто не нашел нормальный. Подскажите, пожалуйста, как это можно исправить, обойти, как-то настроить fontsquirrel, или использовать другой веб-шрифто-генератор, который на выходе не будет отдавать файл размером в 400 кб.

    Asked by selahssea,

    0 votes
    2 answers

  11. Проблема с float

    Друзья, проблема такая. Есть две колонки, состоящие из блоков со свойством float:left внутри контейнера, перед закрывающим тегом которого стоит блок со свойством clear:both, чтобы контейнер растянулся на высоту колонок. Так вот проблема в том, что одна из колонок этот контейнер всё равно не растягивает, и залазит на элементы, находящиеся ниже (в моём случае на футер). Пример проблемы здесь: _http://berezkairk.ru/доставка/ - правая колонка вылазит за пределы контейнера wrapper несмотря ни на какие clear:both (смотреть лучше с шириной окна браузера не менее 1024, т.к. ещё не под все разрешения css написан). Я уже не первый год в вёртске, но в данном случае я уже просто не з…

    Asked by StormMan,

    0 votes
    2 answers

  12. Вендорные префиксы

    Вендорные префиксы, какие ещё актуальны для современных браузеров, вроде бы слышал о том, что -moz уже не используется для новой мозили, вот хочу узнать какие префиксы её нужны, а какие уже в небытие.

    Asked by antoxa-ua,

    0 votes
    2 answers

  13. Firefox скрывает картинку

    Привет, друзья. Есть такая страничка http://avtoport.tv/ Там почти ничего нет, но не в этом суть. Почти в самом начале страницы есть картинка <img src="/media/ads/banner1.png"> или <img src="/media/ads/banner.png"> — там ещё написано «Баннер 1920×190» (они в случайном порядке ставятся, но суть и не в этом). Если посмотреть html-код, то вроде всё ок. В хроме картинка есть. А вот в фаерфоксе почему-то её нет. Если смотреть фаербагом, то просто жесть какая-то. Failed to load и какой-то класс добавлен к тегу img неведомый. Если открыть напрямую, то всё открывается. Косяк точно не в веб-сервере, так как что на продакшене, где nginx и на девелоперском веб-сервере, в…

    Asked by Veseloff,

    0 votes
    4 answers

  14. Кнопка "наверх" на разных сайтах работает по разному

    Не могу понять, хостер один и там и там, а медленная прокрутка вверх работает только на втором сайте. Что я не учёл? 1. http://xn—-7sbbntllhgghd2af4opb.in.ua/smola.html 2. http://xn--80apgctu.in.ua/index.html Вот скрипт $(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); Спасибо!

    Asked by Vic-Tor,

    0 votes
    2 answers

  15. Рзмытость текста

    Доброго времени суток! Заметил, что в фотошопе на исходнике текст отображается немного размытым http://i7.pixs.ru/storage/5/4/7/imagejpg_3073864_10892547.jpg Можно ли добиться такого эффекта и в браузере?

    Asked by GusevIvan,

    0 votes
    3 answers

  16. bxSlider вопрос по поводу функционала

    Захотелось запихать в страницу 2 слайдера разного внешнего вида. Используется bxSlider. Вопрос как это реализовать? Написать стили для второго слайдера в html коде, а первый берет стили из bxslider.css ?

    Asked by CroaToa,

    0 votes
    4 answers

  17. IE9. Панель поиска и радиент

    Всем доброго времени суток! Сверстал страницу интернет магазина. Но, в IE9 жутко отображается панель поиска и не показывает градиент.

    Asked by Arthur,

    0 votes
    3 answers

  18. Нужна помощь по Bxslider: слайд по центру, слайды наезжают друг на друга

    Добрый день! Надеюсь на вашу помощь ибо все ресурсы уже исчерпаны Я мучаюсь с BxSlider'ом. Сетка сайта фиксированная - 1920 и 960 (когда окошко браузера уменьшено до 960, вступают изменённые правила). Средний слайд в карусели должны быть всегда по центру. Уменьшив размер браузера - появляется гор. прокрутка и центральный слайд - по центру. Так же боковые слайды должны быть видны на половину. Вот, как это примерно выглядит на диаграмме: Код здесь: http://jsfiddle.net/feyv2afw/ Надеюсь на помощь

    Asked by 01K,

    0 votes
    0 answers

  19. Посоветуйте библиотеку/плагин для реализации этих элементов

    1. Горизонтальный скролл 2. Эффект ластика 3. Еще один горизонтальный скролл. При скролле число 59 будет идти по линии и будет меняться число

    Asked by posthack,

    0 votes
    3 answers

  20. Убрать горизонтальную прокрутку

    Добрый день! Появилась горизонтальная прокрутка, по отладчику вижу ,что блоки больше заданной ширины max-width 1140px. Видимо, причина в этом, но не понимаю, как это исправить. Помогите,пожалуйста. Shop.rar

    Asked by Albinka,

    0 votes
    1 answer

  21. DIV по середине

    У меня такая проблема как сделать чтобы блок див был по середине в Internet Explorer 8? маргин авто результатов не даёт(((( в этом блоке должен быть весь сайт..... в других браузерах прописывал марген авто и было всё норм....

    Asked by Bleach,

    0 votes
    1 answer

  22. Кто может помочь?

    Народ помогите кто сможет... Делал верстку трехколоночную с одинаковой высотой. Все хорошо. Все как надо. Но одно но... Высота этих колонок не уменьшается (((( Поэтому не могу закончить верстку. Посмотрите может я чето напутал... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Название страницы</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="wrapper"> <div id="header"> <img src="img/logo1.png" height=200 width=766> <a href=#><img src="img/banner.png" class=ban2 height=82 width=209&g…

    Asked by Sp@wNox,

    0 votes
    0 answers

  23. Проблема с меню...

    Уважаемые пользователи , Не могу никак поправить ошибку в меню, навожу курсором выше текста, а текст снизу выделяется, как-будто я навел на него.. вот сам файл http://files.mail.ru/V29REF Эта ошибка видна, через браузер Mozilla firefox через оперу все норм, может кто сталкивался с такой проблемой, а то никак не могу разобраться..

    Asked by smog,

    0 votes
    0 answers

  24. Как добиться эффекта?

    Подскажите пожалуйста как добиться эффекта как на этом сайте http://www.residentadvisor.net/ в дивах "Album Reviews" или "Single Reviews". Т.е. при наведении на превью, выводилось описание. Может есть какие нибудь уроки по данной теме?

    Asked by Discotune,

    0 votes
    3 answers

  25. Текстовое поле ломает таблицу

    Добрый день. Имеется меню под шапкой, свёрстано таблицей: <table cellpadding="0" cellspacing="0" width="1181"> <tr> <td colspan="3"><img src="img/head.jpg" align="top"></td> </tr> <!-- верхнее меню --> <tr> <td id="leftmenu"><form action="search.php" name="search">Поиск <input type="text" size="18" name="sh"></form></td> <td background="/img/but_menu.gif"><center><a href="#" class="mainlevel">О КОМПАНИИ</a><a href="about.php" class="mainlevel">КАТАЛОГ</a><a href="members.php" class="mainlevel">СПЕЦ. ПРЕДЛОЖЕНИЯ</a><a href="project.php" class="m…

    Asked by JeФoks,

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