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. картинка не выравнивается в ИЕ6 и 7

    задаю такую конструкцию <img src="media/image002.jpg" align="right" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.. доктайп <!DOCTYPE html PUBLIC "-//W3C//DTD X…

    Asked by sc@r@bey,

    0 votes
    5 answers

  2. Изображение Налезает На Навигацию

    Скажите,как сделать чтоб навигация закрывала часть изображения,если размер браузера уменьшен и уже меньше 800 в ширину,дело в том что при уменьшении окна браузера получаеться вот такое,скажите, как сделать чтоб навигация закрыла часть его, а не на оборот,картинка навигацию как в моём случаи. Вот сайт: http://tort-tort-tort.narod.ru/

    Asked by people2010,

    0 votes
    4 answers

  3. Шрифт с font-size:7px

    Подскажите, как можно сделать читабельный шрифт размером в 7px Желательно font-family:Arial; размер разумеется font-size:7px.В фотошопе он сглаживается, а в реальности в браузере отличия с фотошопом хорошо заметны. картинку выложу чуть позже. Спасибо.

    Asked by vgulchik,

    0 votes
    4 answers

  4. Резиновый сайт

    Сделал резиновую верстку, но все равно появляются горизонтальные полосы прокрутки как это можно исправить и все элементы отображаются с права, как можно сделать чтобы они были по центру.Заранее очень благодарен за советы и ответы. Это CSS: * { margin: 0; padding: 0; } html { height: 100%; width:100%; } header, nav, section, article, aside, footer { display: block; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; height: 100%; width:100%; background-color:#000033; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wra…

    Asked by Chuck,

    0 votes
    5 answers

  5. Проблема с выравниванием по центру в InternetExplorer

    Добрый день! Не подскажите в чём причина проблемы и как её решить? В следующем примере страницы контент выравнивается посередине. Но вот почему-то в Internet Explorer контент не выравнивается по центру, а во всех других браузерах всё работает нормально. Выравнивание производится стилем #wrap { .. margin:0 auto; .. } Код: HTML <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link type="text/css" href="css/Blocs.css" rel="Stylesheet" /> </head> <body> <div id="wrap"> <!-- Header --> <div id="header"…

    Asked by pavel_martin,

    0 votes
    4 answers

  6. Растягивающийся по высоте div при вертикальной прокрутке

    Уважаемые гуру, подскажите пожалуйста. Дизайн состоит из двух колонок фиксированной ширины, расположенных по центру экрана. Левая колонка маленькая - для меню, рекламы и прочего, имеет цветной фон. Правая колонка для контента. Изначально колонки растянуты но вертикали на 100%. Верстка сделана следующим образом: левая колонка имеет внутри несколько div-ов с абсолютным позиционированием для вывода фиксированных бэкграундов, а потом идет див, у бакграунда которого стоит repeat-y, для заполнения до низа браузера. Однако, если контента больше, чем на экранную страницу, то при скроллинге левая колонка съезжает вверх, отрываясь от нижнего края браузера: Верстка тут: http://fil…

    Asked by kiteman,

    0 votes
    4 answers

  7. Выравнивание по центру блока плавающей ширины

    Совершенно никак и никогда не был связан с версткой, а теперь понадобилось сделать простое, легкое и понятное решение для сайта маленькой конторки. Точнее не сделать, а показать что оно существует, дабы проект отдали нормальному верстальщику и дали на это денег. Проблема (решена): сделать блок с кнопками выровненным по центру. При разных разрешениях в нем может быть как 8 кнопок в ряд, так и 2-3. Спасибо: Морда сайта представляет из себя: Шапку: Название, основные контактные данные, микроменю с двумя пунктами "Прайс-лист, контакты" (тоже сделал). Основной блок: набор кнопок 180х130 px. Каждая кнопка - понятная пользователю товарная категория ("пылеварки", "кофесосы", "с…

    Asked by ittsam,

    0 votes
    8 answers

  8. Стилевое оформление тега select

    У тега select есть стрелочка вниз, которая раскрывает список. Как на место этой стрелки поставить свою картинку? Не могу найти решения. Шаблон посмотреть вот тут можно: http://www.freepsd.ws/80-psd-maket-dlya-sochineniy-i-referatov.html

    Asked by Rayzor,

    0 votes
    6 answers

  9. Схлопывающиеся отступы

    Читаю http://htmlbook.ru/samlayout/blochnaya-verstka/skhlopyvayushchiesya-otstupy 1) В Konqueror и Opera наличие padding'а схлопывание чёт не отменяет. Да и сомнительно, чтоб такое было, не вижу логики - зачем внутреннему полю влиять на работу со внешними полями? 2) Что значит "задана граница"? Что такое "граница"? Как она может быть задана или не-задана? Спасибо

    Asked by skvor,

    0 votes
    5 answers

  10. Если нет тега <P>

    Правильно ли я понимаю, что текст в BODY заданный без тега <P> будет форматироваться как с тегом <P> всё равно? Можно ли опускать тег <P>?

    Asked by кэп,

    0 votes
    10 answers

  11. Проблема с версткой.

    Есть фоновая картинка шириной в 1500 пикселей и блок со ссылками-рисунками. Как привязать этот блок к нужному месту на фоновой картинке, то есть чтобы при разных разрешениях браузера и разных браузерах не было сдвига. И второе - как сделать, чтобы фоновая картинка всегда на 100% ширины экрана растягивалась (или сужалась). пытался сделать табличной версткой, но таблица не хочет масштабироваться с width=100%, не влезает в окно браузера, подстраивается под размеры картинок в ячейках. Пытался сделать с помощью дивов, но не получилось задать соотношения для координат блока ссылок, чтобы они были на строго одном месте. Что делать?

    Asked by armageddance,

    0 votes
    3 answers

  12. резиновая горизонтальная менюшка

    Каждый делает как то по своему менюшки, плюшки и т.п. Я вот задался впросом, а кто как делает свои горизонтальные менюшки резиновые. Хотелось бы сделать как то иначе, не так как всегда. Пример такой Просьба не предлагать табличную верстку, и вариант когда li с процентной шириной тоже не предлагать. Желательны примеры где в менюшку можно добавить новые элементы свободно, без изменения других.

    Asked by Mr Loga,

    0 votes
    6 answers

  13. Помощь

    Дело в том что после изменения одного из кодов сайт изменился до неузнаваймости. Вот скриншот до изменения. Вот сайт теперь. http://websuperwarez.ucoz.ru/

    Asked by Rustam4000,

    0 votes
    4 answers

  14. Фото галерея

    Доброго времени суток коллеги! Стоит задача сделать гламурный сайт для фотографа в стиле Wordpress, но только на своём движке. Суть заключается в следующем, что позиционирование фотографий нужно сделать вот так: http://pavelparshin.ru/portfolio-item/beauty/ Но без явы! Тупо, подобное позиционирование. на деле у меня выходит не шибко-складно. http://81.200.25.57/dot/templates/gallery (это опытный образец галереии) CSS: #gallery { margin:0 } #gallery .photo { width: 240px; min-height: 156px; max-height: 383px; display: inline; } #gallery img{ width:240px; vertical-align: top; margin:0 25px 25px 0; } #gallery img.expand:hover { opaci…

    Asked by oscora,

    0 votes
    7 answers

  15. Вертикальное меню

    Подскажите, как создать такое меню - http://css-live.ru/articles/zadanie-po-vyorstke-17-vertikalnoe-menyu.html Мыслей нет никаких по этому поводу.

    Asked by aaron,

    0 votes
    5 answers

  16. Яндекс карта и ругань валидатора

    На символ & в скрипте от яндекс карты - ругается валидатор. Это можно каким-то образом исправить, чтобы все стало валидным?

    Asked by Zverushka,

    0 votes
    5 answers

  17. Разваливается кусок верстки

    Подскажите новичку - почему верстка разваливается при уменьшии/приближении страницы? Тут небольшой кусок кода который как раз и разваливается.Почему это происходит? http://cssdeck.com/labs/gp3kwbe1

    Asked by Temik2704,

    0 votes
    4 answers

  18. панель классов в sublime

    подскажите пожалуйста существует ли в sublime панель, которая показывает названия классов или функций, которые есть в открытом файле? проблема в том, что сейчас у меня в файле >20 классов и перемещаться по ним, двигая скролл неудобно

    Asked by cyklop77,

    0 votes
    6 answers

  19. Выровнять ссылки по центру

    Помогите выровнять ссылки по центру сверху картинок... <div style="width: 100%; height: 1px; clear: both;"></div> <div style="width: 110px; height: 50px; float: left; margin-left: 0px; text-align: center;"><nobr><span style="display: block; font-size: 12px; font-weight: 700; padding-bottom: 5px; color: #cb2027;"><a href="/bronirovanie_gostinits/banya_sauna.aspx">Гостиницы или гостевые дома <br />с баней или сауной</a></span> <a href="/bronirovanie_gostinits/banya_sauna.aspx"><img width="210px" height="158px" src="/bania-i-sauna.jpg" alt="Баня и сауна" style="text-align: center;" /></a></nobr&gt…

    Asked by Guesto,

    0 votes
    0 answers

  20. Короткие тексты с картинками

    У меня в макете превью новостей состоят из короткого текста и картинки справа. Мне нужно, чтобы текст обтекал картинку. Это легко добиться с помощью float:left; для картинки. Но если текст слишком короткий, то следующий за ним следующий превью новости оказывается накрыт картинкой сверху. Этого можно избежать, если каждому контейнеру дать свойство float:left. Но есть ли другой, более изящный способ?

    Asked by PavelTkachev,

    0 votes
    4 answers

  21. Помогите опустить фон под теги p

    Проблема собственно в следующем. Есть div в котором 3 колонки с текстом сделанные с помощью p, далее идет новый div в который я хочу поместить фон через background url, но он ставиться не под блоком с текстом, а на его задний план. Подскажите как его поставить на место? Мне кажется это из-за того что p строчный тег из-за этого он не хочет ставиться, а как исправить понять не могу. http://pastenow.ru/DYKB

    Asked by Konstantin99,

    0 votes
    7 answers

  22. Как добиться плавного отображения при transform: rotateY( 180deg )?

    Здравствуйте. Пробую использовать данное правило совместно с transition и псевдоэлементами, но браузеры уж очень коряво рендерят анимацию. Вот результат http://hismith.smartfreelancer.ru/ При наведении на столбец происходит вращение. Кто-нибудь решал уже такую проблему, и если да, то как? Код: .jaluzi { display: flex; flex-direction: row; height: 90%; } .jaluzi__elem { width: 100%; } .jaluzi__elem:hover .jaluzi__column-content { transform: rotateY(180deg); transition: transform 1s; } .jaluzi__column-content { background: linear-gradient(to right, #b2b6bc 0%, #f4f4f5 25%); padding: 85px 0 0; transition: transform 1s; …

    Asked by Sigizmund,

    0 votes
    4 answers

  23. как сделать чтобы кнопка не отображалась в мобильной версии сайта

    Всем привет. Как сделать чтобы кнопка не отображалась в мобильной версии сайта <div class="obrvz"> <img src="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/wp-content/uploads/2018/03/-1-e1520153199397.png" class="popmake-326" style="cursor: pointer; position: fixed; left: 0; top: 30%;"/> </div>

    Asked by ne_beret,

    0 votes
    2 answers

  24. Редактирование тега <audio>

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

    Asked by deekep,

    0 votes
    1 answer

  25. Почему не работает min-height: 50%

    Вот код https://codepen.io/lrenzlui-the-sasster/full/abwGbPG

    Asked by Прогер,

    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