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. Новичку требуется помощь!

    Дорогие друзья! Я новичок в изучении веб-технологий! У меня такой вопрос какую роль в написании ссылок играют "Ключевые слова". Напишите простейший пример написания ссылки с ключевым словом велосипед и чтобы при наведении курсора на ссылку (котоаря уже стоит на сайте) вылезало слово велосипед, к примеру. Заранее спасибо!

    Asked by microlab,

    0 votes
    4 answers

  2. При ресайзе окна из-зи границы выступает слой.

    Господа, вот следующий код: <div style="overflow:hidden; width:100%;"> <div style="width:400%; position:relative; left:-300%;"> <div style="width:25%; background-color:#FF0000; float:left;"> </div> <div style="width:25%; background-color:#00FF00; float:left;"> </div> <div style="width:25%; background-color:#0000FF; float:left;"> </div> <div style="width:25%; background-color:#FFFF00; float:left;"> </div> </div> </div> Пояснение: четыре резиновых слоя равные ширине страницы, находятся в 100%-ом по длине слое с overflow:hidden. В будущем эти слои будут смещаться посредством JavaScript…

    Asked by smashercosmo,

    0 votes
    4 answers

  3. Адаптивный дизайн

    Разрабатываю адаптивный дизайн для сайт при помощи CSS3 Media Queries. Сайт будет прибывать в 3 состояниях: телефон, планшет и настольный компьютер. Для планшета дизайн отличается не только тем что он резиновый но и расположением и размерами некоторых элементов в виду того что для планшета желательны крупные размеры кнопок. В дизайне для компьютера расположение и размеры другие. В среднем экран настольного компьютера имеет ширину 1280 пикселей. А ширина экрана планшетов колеблется от 768(Apple iPad в вертикальном положении) до 1280(Galaxy Tab 10.1). Проблема возникает именно в этих размерах а именно в их пересечении. То есть стили для @media only screen and (min-width:7…

    Asked by Lednar94,

    0 votes
    7 answers

  4. С какой скоростью нужно верстать?

    Учу HTML. Интересно, с какой скоростью нужно верстать, чтобы был шанс найти подработку? А с какой скоростью работают опытные верстальщики?

    Asked by Заглянувший,

    0 votes
    17 answers

  5. Вертикальное выпадающее меню при помощи CSS

    Доброго времени суток, уважаемые форумчане! Столкнулся с одной проблемой: не могу грамотно создать вертикальное выпадающее меню (см. прикрепленную картинку), даже с костылями и то не получается, помогите, пожалуйста. Код файла index.html: <!DOCTYPE html><html lang="ru" dir="ltr" id="html"> <head> <meta charset="utf-8"> <title>VNA | Главная</title> <link rel="stylesheet" href="css/new_elements.css"> <link rel="stylesheet" href="css/style.css"> <script> document.createElement('header'); document.createElement('nav'); document.createElement('article'); document.cre…

    Asked by Pendalf,

    0 votes
    1 answer

  6. Кто знает...???

    Есть таблица из 2-х ячеек, левая резина в правой картинка не фоном..как реализовать на блоках...

    Asked by Serjinio,

    0 votes
    2 answers

  7. !doctype Html Strict добовляет отступы

    Откуда взялся этот отступ? Вот код: Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <style type="text/css"> div#box1{ width:100px; height:100px; background-color:black; border:2px solid red; margin:0px; padding:0px; } img { margin:0px; padding:0px; border:0px; } </style> </head> <body> <div><img src="leftA.jpg" alt=""></div> <div id="box1"></div> </body> </html> Вот как это выглядит: http://a10vs1.fatal.ru/test/boxes2.html Если доктип поменять на переходный, то черный квадрат прил…

    Asked by cx717,

    0 votes
    4 answers

  8. "Плавающие" Баннеры

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

    Asked by Sajel,

    0 votes
    3 answers

  9. Помогите с DIVами

    как мне при помощи DIVов сделать так, что бы DIVвы стояли рядом, и в коде HTML никак не разделялись. Пример: DIV DIV DIV DIV DIV DIV DIV DIV DIV а в коде они все одинаковые DIV DIV DIV DIV DIV DIV т.е. никаких <BR> или ещё чего-то между DIVами. и при изменении размеров окна, они сами перепрыгивали в два или 1 столбик (или на супер широкоэкранных мониторах выводились в 1 строчку) DIV DIV DIV DIV DIV DIV ну или хотябы как поставить два DIVа в 1 строчку?

    Asked by xpom,

    0 votes
    2 answers

  10. Помогите с сайтом, пожалуйста

    Здравствуйте! Проблема в следующем: есть сайт cdac.ru В ФФ, Опера все хорошо. Как обычно преследуют проблемы с ослом. зайдите, плз, на страницу IE, который поновее. 7 или 8. В правой колонке есть калькулятор, сделанный на флеше. проблема в том, что у меня в осле 6 не отображается от хоть убей. В 7, 8 виден?? Что делать, если не виден? Код само собой кину сюда, если надо Спсибо

    Asked by piryaz,

    0 votes
    11 answers

  11. Помогите убрать рамку

    Доброго времени суток. Столкнулся с проблемой, в форме поиска отображается непонятная рамка, причем только в chrome, в мозиле отсутствует. Не понимаю как убрать. Вот изображение: Вот css: .search{ float: right; margin-top: 10px; padding: 0px 30px; position: relative; width: 170px;}.search .input{ background: #fff; border: 1px solid #ececec; border-radius: 10px; box-sizing: border-box; font: 13px arial, sans-serif; height: 30px; outline: none; padding: 5px 37px 5px 15px; width: 100%;}.search .submit{ background: url(images/go.png) 50% no-repeat; border: none; height: 30px; opacity: 0.3; position: absolute; right: 30px; top: 0px; width: 30px; outline: …

    Asked by froot,

    0 votes
    9 answers

  12. Проблема с transition opacity

    Здравствуйте. Верстаю такую страницу. Хочу сделать красивое появление и затухание при помощи transition для иконки у блока раскрывающихся новостей. http://prntscr.com/3lqfvi Имею такой css: i { opacity: 0; -webkit-transition: opacity @durationStd ease-in-out; -moz-transition: opacity @durationStd ease-in-out; -ms-transition: opacity @durationStd ease-in-out; -o-transition: opacity @durationStd ease-in-out; transition: opacity @durationStd ease-in-out; }И появление происходит как надо (плавно). Но вот при закрытие затухания не происходит, а просто изменяется свойство и элемент мигом исчез…

    Asked by oke11o,

    0 votes
    2 answers

  13. Установка цвета через JavaScript

    Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>пара</title> <script> for(i=0; i<elem.length; i++) { alert(elem[i]); } function lol(nan) { var i; var elem = document.getElementById("sas"); elem.style.color = nan; } </script> </head> <body> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <button onclick="lol('red')">Красный</button> </body> </html> При нажатии…

    Asked by ErUnDAK,

    0 votes
    3 answers

  14. Не получается прижать текст в IE.

    Не получается прижать текст в IE. В остальных ок. И как и чем я только не пробовал. И причина в том(смотрите подкаршеный ), что размер строки не меняется вообще! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Ы</title> <link rel= "stylesheet" type= "text/css" href= "indexCSS.css" /> <style type = "text/CSS"> * {margin: 0;padding: 0; border: 0} body{background:#000000} #ain{width:auto; height:auto; font-size:11px; line-heigh…

    Asked by polecat,

    0 votes
    4 answers

  15. DIV по высоте экрана

    Друзья, можно я задам вам вопрос.?! Задумка, сверху див во всю ширину экрана пользователя(1) но под дивом идет еще и контент (5)(если прокрутить вниз(2)), на экране разных пользователей с разной высотой экрана(3), верхний див будет растягиваться на всю высоту которую позволяет экран. Для наглядности нарисовал картинку вот ссылка. Спасибо за внимание, а за помощь респект большой.

    Asked by getalusk,

    0 votes
    6 answers

  16. content + sidebar как сделать равную высоту между ними?

    Добрый вечер! Есть главный блок main - в нем 2 блока - content и sidebar Как сделать так чтобы любой из них выравнивался по высоте большего блока? Т.е. если в content получается больше информации и он стал больше сайдбара,то сайдбар подтягивается к нему по высоте и наоборот? Вот макет по которому делаю: http://cs413616.vk.me/v413616149/5558/j9grtCN4nEQ.jpg Вот мой макет http://cssdeck.com/labs/doi6kbsh

    Asked by Temik2704,

    0 votes
    8 answers

  17. Ссылка для import шрифта DS-Digital в css

    Добрый день! Подскажите источник, от куда можно импортнуть в свой css файл шрифт DS-DIgital(шрифт как на старых циферблатах, нужен для отображения циферблата на таймере). Не могу скачать к себе на комп - балуюсь в рабочее время на рабочем компе. И на работе запрет на скачивание без ведома админов чего угодно.

    Asked by Super_Saimon,

    0 votes
    4 answers

  18. IE обрабатывает не все стили

    В моей практике несколько раз сталкивался с тем, что IE7-8 иногда обрабатывает не весь css, при первой загрузке этого файла. Обычно выражается это в том, что он игнорирует margin:0 auto; После рефреша -- всё хорошо. Сейчас встала задача исправить этот косяк. Вычленить проблему не смог, появляется баг из неоткуда. Есть мысли как поправить?

    Asked by Dimitry Wolotko,

    0 votes
    17 answers

  19. Проблема с таблицами

    Короче верстаю на таблицах с дивами, у меня проблема, В общем есть ячейка размером 201х701 пикс. я туда вставляю картинку размером 201х268, и вторую таких же размеров 201х268, проблема в том что мне и отступов не сделать, и не поставить их наверх, стоят обе на середине. Пробовал margin, padding, background-position:top center ничего не помогает, не могу понять, там же еще есть место, остается 133 пикс. Короче вот скрин http://s005.radikal.ru/i209/1007/39/5581b70a21c8.jpg Вот видите где стоят обе картинки, и их не сдвинуть, получилось только тогда, когда ( там где на 2-ой галочки снизу) ввел пустой див в размерами, позволяющеми заполнить все это пустое пространство. <t…

    Asked by ret,

    0 votes
    12 answers

  20. Табличная верстка

    Стоит ли новичку изучать табличную верстку или это прошлый век? Я практикуюсь блочной верстке, при необходимости могу сделать таблицу. Имеет ли смысл специально учить сейчас, как верстать на таблицах ? Не хотела сейчас этим заморачиваться, но вижу в форуме, многие спрашивают именно по таблицам.

    Asked by undina,

    0 votes
    11 answers

  21. блочная верстка

    Подскаскажите, пожалуйста, что не так сделал хотел типа этого: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> </head> <style type="text/css"> body { margin:0px; padding:0px;} div { border: solid thin;} #centerLayer { width: 1024px; /* Ширина слоя в пикселах */ margin: 0 auto; /* Отступ слева и справа */ background:; /* Цвет фона */ padding: 0px; /* Поля вокруг текста */ text-align: left…

    Asked by niculins,

    0 votes
    7 answers

  22. Никак не могу догадатся почему пригает страница

    Сегодня начала работу над этой страницей, никак не догадываюсь почему она во время перехода с Home к странице Products прыгает то ли растягивается, а в других переходах ведет себя нормально. ( Home ) -->> ( Products ) Есть сомнения, что проблема в <HTML> страницы Products, но в чем не могу . . . Прошу помощи. ПС По форуму искала, но я пока тут новая и видимо не освоилась . . .

    Asked by Dobo,

    0 votes
    12 answers

  23. Запрет кэширования пароля

    <input type='password' name='newpass' id='newpass'><br> <input type='password' name='password' id='password'> Первый пароль кэшируется, а мне это не нужно. Пробовал: изменить name/id, установить header, задать value. Не помогает. Помогите. Спасибо.

    Asked by Александер,

    0 votes
    7 answers

  24. в ИЕ 6 у PNG картинки без фона появляется фон

    Такая проблема, есть бекграунд с заливкой градиента через маленькую картинку, который множится. На этот бекграунд делаю <img ... вставляю картинку с логотипом, который прозрачный фон имеет, он нормально садится, и везде красиво смотиртся, но в ИЕ6 у меня эта картинка получает какой-то сероватый бекграунд, хотя его быть не должно, не подскажите, что делать?

    Asked by fireXXX,

    0 votes
    5 answers

  25. Фреймы и индексация...

    Я пытаюсь изучить фреймовую верстку.... так вот в процессе у меня назрел вопрос... можно ли сделать так, чтобы такой сайт нормально индексировался? если да, то как?

    Asked by shtirlets96,

    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