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. Пропорции изображения при изменении размера окна браузера

    На сайте skazka18.ru есть слайдшоу, оно сделано с помощую указания картинки в: <div class="slider-img" style="background:url(/assets/templates/main/img/img-puziri.jpg) no-repeat center top;"> благодаря этому картинка при изменении ширины окна браузера остается по центру и остается с необходимыми прпорциями (высота не меняется, ценрирование по центру, картинка не сужается). Вероятно будет правильней сделать картинку с помощью <img src=""/> и размещать ее внутри <div> и не использовать style="background:url(...) no-repeat center top;". Но что бы я не пытался использовать (задавал ширину 100%, высоту 500 пх, задавал явные размеры картинки) требуемый ре…

    Asked by senty,

    0 votes
    9 answers

  2. Не вводится текст в поле ввода

    Добрый день. Написал сайт и встречается такая проблема на устройствах от apple (конкретно Iphone 5). В форму заявки в поля input не вводятся никакие символы. Посоветуйте пожалуйста. Спасибо.

    Asked by kirillov,

    0 votes
    4 answers

  3. Прозрачный фон в выпадающем списке

    Приветствую, друзья! Есть в просторах инета такое выпадающее меню на CSS: html-код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <!-- текст заголовка и меню нашего HTML документа --> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="author" content="DarkRaha (Verma Rahul)"> <!-- стили для нашего меню --> <link rel="stylesheet" type="text/css" href="menudemo.css"> <!-- только для поддержки IE6 --> <script type="text/javascript" src="menuevent.js"></script> </head> <body onload="correctMenuIE6();"> <…

    Asked by StormMan,

    0 votes
    6 answers

  4. Разный padding в Firefox и Chrome

    Может, я сошел с ума, но я не понимаю, откуда это берется. Пример. Проблема: Firefox: Chrome: Как видно, в FF высота ссылки на 1px больше. Этот пиксель добавляется сверху. Почему такая разница, откуда берется, как убрать? Спасибо.

    Asked by Artlive,

    0 votes
    13 answers

  5. Блокнот с подсветкой

    порекомендовали пользоваться блокнотом с подсветкой. приобрела Notepad++. теперь вот осталось разобраться какой цвет что означет))) я понимаю что вопрос бредовый. помогите разобраться новичку

    Asked by qwe!,

    0 votes
    20 answers

  6. Пропадает фон

    Что то там доброе Есть html код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-style-type" content="text/css"> <link rel="stylesheet" type="text/css" href="main.css"> </head> <body> <div id="container"> <div id="left"> <div id="logo"> <p><a href="#"><img src="images/logo.jpg"></a></p> </div> <div id="menu"> <ul> <li><a href="#">menu fgfg</a></l…

    Asked by Павел Билькис,

    0 votes
    7 answers

  7. Как сделать мультиязычный сайт без PHP

    Всем привет. Планирую сделать второй язык для сайта (сейчас только русский) Хочется немного автоматизма добавить – чтоб при заходе на сайт человеку сразу выдавалась нужная языковая страница. Как делается данный метод не знаю. - в программирование слаб. Пригодится любая помощь, совет, мануал. Основные предположения и условия: 1. Сайт не динамический – простой html и местами shtml 2. Смена языка есть ридерект на несколько вариантов: site.ru/en/ site.ru/en.html en.site.ru 3. Предполагаю что определить язык посетителя можно с домена с которого он пришел с браузера – вроде там есть такие «отметины» с куки – если посетитель уже выбрал нужный язык с geo-ip Дополнительные услов…

    Asked by blacks,

    0 votes
    6 answers

  8. div залезает на другие divы

    Здравствуйте. Скриншот: CSS: *{font-size: 10pt; font-family: Tahoma;} a:link {color: #0066FF; text-decoration: none;} a:visited {color: #006600; text-decoration: none;} a:hover {color: #0066FF; text-decoration: underline;} html, body {height:100%; background-color:#7bc543; background-image:url(3.png);} .maindiv{width:80%; margin:0 auto; height:90%;} .logo{margin-top:30px; height:83px; background-image:url(logo.gif); border: 1px solid; border-color: white; border-radius:15px 15px 0 0;} .menu{width:15%; background: aliceblue; text-align:center; float:left; height:90%;} .content{width:70%; background: aliceblue; text-align:center; float:left; height:90%;} .right{width…

    Asked by GuitarFan,

    0 votes
    5 answers

  9. Плавное появление текста (CSS)

    Всем доброго времени суток. Задача: необходимо сделать чтобы при наведении на ссылку в виде картинки (обрамленную обводкой) сбоку от нее расширялось место (увеличивается ширина обрамленной области) и там появлялась текстовая подсказка. .block a { float:left; transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; width:30px; height:30px; border:1px solid #CECECE; background: #fff url(images/block.png) no-repeat; } .block a:after { content:'подсказка'; float:left; margin-left:30px; font-size:22px; line-height:34px; color:transparent; } .block a:hover { width:50px; background: url(images/block_hov…

    Asked by Dayks,

    0 votes
    4 answers

  10. Как сделать div ссылкой?

    Знатоки html, подскажите плз как сделать div ссылкой? у меня только 2 мысли: 1 это тупо сделать так <a href="adress"><div>blabla</div></a> и 2 вариант через онклик <div onClick="document.location.href='adress'" style='cursor: pointer;'>blabla</div> оба варианта работают, но не прокатывают по валидатору. Какие ещё есть методы?

    Asked by Kostyan,

    0 votes
    2 answers

  11. Как научиться верстать?

    А подскажите пожалуйста,по какой системе правильно заниматься? Вот я например подучил сначала HTML,вродебы уже знаю неплохо,щас Учу CSS,купил книжку,паралельно подучиваю фотошоп,но я знаю,что без опыта всё равно ничё не получиться,а какже его набрать,если никто не указывает на ошибки(я самоучка)... Вот например я недавно попытался сверстать один сайт,мне на форуме сказали,что он неправильно свёрстан,а выглядит нормально..Так вот как мне без помошников научиться правильно Верстать,без ошибок? Вопрос: Есть ли какие нибудь книжки,либо ещё что нибдь,и вообще как правильно учиться,какая последовательность?

    Asked by psywalker,

    0 votes
    11 answers

  12. Как в % уменьшить размер всех элементов в div'e

    Как можно в % уменьшить размеры всех элементов (картинок, текста) в определенном диве? Ошибся в заголовке

    Asked by Walk,

    0 votes
    3 answers

  13. Обтекание картинки текстом сверху и слева

    Есть некий блок текста и картинка, которая должна находится в правом нижнем углу этого текста, а текст обтекать ее. Есть идеи? update: блок с текстом тянется

    Asked by Petruwka,

    0 votes
    9 answers

  14. Отступ сверху

    Я начинающий верстальщик. Верстав макет я столкнулся с следующей проблемой : сверху появляется отступ. Вот HTML : <!Doctype HTML> <html> <head> <title>Какой-то сайт</title> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="CSS\first.css"> </head> <body> <div class="header"> <div class="head1"> <h1 class="FirstLogo">The first page</H1> </div> <div class="meny"> <ul> <li><a href=''>Главная</a></li> <li><a href='Page/About.html'&…

    Asked by DarkKezar,

    0 votes
    2 answers

  15. Как сделать список li горизонтальным в dreamweaver?

    Как сделать список li горизонтальным в dreamweaver? Скажу сразу бьюсь 3 дня! Что я делаю – к списку ul задаю css и в меню ставлю ul {margin: 0px; padding: 0px; float: left; list-style-type: none; } это не помогает по прежнему выглядит вот так: меню контакты А мне нужно вот так: меню контакты Спасите Пожалуйста!!!! :)

    Asked by Elna,

    0 votes
    26 answers

  16. Div вылазит за границы

    Привет. заранее Извеняюсь за ламерский вопрос ))) есть некий div класса column он вылазит за пределы родительского. Тоесть в column динамически скрипт добавляет содержимое и тот вырастает больше контейнера и спокойно вылазит за его пределы. Надо чтобы контейнер рос вместе с column. контейнер сейчас обычный Div без класса. вот css column. cursor: auto; display: block; float: left; height: 347px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 10px; margin-top: 0px; min-height: 250px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; width: 404px;

    Asked by 3dinterface,

    0 votes
    5 answers

  17. Многоуровневое дерево на CSS

    Доброго. Что-то не получается найти примерчик обычного дерева, как в проводнике, реализованный на CSS. если есть у кого что-то на примете, подкиньте линк, плиз. tnx u

    Asked by klierik,

    0 votes
    5 answers

  18. Вёрстка футера на движке Xenforo

    Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .…

    Asked by Mondeus,

    0 votes
    0 answers

  19. Проблема Verdana и Arial в IE7 ..

    Подскажите как такое возможно ? Проблема началась когда я увидел что сайт с которым я сейчас работаю, по разному отображается в IE и Mozilla хотя шрифт везде стоит Verdana ... Попробовав маленький примерчик, я удивился ещ? больше (((( Подскажите пожалуйста в чем засада ?

    Asked by Powerslave,

    0 votes
    13 answers

  20. Текст выходит за пределы блока

    Из-за чего может быть такое: Скриншот и как с этим боротся?

    Asked by Z3RO,

    0 votes
    5 answers

  21. Заполнение таблицы из файла

    Есть таблица в html. Фиксированное число строк, каждая из которых имеет ключ (например А1, А2 и т.д.). Есть файл (exel, но при необходимости txt), в котором по этому ключу лежит числовая информация. Нужно, чтобы по соответствующим ключам таблица заполнялась значениями из файла. Использовать можно только JS. Пример в коде: файл.txt A1 12 45 A2 54,3 0,48 B1 234 987,1 html.html ... <table> <tr name="A1"> <td><img></td> <td>статичный текст</td> <td>12 (первое число для А1) </td> <td>45 (второе число для А1)</td> </tr> <tr name="B1"> <td><img></td> <td>стат…

    Asked by Aryan,

    0 votes
    33 answers

  22. Срезанный угол слоя

    Подскажите, пожалуйста, как сделать срезанный угол у div'a при помощи CSS? Помимо этого, слой вместе с углом должен менять цвет при наведении курсора. Как должно выглядеть:

    Asked by TorchTT,

    0 votes
    2 answers

  23. Подсветка текста через hover

    Увидел такую фишку: при наведении на текст он подсвечивается зеленым. (не работает это в IE). Я думаю это конечно через hover, только не знаю как =(

    Asked by PGfedos1,

    0 votes
    10 answers

  24. DIV, минимальная высота, растягивание

    Добрый день. Подскажите - есть ли способ задать для DIV-а минимальную высоту? Если установить значение напрямую "height:300px" - то при превышении этой высоты контент вылезает за область дива и накладывается на следующий элемент, которые позиционируется за данным div_ом. Единственное решение, найденное мною - вставлять в данный див таблицу и указывать ей высоту (не трогая при этом height самого дива). Но хотелось бы обойтись одними CSS. Заранее благодарен.

    Asked by bond84,

    0 votes
    6 answers

  25. Стиль ссылки текущей страницы.

    Есть сайт с ссылками-меню в виде списка из 5 пунктов ведущих на свою страницу: Link 1 Link 2 Link 3 Link 4 Link 5 Этот список включил в документ на главное и на каждой из 5 страниц <? include(menu-block.php'); ?> В стилях прописан: a:active {color: #000000; text-decoration:none;} По идее, находясь, к примеру, на второй ссылке, вид меню должен быть таким: Link 1 Link 2 Link 3 Link 4 Link 5 Но в меню все-равно все ссылки подчеркнут. Что не так делаю?

    Asked by SHo,

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