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. Style.less Unrecognised input

    Здравствуйте!У меня такая проблема в коде в style.less style.less @main-color: red; @main-bg-color: lightgray; @base-size: 24px; body { margin: 0; padding: 0; color: black; font-size: 14px; } p { color: @main-color; background-color: @main-bg-color; } .bordered { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .sq { height: @base-size * 15; width: @base-size * 15; background-color:darken(@main-bg-color, 50%) .bordered; } style.css body { margin: 0; padding: 0; color: black; font-size: 14px; } p { color: red; background-color: lightgray; } .bordered { -webkit-border-radius…

    Asked by Akbar,

    0 votes
    4 answers

  2. Невероятная проблема с png

    При реализации очередного проекта я столкнулся с невероятной трудностью в настройке отображения прозрачности png для IE<7. Дело в том, что я постоянно пользовался трюком с созданием .htc-файла, этого было достаточно. Но текущая задача заставила меня убрать тег img и вставить .png-файл в background. И тут начались невероятные трудности... Задача: сделать скругленные края у картинки. Решение: Поместить картинку в background , внутри которого будут лежать еще 4 с полупрозрачными .png-уголкамиРеализация: Ограничения, накладываемые задачей: размеры всех div должны быть одинаковы Думаю, идея ясна. Теперь проблема: в IE<7 как известно прозрачность зад…

    Asked by XXXVII,

    0 votes
    12 answers

  3. как создать плавающий flash-банер

    Помогите создать новичку плавающий фелш-банер, плавать он должен ненавязчиво слева или справа. Сам банер есть, не знаю как его заставить плавать. Слышал, что это как-то делается через css

    Asked by revresbo,

    0 votes
    12 answers

  4. Выравнивание абсолютно позиционированного (резинового) дива по центру

    Подскажите как выравнить абсолютно позиционированный (резиновый с неизвестной шириной) div по центру?

    Asked by vladimir_lwlx,

    0 votes
    2 answers

  5. Кроссбраузерная flash

    Заверстал flash через SwfObject но вот никак не могу найти материала по тому как сделать так чтобы flash ролик растягивался под размер окна <!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" lang="ru" xml:lang="ru"> <head> <title>[(site_name)]</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" href="assets/templates/default/sait.css" type="text/css" /> <script type="text/javascript" src="assets/media/swfobject.js"></script> <script type="…

    Asked by Small_man,

    0 votes
    9 answers

  6. transform, transition и IE

    Добрый день! Сделала свистоперделки 3D-вращалки на CSS: http://beton-art.ru/ (три штуки под большой инфографической картинкой). В IE не работает, даже в в 11-ом... Что ему мешает выводить информацию в тегах <span class="information">? html: <div id="container"> <div class="t-wrapper"> <div class="item"> <img src="images/1.png" width="300px" /> <span class="information" > <strong>ФАСАДНЫЙ ДЕКОР</strong> <br>Мы выполняем все работы по декорированию дома "под ключ" - от 3D проекта до отделки фасада и монтажа декоративных элементов.<br>При заказе бетонных элементов в нашей…

    Asked by maritca,

    0 votes
    5 answers

  7. Div при уменьшении окна браузера IE рядом стоящие дивы прыгают в низ что делать

    Добрый день ! Вот стили div.title { height: 101px; width: 100%; } .logo { float: left; height: 101px; width: 265px; } .top_line { float: left; height: 101px; width: 500px; } вот код HTML <div class="title"> <div class="logo"> <a href="main.html" target="_parent"><img src="images/logo.jpg" /></a> </div> <div class="top_line"> <a href="main.html" target="_parent"><img src="images/logo.jpg" /></a> </div> </div> начинаю сужать окно браузера и вдруг правая картинка пропадает точнее прыгает вниз пробывал дать минимальный размер тоже самое в IE в FireFox все хорошо помогите плиз не хочу табл…

    Asked by bgraf,

    0 votes
    5 answers

  8. ie 11 некорректно работает с flex ?

    Разбирался с flex, переделал тестовый макет на flex и столкнулся с проблемой что ie 11 не отрабатывает flex-wrap: wrap если в родителях элемента есть flex элементы ... в остальных браузерах всё ок. http://codepen.io/sharov/pen/doeLZy/ не отрабатывает .phones { flex-wrap: wrap;}

    Asked by WarrenBuffett,

    0 votes
    2 answers

  9. zend optimizer

    Подскажите пожалуйста как правильно установить zend optimizer при том условии что denwer уже установлен? Я видел (в инете) что есть версия для denwera специально, а есть просто дистрибутив..., вот дистриб у меня как-то криво устанавливается, а для denwera все ссылки в инете уже дохлые. :/ P.S. нужна версия з.з, на официальном сайте уже был, но там как-то непонятно, вроде пишут что она бесплатно распостроняется, а в тоже время выставляют ее на скачку пробник. :/

    Asked by rus,

    0 votes
    12 answers

  10. Не могу сверстать карусель картинок. Нет идей

    Ребята, помогите. Не могу придумать как сверстать карусель красиво, валидно, и семантично. Картинку приложил

    Asked by PaLyCH,

    0 votes
    14 answers

  11. по какому браузеру ориентироваться?

    в разных браузерах оформление таблицы выглядит по-разному больше всего волнует отображение параметра width и отступы на какой браузер ориентироваться?

    Asked by avishka,

    0 votes
    6 answers

  12. Под какие версии браузеров сейчас верстают

    Доброго времение суток. У меня вопрос к опытным верстальщикам. Под какие версии браузеров сейчас верстают? Стоит ли учить особенности старых браузеров (IE6, IE7 etc..). Какой минимум знаний нужно чтобы устроиться верстальщиком? Как научиться правильной кроссбраузерной верстке Извиняюсь, не заметил что создал тему не в том разделе. P.S. Прошу перенести тему в соответствующий раздел.

    Asked by divine,

    0 votes
    11 answers

  13. Вертикальная разделительная черта между колонками в таблице

    Пожалуйста помогите, между двумя колонками таблицы нужно сделать разделительную вертикальную линию, но не во всю высоту, а с небольшими отступами сверху и снизу. Высота таблицы естественно динамическая. То есть нужно сделать примерно так: Пробовал сделать в отдельной колонке закрашенный блок, но он отказался растягиваться на всю высоту таблицы (только статичная высота в пикселях) PS: Если не в тот раздел написал - прошу прощения, я новичок на вашем форуме.

    Asked by Roman-NN,

    0 votes
    2 answers

  14. LINK - не показывается иконка

    У меня ч?-т иконка не показывается( - правильно ведь? И сама иконка 16х16... В ч?м может быть подвох?

    Asked by Wol11,

    0 votes
    5 answers

  15. Стандартные шрифты

    Не подскажите ли список шрифтов, которые можно безбоязненно использовать? Чтоб отображалось одинаково у всех пользователей во всех браузерах.

    Asked by DrSol,

    0 votes
    1 answer

  16. Вопрос по слоям в css. Нужна помощь.

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

    Asked by BadBoy,

    0 votes
    8 answers

  17. CSS или jquery

    Что же css или jquery код? Как сделать такую навигацию по сайту(плавно скользить, и в точное место)?? http://www.carolinakaucher.com/en/#portfolio панелиь навигации (Portfolio About me ...) .

    Asked by penchukov,

    0 votes
    22 answers

  18. Буллит списка без обтекания

    Вроде бы несложная задачка, но споткнулась на ней. Нужно, чтобы сам текст не обтекал буллит. Так: Сверстано так: a:before{ content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:#464646; margin-right:8px; vertical-align:middle;}Возможно ли это?

    Asked by Светлана Г.,

    0 votes
    21 answers

  19. автоматическое сжатие картинки под размер окна брайзера

    У меня ещ? вопрос. Если картинка очень большая и не умещается в окне браузера, можно как-то сделать, что бы она автоматически уменьшалась под размер окна?

    Asked by Wol11,

    0 votes
    5 answers

  20. Флексбокс. Неправильное отображение в Firefox

    Буду очень благодарен, если вы мне подскажите, как можно решить проблему. Скидываю простейший пример вёрстки, демонстрирующей проблему, без лишнего мусора - https://github.com/R45H/bug-in-ff. Нужно, чтобы в firefox отображалось также, как и в хроме. С учётом адаптивности. Здесь используется флексбокс и паддинг снизу в % для сохранения пропорций картинок. Проблема заключается в том, что при указании flex-direction: column; лиса схлопывает картинки (а хром нет). Мне подойдёт любое решение, но поведение и вид должны быть такими же, как в примере в хроме: - пропорциональное уменьшение картинок; - блоки с синей обводкой растягиваются на всю оставшуюся высоту; …

    Asked by R45H,

    0 votes
    2 answers

  21. Центрирование на экране фиксированного элемента

    Есть див с заранее известными шириной и высотой. Подскажите, как его отцентрировать на экране по вертикали и горизонтали на любом разрешении монитора? Насчет вертикальной центрации - можно забить в принципе, но очень хочется, а горизонтальная критически необходима. Браузеры все. Слой имеет position:absolute;

    Asked by MageMerlin,

    0 votes
    13 answers

  22. Влетело из головы(, подвал наезжает на контент

    Точно помню что год назад уже спрашивал похожее), а сейчас не вспомнить не получается не найти тот пост. Проблема довольно банальная, один блок наезжает на другой), возможно ранее я не размещал блоки в контенте "абсолютные" и поэтому работало. Подскажите что я забыл)). <div id="page"> <header> <h1 class="name">name</h1> </header> <nav> <a href="index.html">Главная</a> <a href="about.html">Услуги</a> <a href="projects.html">Галерея</a> <a href="contact.html">Контакты</a> </nav> <section class="content"> <div class="box abox"><a href="index.html"…

    Asked by cmndr_alexgreen,

    0 votes
    3 answers

  23. Большая SWF на заднем плане

    Собственно сабж. Хочу использовать swf-ку размером 800х800 в качестве бекграунда в окне контента. Если использовать этот код, то при наполнении дива контентом, ячейка таблицы, в которой он находится, не растягивается. <div style="position:absolute;z-index:2;"> content </div> <div style="position:absolute;z-index:1;"> <object align=bottom> <embed src="twin.swf" wmode="transparent" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="800"></embed></object> </div> Можно ли это сделать без position:absolute?

    Asked by MTandi,

    0 votes
    4 answers

  24. Многоугольник с рамкой

    Всем привет. Вот у меня получилось сделать многоугольник на CSS: http://jsfiddle.net/2knMx/, только он без border'a. Мне интересно, а как сделать, чтобы многоугольник был с border'ом? Элементу div задал overflow: hidden, а для псевдоэлемента :before overflow: hidden — не работает. Что-то больше в голову ничего не приходит... http://jsfiddle.net/2knMx/1/

    Asked by Aleksandr.L,

    0 votes
    4 answers

  25. Буквы разных цветов в одной строке.

    Здравствуйте, нужна следующая надпись (вложено), возможно ли так сделать средствами HTML+CSS? Знаю, что первую можно выделить как захочется, применив псевдоэлемент first-letter. Как поступить здесь?

    Asked by Red Planet,

    0 votes
    1 answer
×
×
  • 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