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

29,542 questions in this forum

  1. Не могу подключить сторонний шрифт

    Не могу подключить сторонний шрифт, помогите разобраться: body {font-size: 14px; line-height: 1.5; color: #333; background-color: #fff;} a {text-decoration: none;} a:hover, a:focus { text-decoration: none; border: none; } h1,h2,h3,h4,h5, @font-face { font-family: "ProximaNovaExCn-Bold"; src: url("ProximaNovaExCn-Bold.otf"); } h6 { font-family: "ProximaNovaExCn-Bold"; margin: 0px 0 10px 0px; font-weight: normal; line-height: 1,5; color: inherit; text-transform: uppercase;} h1,h2 {line-height: 1.4; letter-spacing: 1px;} h1 {font-size: 40px;} h2 {font-size: 32px;} h3 {font-size: 24px; letter-spacing: 2px;} h4 {font-size: 18px; letter-spacing: 1px;} h5 {font-size: 14px; …

    Asked by froot,

    0 votes
    22 answers

  2. Пакетное преобразование изображений (изменение холста)

    Здравствуйте! Уважаемые форумчане, для интернет магазина необходимо сделать квадратные изображения - 220px на 220px. Имеющиеся изображения товаров, а их около 1000 штук, имеют абсолютно разный размер и соотношения сторон. Может быть кто-то подскажет программу, которая позволит решить данную проблему - сделать из прямоугольных изображений квадратные, например, увеличить меньшую сторону до большей. Заранее благодарю за полезные советы и решения!

    Asked by volshebnyi,

    0 votes
    12 answers

  3. Иконки под новостью или CSS background

    Я сделал и хочу использовать иконки для новостей сайта: Я собрался это делать при помощи следующего кода: HTML <div class="cdetails">{link-category} <span class="inviews">{views}</span> <span class="inauthor">{author}</span> <span class="indate">{date}</span> <span class="incomments">{comments-num}</span></div>CSS .cdetails span {padding-left:16px;margin-right:16px;background:url(../images/icons.png) 10px 10px left center no-repeat;}.inviews {background-position:0 0;}.inauthor {background-position:0 0;}.indate {background-position:0 0;}.incomments {background-position:0 0;}Однако сами иконки на сайте не отоб…

    Asked by iBars,

    0 votes
    11 answers

  4. типо по учебе

    нужно типо сделать вот ето задание ну ниже там в задание нарисованно как ето должно выгледит тоесть вот так Имя пользователя Пароль А что они имели виду под этим? и зачем ? Имя пользователя (идентификатор "nm"); Пароль (идентификатор "psw");

    Asked by Kain,

    0 votes
    7 answers

  5. Как сделать смену картинки при наведении мышью ?

    Примерно так: Картинкамаленькая1 | Картинкамаленькая2 | Картинкамаленькая3 КАРТИНКАБОЛЬШАЯ1 Т.е три маленькие картинки находятся в верхней табличке, состоящей из 1 ячейки и трех столбцов, а Большая картинка расположена под этой табличкой, нужно чтобы при наведении мышью на маленькие картинки, большая картинка внизу менялась на соответствующую. Спасибо.

    Asked by AndreyM,

    0 votes
    16 answers

  6. Не коректно работает шаблон

    Делаю первый сайт. В html и css разбираюсь очень и очень поверхностно. Сделал шаблон. В Денвере работал нормально ,а как перенес на сайт стало коряво. В Опере верхнее меню при наведении немного сдвинулось ,а в Эксплоере совсем коряво стало. Помогите разобраться. Сам вряд ли разберусь. А посмотреть можно тут http://astoria.jino.ru/

    Asked by Astoria,

    0 votes
    11 answers

  7. опять же высота min-height

    Привет. Появилась задача сделать вокруг блока несколько фоновых изображений. Все получилось, но вот есть глюк, который я не знаю как исправить... если высота блока превышает 100%, то фоновые изображения остаются на месте, а контент вылазиет за их границы. Объясните с примером плз как решить данную задачу. Спасибо! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> html, body {height:100%; margin:0; padding:0;} #wrapper {wi…

    Asked by white_kh,

    0 votes
    12 answers

  8. Ширина ячейки со скрытыми элементами

    Есть TD, в которой присутствует картинка, ширина которой в общем случае неизвестна, и текст. Картинка скрыта (display:none). Ширина ячейки задана, и она меньше ширины скрытой картинки. При этом ячейка отображается по заданной ширине, т.е. ширина скрытой картинки игнорируется. Если картинку сделать видимой (display:block), то ширина ячейки становится равной ширине картинки, что и требуется! Собственно задача - необходимо сделать ширину ячейки со скрытой картинкой (неизвестной ширины) равной ширине этой картинки. А в общем случае - ширине любого скрытого контента в состоянии, когда он не скрыт. При этом контент внутри может быть самый разный, т.е. (если что) неизвестно у ка…

    Asked by lazybaby,

    0 votes
    16 answers

  9. выравнивание DIV

    Не пиннайте сразу, дочитайте до конца.Не наш?л такой темы по поиску, поэтому создаю новую. Как выровнять меню во внутреннем тэге div по середине экрана горизонтально? Проблема в том, что не известна ширина и задать ж?стко е? нельзя, клиент сам изменяет меню, и она будет плавающей, но меню всегда должно центрироваться. Основная проблема в том, что не получается сделать минимальной ширины по контенту, расползается на 100%. А все подпункты меню разумеется должны быть выровняны слева. Вот пример кода меню: <div style="background:#FFFFFF;width:100%;"> <div style="background:#FFFFFF;color:#335533;"> <ul style="background:#FFFFFF;color:#335533;"> <li sty…

    Asked by DjDance,

    0 votes
    10 answers

  10. вопрос по поводу галереи

    Здраствуйте. Не могли бы вы объяснить чайнику как работать с этим сайтом http://coppermine-gallery.net/? В смысле как скачать оттуда скрипты и установить галерею себе на сайт? Только, если можно пошагово) Буду очень благодарна.

    Asked by Jessy,

    0 votes
    7 answers

  11. Баннер

    Народ, подскажите как и можно ли вообще самому сделать баннер???? может есть програмки какие нибудь????

    Asked by Nex,

    0 votes
    8 answers

  12. Картинка как ссылка

    Подскажите, пожалуйста, как сделать, чтобы при наведении курсора мыши картинка меняла цвет? К примеру есть серая картинка, я хочу, чтобы при наведении курсора мыши картинка превращалась в коричневую. Картинки соответствуют ссылкам (то есть используется не текст, а картинка) и надо, чтобы текущая действующая открытая страница выделялась также коричневым цветом. Возможно ли хотя бы что-то из перечисленного проделать с помощью css, манипулируя 1 картинкой, то есть не применяя замещения? Хотелось бы прийти примерно вот к этому: http://www.basis-group.ru/

    Asked by maksimka,

    0 votes
    4 answers

  13. Аномальный отступ справа от футера

    Добрый день уважаемые гуру. В процессе вёрстки наткнулся на неприятный глюк, вызванный скорее всего кривыми руками автора (т.е. меня). Суть глюка в том, что при уменьшении окна браузера, появляется в футере отступ справа (не смотря на то, что ширина футера 100%). Причём, по мере дальнейшего уменьшения размера окна, увеличивается этот отступ. Выглядит это вот так: Здесь всё ок. Началось Продолжилось Собственно стиль футера. Если что ещё нужно, скажите. /* Footer —————————————————————————--*/ #footer { background-image: url(image/footer.png); color: #d4d4d4; /* ???? ?????? */ padding: 5px; /* ??????? ?????? ?????? */ margin-top: 100px; height:170px; text-align: center;…

    Asked by Vartigont,

    0 votes
    6 answers

  14. Блоки в ряд по горизонтали (выход за границы экрана)

    Добрый день! Приветствую всех! Только зарегистрировался на форуме, и хотел посоветоваться. Следующая ситуация Мне надо расположить блоки один за другим, так чтобы они выходили за границы экрана, и не съезжали вниз. У меня есть опыт в верстке, и такую ситуацию решал 2 способами (но обе на мой взгляд, являются ужасными) 1) У внешнего diva задаю фиксированную ширину (например 20000px, ну или динамически считаю js если возможно), внутренние делаю float:left и все ок 2) У внутренних делаю position:absolute, и c js ставлю left:0px; left:1280px итд. Что тоже ужасно __________ Хотелось бы сделать как то без js, и более устойчивую систему - эти варианты какие то "на …

    Asked by haiatov,

    0 votes
    2 answers

  15. Что за конструкции <BR />, <IMG /> и тд?

    Все никак не могу понять что означает /> для одиночных дескрипторов? Зачем это надо?

    Asked by rug_1,

    0 votes
    7 answers

  16. ?

    http://www.css-mapping.narod.ru/changelog.html/ Почему-то перестала отображаться ссылка-изображение. Ни с того, ни с сего. Находится между надписями "Special panel" и "Changelog". Что за фигня?

    Asked by Sheena,

    0 votes
    6 answers

  17. Float и valign

    здесь я показал дивы, соедин?нных с помощью float. Нужно сделать так чтобы содержимое того блока, который по высоте ниже перемещался вниз. Такое легко реализовать с помощью таблиц, но в мо?м случае их использовать нельзя. Как ни крутил, ничего не выходило. Есть идеи?

    Asked by adbared,

    0 votes
    3 answers

  18. кнопка меню ( текущая страница выделяется цветом)

    Друзья! Прошу помоч сделать красивое меню (см картинку) т.е. на текущей странице подсвечивается та кнопка меню, которая ей соответствует как это сделать?? вот код который сейчас <div id="menu"> <!--k1 . k2 и k3 это кнопки меню--> <div id="k1"> <p><a href="#">главная</a></p> </div> <div id="k2"> <p><a href="#">фото</a></p> </div> <div id="k3"> <…

    Asked by cardsmoney,

    0 votes
    8 answers

  19. Перенос сайта на бутстрап 3

    Всем доброго вечера! Решила я перенести и доработать свой сайт. Конечно мой выбор пал на bootstrap начала переносить на старую версию, а вас почитала и направила свой энтузиазм на 3-й (надо будет все перенести) и тренировка, и полезные знания в виде разминки для мозгов. Так вот столкнулась с такой проблемой, как фон в прежней версии вырезала кусок и растягивала, но это не подходит для нынешней задачки вот пока что есть - http://prntscr.com/2dommb а вот исходный макет http://prntscr.com/2don3t (уменьшила что бы весь макет влез) вот что происходит при сужении - http://prntscr.com/2doneb Хотелось бы что бы все картинки подстраивались, как бы это получше реализовать?

    Asked by Anna Zharova,

    0 votes
    2 answers

  20. Едет верстка на IPad'е

    Всем привет. Есть простая верстка: http://test.premier96.ru/main.html Говорят (сам сабжевым девайсом не обладаю, поэтому воочию посмотреть не могу), что на айпаде кое-что едет, даже картинку дали как оно едет: http://test.premier96.ru/photo.jpg Проблема даже не в том, что вообще мало понятно, почему оно так вот едет, а в том, что ВСЕ онлайн показометры сайтов на моб. устройствах ничего подобного не показывают, там все ок. Может у человека с браузером на девайсе фигня какая-то происходит ? У кого айпад есть, гляньте, как у вас отображается или кто-то может просто подскажет, в чем может быть дело ? Заранее благодарю!

    Asked by lolka84,

    0 votes
    6 answers

  21. Сетка

    Здравствуйте, в процессе обучения верстке сделал свою сетку. Но есть одна проблема. Допустим есть макет с сеткой http://bloggingtips.moneyreigninc.netdna-cdn.com/wp-content/uploads/2008/05/website-index.jpg. в header есть логотип и меню, есть 24х колоночная сетка. Между логотипом и меню есть 8 колонок. Вопрос: как сверстать этот пробел? Влепить туда пустой блок 1/8 или сделать margin ?

    Asked by Spark89,

    0 votes
    23 answers

  22. Меню

    Привет всем. Меню, не получается отобразить полноценно в других браузерах кроме IE (сжимает) что можно предпринять? ____________________________________________________ #navigation { padding:0px; font-weight:bold; display:inline; } a.navigation { text-decoration:none; text-align:center; background-color:#BEBEFF; color:#ffffff; width:200px; border:3px solid; border-color:#ccc #ccc #999 #999; padding:2px; } a.navigation:visited { text-decoration:none; text-align:center; background-color:#BEBEFF; color:#ffffff; width:200px; border:3px solid; border-color:#ccc #ccc #999 #999; padding:2px; } a.navigation:hover { top:2px; left:2px; color:red; border-color:#999 #999 #ccc #ccc; …

    Asked by denand,

    0 votes
    12 answers

  23. Увеличение картинки

    Скажите, чтобы при наведении мышкой на картинку ее размер увеличивался(уменьшался), что необходимо использовать?

    Asked by Vitali,

    0 votes
    5 answers

  24. осбоенности использования map area в Firefox

    может кто знает, есть какие то особенности использования тега map area в MozillaFirefox? нужно сделать картинку с облатями перехода, это map area. в браузерах Explorer,Opera тестовый пример нормально работает, создается 3 области, появляется текст alt, работает href. в Firefox только первые 2 области раюотают нормально (есть alt, href), последняя область не срабатывает. не понятно где тут накосячено, пример простенький. ошибки не вижу. но может ктонить подскажет?

    Asked by dubist,

    0 votes
    5 answers

  25. Непонятный мне хинт с колонками одной высоты

    Заметил одну странную штуку, хочу понять её природу. Сначала о штуке. Есть 2 слоя(опустим их стили): <div id="left"> ... </div> <div id="right"> ... </div> Они неизвестной высоты, но должны зрительно вытягиваться так, как будто она одинакова и равна максимальной. Для решения этой задачи я сделал так(колонки одного цвета), задав слою content "background: #FFFFFF;". <div id="content"> <div id="left"> ... </div> <div id="right"> ... </div> </div> В результате - ничего. Но стоило добавить слою content "float: left;" и всё отобразилось как надо во всех имеющихся у меня браузерах. Почему так?

    Asked by Choo,

    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