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. Затруднение

    Скрытый текст Добрый день. Подскажите пожалуйста. Зачем использовать для кнопок список, а например не тот же <button> или input? <section id="hero" class="container"> <header> <h2>Lorem Ipsum is simpply <br /> when an unknown printer <a href="#">HTML5</a></h2> </header> <p>Designed and built on <strong>skel</strong> by <a href="#">AV</a>. Released for free under <br /> the <a href="#">Lorem Ipsum is simply dummy text </a>.</p> Здесь- <ul class="actions"> <li><a href="#" class="button">Get this party started</…

    Asked by King - Ushol,

    0 votes
    2 answers

  2. Влияние тегов figure и figcaption

    Как влияют теги figure и figcaption на SEO?

    Asked by DivMan,

    0 votes
    1 answer

  3. Элементы "display:box" не работают

    Доброго времени суток, помогите пожалуйста разобраться с кодом, в идеальном варианте в div должны располагаться через равные расстояния другие div <!DOCTYPE html><html lang="ru"><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="style.css"> <head> <title>OK-page</title> </head> <body> <div id="page"> <section id="nav"> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> </section> <div id="content"> <…

    Asked by alexander.travkin,

    0 votes
    2 answers

  4. Уменьшить вес css

    Есть код: http://pastebin.com/kfreQMQc В нем очень длинная строка вызова woff шрифта. Как её упросить?

    Asked by okunev2,

    0 votes
    5 answers

  5. Как спрятать текст в <i> , но чтобы картинка отображалась?

    <li><i class="iconmail">... </i>info@reen.com</li> бекграундом вставил картину, но не знаю как спрятать текст, нужно чтобы картинка отображалась, Img не советовать

    Asked by RuslanHeYca4ev,

    0 votes
    9 answers

  6. li + li выбирает два элемента

    Подскажите, пожалуйста, почему буду красным выделены 2 элемента li после первого? Ведь по определению, насколько я понял, данный селектор выбирает первый соседний элемент, а тут выбраны, почему так? <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Пример страницы</title> <style> li + li { color: red; } </style> </head> <body> <ul> <li>text 1 <li>text 1 <li>text 1 </ul> </body></html>

    Asked by mastermedia,

    0 votes
    4 answers

  7. Как сделать адаптивные изображения

    Всем привет! Структура такая: <div class="tovar"> <div class="kartinka"> <img ... > <div> <div> Высота дивов фиксированная. Ширина меняется под ширину браузера. Сама картинка (img) и высоту и ширину меняет пропорционально при изменении ширины браузера, но не должна вылазить за пределы своего дива <div class="kartinka"> Все картинки разного размера, квадратные, прямоугольные, большие, маленькие, вертикальные, горизонтальные. Надо чтобы весь этот сброд автоматом втиснулся каждый в свой див, выровнялся по горизонтали и в дальнейшем масштабировался. Какие стили нужно задать? Сам пробовал. Делал обертку для <img> с помощь…

    Asked by barrel,

    0 votes
    4 answers

  8. LESS компиляция на ходу.

    Господа, подскажите по поводу компиляции LESS именно на стороне сервера... (с клиентской частью проблемы нет) Я так понимаю - для компиляции используется node.js? Есть ли ещё варианты без использования node ? (Эту тему знаю плоховато, потому и прошу помощи в этом направлении)

    Asked by Q4Dizzy,

    0 votes
    2 answers

  9. Таблица отказывается растягиваться

    Здравствуйте! Есть пример, при котором таблица отказывается растягиваться. Абсолютное позиционирование блока с текстом относительно блока выше - обязательно, так как этот блок - элемент меню. Нужно, чтобы таблица тянулась от ширины текста

    Asked by Torawhite,

    0 votes
    8 answers

  10. Как сделать такой блок

    Здравствуйте господа! Возникла проблема, не знаю как реализовать. Нужно сделать такой блок, который я на схеме расположил между верхним и нижним блоком. Чтобы у него были внутренние отступы от краёв, как на схеме и он делился на две части ( в одной текст, в другой видео). Благодарю за ответ и помощь в реализации!

    Asked by Zakonoposlushniy,

    0 votes
    1 answer

  11. черестрочная окраска

    prtscr для удобства щелканья пользователя по кнопкам, хотелось бы провернуть черестрочную окраску рядов, но у меня упорно продолжает окрашиваться только первая колонка ряда советовали убрать :only-child - но тогда окрасились все delete если убрать онли чайлд html темплейт: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"…

    Asked by despair1,

    0 votes
    1 answer

  12. Текст Css

    Добрый день всем. Такой вопрос - мне необходимо на все страницы сайта вставить в определенном месте один и тот же текст. Это можно сделать при помощи CSS? Т.е. другими словами, как в свойствах CSS прописать текст поумолчанию?

    Asked by Funtik44,

    0 votes
    3 answers

  13. Ширина DIV в IE7 меньше чем ширина вложенного контента

    Вот страница: http://bit.ly/j7tBui Рассматриваем верхнее горизонтальное меню с выпадающими списками. В IE7 ширина выпадающего блока меньше (судя по всему в два раза) чем ширина вложенного контента. И этот контент соответственно выезжает за пределы блока. Нужно сделать чтобы этот div был шириной 207px как и ширина контента.

    Asked by sholkyman,

    0 votes
    1 answer

  14. выравнивание текста по вертикали в гор. меню, проблемы с ие

    Всем добрый день, вертсаю гризонтально меню, выравниваю текст по вертикали, текст есть в одну строчку, есть в две <li> <div class="box"> <div class="box2"> <a href="#">some text 1</a> </div> </div> <div class="box"> <div class="box2"> <a href="#">some text <br /> some text 2</a> </div> </div> <div class="box"> <div class="box2"> <a href="#">some text 3</a> </div> </div> </li> в css li{float:left;} box{ display:table; float:left; height:100px; } box2{ display:table-cell; vertical-align:middle; }…

    Asked by sergey81,

    0 votes
    3 answers

  15. Pixel Perfect

    помогите пожалуйста добраться до Pixel Perfect в FF. я установил это расширение, а как начать работать не пойму. ищу в web developere - нет, ищу в firebug тоже не вижу, на панелях нету значка.

    Asked by cyklop77,

    0 votes
    2 answers

  16. как привязать кнопки к краям границы блока?

    Здравствуйте. Предыстория в кратце Мне нужно настроить для Joomla модуль новостной ленты mod_news_pro_gk4 (кто знает). Здесь вопросов нет. Далее на модуле расположены кнопки "влево" и "вправо", которые располагаются по краям бокса, слева с краю и соответственно справа. И вот здесь уже у меня вопросы по верстке, которые я уже несколько дней не могу осилить: 1. шаблон сайта сделан таким образом, что пользователь может собственноручно изменить ширину окна. на узко, средне, и широко. Но у стрелочек, стоит жёсткая привязка к ширине, и когда на одном из режимов хорошо, на другом, они уже вылезают совсем не туда, куда следует. Все попытки сделать, что бы стрелочки располагались …

    Asked by Neptun,

    0 votes
    1 answer

  17. Совет по верстке

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

    Asked by Hol1killer,

    0 votes
    2 answers

  18. Назначение ещё одного класса не производит эффекта

    Структура: <label id="anystar" class="styled"><input type="radio" name="hotel_cat" value="any" /> </label> CSS: #anystar { background: url('images/anystar.png') no-repeat right 10px; display: inline-block; padding: 10px 15px 8px 0 ; } #anystar .chkd { background: url('images/anystar_chkd.png') no-repeat right 10px; } js: jQuery(document).ready(function(){ jQuery('label.styled').click(function(){ jQuery('label.styled.chkd').removeClass('chkd'); jQuery(this).addClass('chkd'); }); }); JS нормально отрабатывается, класс .chkd к элементу добавляется. Но бэкграунд при этом не меняется, хотя, по-моему, долже…

    Asked by adelante,

    0 votes
    2 answers

  19. Кнпки сьезжают

    Здравствуйте. Сверстал свой сайт, но когда я уменьшаю окно браузера или уменьшаю разрешение монитора до 1024х768точек то все кнопки и текст съезжают вправо, вот скрин: http://pikucha.ru/i95CF Подскажите что сделать чтоб оно на всех разрешениях стояло как надо, на 1280х1024 стоит там где надо.

    Asked by EvilDoom,

    0 votes
    5 answers

  20. blockquote & cite

    В чем разница между этими двумя тегами? Вроде ж оба для оформления цитат. Может какой-то из них считается устаревшим? Только не пишите "никакой разницы нету". Понятно, что любую страницу можно полностью сверстать каким-то одним, любым тегом, например <p> Но ведь должна же быть какая-то разница в семантике между <blockquote> и <cite> P.S. редактор текста, который у вас тут, до боли похож на CKEditor

    Asked by Evkaky,

    0 votes
    1 answer

  21. Помогите победить IE

    Html верстка на компьютере во всех браузерах нормальная. Проверяла на IE Tester. А на http://my-test.tw1.ru/ уже почему то все элементы прижимаются к левому краю (все версии IE, кроме 10). У меня уже паника началась. Буду очень признательна, если найдутся добрые люди, знающие в чем может быть проблема. Ну помогите пожалуйста красивой девушке

    Asked by webair,

    0 votes
    3 answers

  22. div под размер сожержимого

    Здравствуйте, как можно растянуть div по размеру содержимого? <div class="block_games"> <div class="game_title"> <a href="" class="img_game" rel="bookmark" title=""> <img src="img/test.png" alt="Name Game" height="85" width="85"> </a> <a href="" rel="bookmark" title=""> <span> Game </span> </a> </div> </div> .block_games{ border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; margin: 5px 0px 5px 0px;…

    Asked by Cooooop,

    0 votes
    2 answers

  23. Позиционирование DIV

    Ребят, я занимаюсь этим довольно не долго, нужна помощь.. Подскажите пожалуйста как разместить div обьекты так что бы внутри одного располагались еще 4 примерно в таких позициях.

    Asked by ivanovfcz,

    0 votes
    4 answers

  24. Визуальный редактор форм

    Здравствуйте! Подскажите, существует ли визуальный редактор форм HTML? Чтобы можно было размещать элементы формы рядом, лесенкой и т.д., но не с помощью пробелов. Например, надо создать форму такого вида: http://itmages.ru/im...177908/9e89a06c

    Asked by Evgen111,

    0 votes
    1 answer

  25. Добавление символа в начале/конце ссылки при hover

    Здравствуйте! Есть ссылка, а в ней текст выделен через <p>, ссылке заданы размеры и отображение блоком. При наведении, нужно чтобы блок и текст стал зелёным цветом, а после не выходя за рамки блока должна стрелка добавляться. Два варианта думал: первый это вырезать стрелка в фотошопе и сделать бэкграунд, а второй просто добавить текст(код стрелки в html), только ничего не получается вторым способом, как реализовать? p:hover:after ? или как?

    Asked by FitTech,

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