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. OWL Carousel 2, как сверстать слайдер?

    Здравствуйте, вопрос к уважаемым специалистам. Только приступил к изучению html+css. Знаю что можно реализовать такой слайдер на чистом html+css, но мне интересно, как сделать такой слайдер с помощью OWL Carousel 2? В частности, как правильно для данной секции написать html код и как правильно прописать стили для слайдера? По одному ролику на YouTube получилось сделать так, дальше моих знаний уже не хватает. Отмечу, что делаю разметку страницы, до написания стилей еще не доходил. Вот мой код данной разметки, а тут макет. Буду благодарен за помощь, так как застрял именно со слайдером, во всей остальной разметке вроде разобрался.

    Asked by Bubunt,

    0 votes
    1 answer

  2. Вертикальный отступ для фона

    <div style="border:1px solid red; width:400px;height:400px; background:url(images/button.jpg) repeat-y;background-position:300px 30px;text-align:right"> <img src="images/image.gif" width="20" height="30" alt=""> </div> Подскажите,плз,такая проблема Есть слой,в правом верхнем углу находится изображение gif высотой в 30px с частично прозрачными областями. Нужно к правому боку слоя прижать фон(ширина 20px),повторяющийся по вертикали, таким образом,чтобы он начинался сразу под картинкой и не просвечивал через нее (через нее должен просвечивать фон,заданный для body).Пытался задать отступ для фона через background-position - не получается.Думал над тем,чтобы …

    Asked by Микель,

    0 votes
    3 answers

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

    Значит страница www.indigo-create.ru/problem/ в FireFox и в Opera отображается нормально, а вот в IE колонка с новостями справа имеет всегда фиксированный размер ширины как бы я менял её в CSS или в макете — из -за этого колонка отображается некорректно. Если меняю ширину, то в FF и Оpera она меняется, а в IE не меняется. Что самое интересное, что если я меняю ширину других элементов, то она везде меняется, а вот у Новостей никак; и если убрать в CSS ширину вообще, то в Оpera и FF она принимает такую же ширину, как и в IE. В чем может быть проблема? В HTML ширина не указана, она указана в подключенной CSS. Я специально поставил границы, чтобы была видна проблема. С уважен…

    Asked by DrHorror,

    0 votes
    2 answers

  4. внешний .js файл

    Форумчане! Help чайнику please! Подскажите как правильно присоединить внешний .js файл? Ниже приведены фрагменты кода, который вроде бы верен, но не работатет сАбАкА <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>rem_list</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="author" content="PZinovev"> <link href="../../css/beeStyles.css" rel="stylesheet" type="text/css"> <link href="../../MainScripts.js" type="text/javascript"> <script src="../../MainScripts.js" type="text/javascript"&gt…

    Asked by zetkomp,

    0 votes
    4 answers

  5. Помогите найти литературу по HTML!

    Мне сказали ,что для работы в веб-дизайне нужно для начала изучить HTML,потом перейти к PHP Ну и т.д.!Что вы посоветуете?спс)

    Asked by Artur_Koch,

    0 votes
    6 answers

  6. Не получается изменить цвет блока

    никак не получается изменить цвет белого текста в блоке на главной (скрин) http://rubasket.com пробовал-пробовал-не вышло :

    Asked by FASTDEATH,

    0 votes
    13 answers

  7. Движение объекта

    Добрый вечер всем, необходимо решить такую задачу: скажем есть у нас фон странички bg.jpg, и есть некий объект cube.jpg который располагается внутри ДИВа. Так вот, необходимо сделать так, чтобы когда юзер елозил курсором по сайту, этот див к примеру плавно бегал влево-вправо, но чтобы это было плавно. Гугл ничего вразумительного не выдает. Где то видел подобные решения, но вспомнить сайты уже получается.

    Asked by locidoki,

    0 votes
    10 answers

  8. разный a:link, a:visited для разных блоков

    Добрый день! Подскажите пожалуйста с такой небольшой заморочкой: Если задавать стиль a:link, a:visited для всех ссылок одного из блоков в документе (.block1 a:link, a:visited {}) то он(стиль) распространяется на все остальные ссылки и других блоков тоже (причем, что самое главное, не являющихся дочерними этого блока). Как видно из примера(см. ниже) .right a:link, a:visited {color: green;} - перекрывает color: red; для .left (хотя по идеи 2 блока сестринские - не вложены друг в друга) Вопрос: как задать a:link, a:visited для всего конкретного блока? (естественно не шпигуя классы к каждой из ссылок блока (в этом случае конечно работает)) Код<!DOCTYPE html PUBLIC "-//W3C…

    Asked by novicheG,

    0 votes
    4 answers

  9. Проблема верстки DIV

    Все дивы находятся в одном диве с шириной, чтоб не убегали. Меню слева, подвижное, верх\низ.Проблема в следующем, когда кликаю меню, оно двигается и появляется задний фон страницы.(между главным контентом и подвалом, или между меню и повалом) Для дива в котором все эти дивы, поставил задний цвет белый, в опере работает, в остальных браузерах нет. Что делать?

    Asked by deadmopozzz,

    0 votes
    4 answers

  10. Выпадающее меню и z-index слоев

    Доброго времени суток Уважаемые форумчане. При верстке горизонтального выпадающего меню столкнулся с проблемой: необходимо выпадающие подпункты поместить под основные (всего на пару пикселей вверх, что бы перекрыть бордер и создать непрервыную обводку. Как здесь: Но при верстке получается, что выпадающие пункты имеют абсолютное позиционирование и находяться слоем выше, чем их родительский список, что привод к следующему результату: Вот код html: <ul id="menuhead"> <li id="lap1"><a href="#">Пункт 1</a> <ul id="ldp1"> <li class="podmenu"><a href="#">Управление объявления…

    Asked by tragbang,

    0 votes
    5 answers

  11. Построчный overflow

    Всем добрый день. Пытаюсь обрезать текст в блоке с фиксированной высотой и шириной. Соответственно, блоку задано свойство overflow: hidden;. Получаем текст, последняя видимая строка которого видна на половину. Вопрос: как ее скрыть? Пример: <!DOCTYPE html> <html> <head> <style> div { width: 200px; height: 165px; overflow: hidden; } p { margin: 5px 0 0; } </style> </head> <body> <div> <p>Здесь идет многострочный текст.</p> <p>Управлять свойствами line-height и margin'ами параграфов вообще не хочется.</p> <p>Да и вверху может идти картинка неопределенной высоты.</p> &lt…

    Asked by MiReQ,

    0 votes
    3 answers

  12. <div> и <p>

    Объясните в чем разница между тегами <div> и <p>.

    Asked by Noob32,

    0 votes
    8 answers

  13. Как сделать три блока одинаковой длины при увеличении текста в одном из блоков -кроссбраузерное решиние

    Как сделать так чтобы три блока растягивались одновременно, если в одном больше контента. хочется кроссбраузерное решие, тк пробовал и скриптом и так.

    Asked by daggi,

    0 votes
    21 answers

  14. Проблема со сползающим блоком (Bootstrap)

    Впервые взялся сегодня за Bootstrap 3 (до этого немного знал 2-ю версию). Столкнулся с такой проблемой codepen.io/anon/pen/Kzkfw?editors=110 Если закомментировать float в последнем блоке CSS — то блок контента и меню сайдбара выравниваются по верхнему краю. Но с float контент съезжает вниз. Помогите разобраться, из-за чего это происходит. И как это победить (желательно без откровенных костылей, типа подтягивания блока контента вверх). (Кроме своего CSS, к коду на CodePen подключен bootstrap 3, но я не думаю, что это их баг)

    Asked by smargelov,

    0 votes
    0 answers

  15. как сделать чтобы див растягивался по содержимому

    1111

    Asked by uhwhat,

    0 votes
    6 answers

  16. Простая форма на html. Простая защита от роботов.

    Не нашел подобную тему на форуме. И не нашел ответ на вопрос в описании тегов форм. Суть в следующем,повадился на мой сайт какой то долбанный робот и постоянно заполняет форму. Меня запарило каждый раз все это проверять, что бы понять реальная ли идет заявка или робот гадит. Форма простая на html, вот код. <!-- Начало формы бронирования --> <form action="formdata.php" method="POST" name="zayavka"><p><label>Введите Ваше имя: <input type="text" name="name" required size="40" maxlength="25"></label> <p4>*</p4></p><br><p><label>Введите Ваш номер телефона: +7 <input type="text" name="tel" required…

    Asked by amv,

    0 votes
    4 answers

  17. задать высоту инпута

    Всем привет, Подскажите, пожалуйста, есть либа jquery chosen либа, пользуя которую, создается сложное поле выбора. И все бы хорошо, но там очень узкое поле для ввода подстроки вручную 1) http://i.imgur.com/OPaNyB1.png Инпут, который я вручную не создаю, но генерится по настройкам не имеет ни класса ни имени 2) Я пытался задать высоту через стили: li.search-field > input{ height: 45px; } Или li.search-field > .default{ height: 45px; background-color: red; border: 2px green; } Но безуспешно. А как правильно?

    Asked by mstdmstd,

    0 votes
    11 answers

  18. Баннер

    Привет. Вопрос следующий. При обновление word press, один баннер переместился вниз ( см. скрин баннер в черном квадрате ). Как его вернуть обратно в черный прямоугольник?

    Asked by diekrups,

    0 votes
    1 answer

  19. colspan в IE

    <style> table.blog{ width: 100%; border-collapse: collapse; border: 0; margin: 0; padding: 0; } table.blog td{ border: 1px solid #CECFCE; padding: 5px; text-align: left; vertical-align: top; } table.blog td.face{ width: 120px; height: 120px; background: #fdd; } </style> <table class='blog'> <tr><td class='face'>1</td><td>2</td></tr> <tr><td colspan='2'>3 <table class='blog'> <tr><td class='face'>1</td><td>2</td></tr> <tr><td colspan='2'>3 </td></tr> </table> </td></tr> </table> почему в IE6 (у ме…

    Asked by idler,

    0 votes
    1 answer

  20. Помогите с таблицей

    Здраствуйте . Столкнулся с большой проблемой . Есть таблица width 200 гдето . В ней расположены блоки меню . Вопрос : можно ли как то зафиксировать эту таблицу чтобы она недвигаласть а двигался только шаблон ? Вот примерный скриншот Пример можно увидеть на сайте icondock.com там есть слева блок и он вообще недвигается . Очень очень нужно так сделать и мне. тольо без фреймов а как нибутьть подругому . Заранее всем огромно спасибо !

    Asked by dogbsp,

    0 votes
    7 answers

  21. Подскажите новичку:)

    html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link href="style.css" rel="stylesheet" type="text/css" media="screen"/> <title>Мой первый шаблон</title> </head> <body > <div class="body_wrapper"> <div class="conteiner"> <div class="header"> <div class="header_logo"> <h1><span></span></h1> <div class="search"> <form action ="http://www.vkontakte.ru"> <div> <h3>Search:</h3&gt…

    Asked by Xepb,

    0 votes
    9 answers

  22. Проблема с реализацией эффекта a:hover

    У меня возникла проблема с реализацией эффекта a:hover. Посмотреть можно на сайте http://juice.fsay.net/ajuice/. Если подвести курсор к нижнему краю топ-меню, можно увидеть мигание фона. Как это можно исправить? Вот html-код: <div class="nav"> <ul> <li><a href="<?php echo get_option('home'); ?>/">Главная</a></li> <li><a href="http://juice.fsay.net/ajuice/o-bloge/">О блоге </a></li> <li><a href="http://juice.fsay.net/ajuice/karta-bloga/">Карта блога</a></li> <li><a href="http://juice.fsay.net/ajuice/contact/">Контакты</a></li> <!--…

    Asked by Mila,

    0 votes
    2 answers

  23. помогите разобраться с видимостью

    Приветствую! Есть такой код: <html> <style> #header { width: 1000px; height: 315px; background: url(http://i8.fastpic.ru/big/2010/0708/c2/2315a3649295fcc8cbb68e54be8bcac2.jpg) no-repeat; } #leftcolumn { z-index: 10; display: inline; /* position: relative;*/ float: left; width: 155px; margin-right: 10px; background: #ffebb9; } #rightcolumn { display: inline; position: relative; width: 735px; height: 800px; float: left; background: #fff; border: 1px solid black; } #faux { background: url(http://i8.fastpic.ru/big/2010/0708/25/8946cb8d48096c54b7efb8bd6c4a3f25.jpg) repeat-y; background-position: 0px 262px; overflow: auto; …

    Asked by stalker_2000,

    0 votes
    10 answers

  24. Не пойму почему создается оступ

    Добрый день! Никак не могу понять, каким образом у меня в верстке создается такой отступ: Сразу под заголовком "Шкафы" идут разделы, знизу идет отступ. dasma.ru/products/skafi/ margin и padding стоит 0, где возможно. Очень прошу помощи! Заранее благодарен.

    Asked by Artik20003,

    0 votes
    12 answers

  25. Не появляется вертикальная прокрутка в IE

    У меня не стандартный список select (не стандартный тем что, работает с jquery), все в норме работает. Единственное проблема в том, что в IE вертикальная прокрутка не появляется. overflow:scroll не помогает. как еще можно заставить ie чтоб, прокрутил список вверх-вниз. Заранее спасибо. Ссылка на код

    Asked by jumancy,

    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