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. Помогите со слоями

    Всем привет! Начинаю осваивать css и html в общем,почитал эту статью,разобрался,вопросов нет,точнее есть одна проблема,как тоже самое реализовать с резиновым дизайном,примерно как на скрине: зы по-моему не в тот раздел запостил,сори,перенесити в *Для начинающих*

    Asked by ote4ek,

    0 votes
    20 answers

  2. Для любителей поломать голову:)

    Хоть я и начинала верстать сразу же "дивным" образом, но до сих пор не могу понять, КАК сделать такую штуку с помощью div'ов и css? Задача: html менять нельзя!!! Потому как один html, а css для разных скинов разный. Вот оригинальный html: А вот css, который мне даже стыдно показывать потому как он у меня не работает: Помогите, пожалуйста... хоть чем-то. Сорри, картинку починила

    Asked by Wertuta,

    0 votes
    25 answers

  3. max-width и min-width в ie8

    Делаю резину. (~4мб) index.html pastebin style.css pastebin Контейнер: position:relative; Все внутренние блоки: position:absolute; В нормальных браузурах тянется, как положено. Даже в ie7 тянется правильно. А вот в ie8 выходит какая-то ерунда. Там, где прописываю max-width - действительно, максимальная ширина работает, но не обращает внимания на right:0; и, обрезая правый край, тянет блок к середине. На min-width, ie8 совсем не обращает внимание. В режиме совместимости с ie7 все работает отлично, но, это вроде как не панацея.

    Asked by radist2s,

    0 votes
    23 answers

  4. Баг в хроме

    Короче суть проблемы: при использовании css-анимации встретил баг: совершенно независимый от элемента, на который повешена анимация, элемент дергается, когда воспроизводится анимация. фраза наверное взорвала мозг всем) короче вот пример: http://365psd.com/ при наведении на теги в сайдбаре дергается основной блок, тока в хроме такое заметил. когда столкнулся с багом, помогло только то что я повесил дергающийся блок в абсолют. но там был блок незначительный, не будешь ведь делать это с самым главным блоком сайта. короч кто встречал подобное и нашел норм решение, поделитеся

    Asked by vinny,

    0 votes
    12 answers

  5. Позиционирование блоков div

    Всем привет! Такой вопрос. Ниже я выложил код, хочу, чтобы блоки leftdown и centerdown распологались под leftmiddle и centermiddle соответственно, однако ничего не получается, со свойством position я уже возился, разные параметры ставил, однако никак не получается из за того что блоки leftmiddle и centermiddle эластичные. Кто нибудь знает, вообще возможно такое сделать, что я хочу? Может подскажете какое нибудь свойство которое регулирует это действие. Памагите!!! <style type="text/css"> BODY{ background-color:; background-image:url(); background-repeat:repeat-y; margin:0; width:1024px; } .main{ width:1024px; margin:0px; } …

    Asked by DDX,

    0 votes
    20 answers

  6. Как изменить порядок загрузки элементов страницы?

    Добрый день, уважаемые знатоки! Проблема у меня такая: на странице есть баннеры от баннерообменных систем, которые тормозят общую загрузку страницы. Т.е. отдельные элементы страницы не показываются пока не будут загружены все баннеры. Подскажите пожалуйста, можно ли определить порядок загрузки страницы так, чтобы подгружать баннеры в последнюю очередь? Сначала я хотел заключить баннеры во фреймы, однако вот здесь написано, что многие поисковые системы и каталоги отказываются регистрировать страницы, использующие фреймы и некоторые браузеры не умеют обрабатывать фреймы. Действительно ли это так?

    Asked by zaero,

    0 votes
    7 answers

  7. какой DOCTYPE нужен

    Все привет! вот для примера составил простой html - таблица и div под ней. хочу чтобы ширина таблицы и div были одинаковая. но ie 7.0 рисует таблицу шириной меньше, чем div. поизучал вопрос - это все зависит от doctype, но вот какой ставить нужно чтобы ширина обоих объектов была одинаковая ? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Untitled Page</title> </head> <body > <table style="width:100%;border:solid 1px red;"> <tr> <td>123</td> </tr> </table> <div style="width:100%;borde…

    Asked by monstrU,

    0 votes
    28 answers

  8. Все случаи, когда игнорируется margin:auto

    Так и не смог уловить этот нюанс. Поэтому прошу помощи у опытных верстальщиков. Заранее всем спасибо.

    Asked by Beck,

    0 votes
    24 answers

  9. Резина не резинит

    Имеется левый, центровой, правый блок. Все эти 3 блока в одном большом блоке, В общем банальная картина. Центровому блоку поставлена резиновая ширина, но при уменьшении от максимума, переносится вниз правый блок, а центровый не резинится вообще. Какие есть варианты? css: Левый: width:200px; float:left; Центр: max-width: 564px; min-width:400px; float:left; Правый: width:200px; float:right; Большой max-width:1084px; min-width:984px; margin:0px auto;

    Asked by Ritter,

    0 votes
    30 answers

  10. cid: в html-письмах

    Здравствуйте, подскажите пожалуйста как вставить картинку в html-письмо что бы они отображались в почтовых клиентах вот такой код нашел html-россылке <img src="cid:photo.jpg" alt="" width="150" height="289" border="0"/> картинка добавлена через cid.

    Asked by Rubik,

    0 votes
    2 answers

  11. Стилизация атрибута Value

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

    Asked by Svatov,

    0 votes
    13 answers

  12. Ребят, помогите пожалуйста

    Действительно перепробовал уже вс?, что знал, таблицы не люблю, как сделать не знаю Код не буду выкладывать, ибо много. Вобщем вопрос вот в ч?м. -страница поделена на три контейнера по вертикали: по центру - основной (отцентрован при помощи margin left&right: auto), а два остальных по бокам. Мне нужно сделать так, чтобы вот те, по бокам, центровались в промежутке от края центрального слоя до боковых рамок браузера. Вот как на рисунке —————————-- — ———-- — — ———-- — — ———-- — —————————--

    Asked by Trust,

    0 votes
    27 answers

  13. Возможно ли overflow scroll дива вынести на край браузер

    Нужно чтобы скрол дива находился не внутри него, а на краю браузера. Подскажите как реализовать. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <style type="text/css"> body { margin: 0; padding: 0; } #wrap { height: 500px; width: 600px;/* размер */ position: absolute; left: 50%; margin-left: -300px;/* отцентровка */ background: white; overflow: scroll; } </style> <div id="wrap"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, …

    Asked by barman,

    0 votes
    42 answers

  14. Десктопные аналоги css песочниц

    Здравствуйте, возник такой вопрос. Все вы знаете как минимум несколько очень удобных сервисов css-песочниц. Очень удобная штука, пишешь код, а сервис сразу же отрисовывает то, что вы накодили. Например: ccsdeck, codepen и т.д. Впрос такой: есть ли десктопные аналоги подобных сервисов. Надо чтобы с хтмл файлами и картинками можно было бы работать локально, но чтобы все так же сразу отрисовывалось. Заранее извиняюсь за нубский вопрос

    Asked by pavelpashkovsky,

    0 votes
    6 answers

  15. overflow-x

    Я может чего то не понимаю? Я всегда думал что можно прописать overflow-y:visible; overflow-x: hidden; и все выходящие за пределы блока по горизонтали скроется а по вертикали будет видно, оказалось не так, может кто объяснит? <style> .head { height: 300px; width: 700px; margin: 0 auto; border: 1px solid red; overflow-x:hidden; overflow-y:visible; } .in { height: 500px; width: 40px; border: 1px solid red; } </style> <div class="head"> <div class="in">123</div> </div> это выглядит вот так а должно вот так help!?

    Asked by exessqd1,

    0 votes
    9 answers

  16. При нажатии на элемент формы value очищается

    Доброго времени. подскажите, можно ли без яваскрипта сделать так чтобы при нажатии на элемент формы type=text с заранее написанным value=lalala, этот value стирался? т.е. нажал и сразу пишешь свой текст, не надо стирать ничего.

    Asked by shaltay,

    0 votes
    9 answers

  17. Резиновый div, ширина которого зависит от ширины контента в нем расположенного

    Помогите, пожалуйста, сверстать такой макет: Условия такие: 1. Синий слой находится по центру экрана. 2. В оранжевом диве находится контент, ширина которого заранее неизвестна. Ширина оранжевого дива равна ширине контента в нем расположенного. Ширина синего и зеленого дива равна ширине оранжевого дива. 3. Оранжевый и зеленый дивы прибиты к левому краю синего дива. На таблицах это сверстать очень просто, код будет выглядеть примерно так: <center> <table> <tr><td height="200px">Это зеленый блок</td></tr> <tr><td height="100px">Это оранжевый блок, его ширина и ширина всей таблицы будет зависеть от ширины контента, распол…

    Asked by Качан Капусты,

    0 votes
    1 answer

  18. вопрос по классам.

    Здравствуйте. http://volvo-jastin.narod.ru/S90.HTML Пожалуйста не надо изменять станицу !!!Разрешаю просмотреть код. *** Вот, наконец-то ,частично начал переводить свой сайт под управление классами. Как всегда вс? работает великолепно в ''Эксплоуере''. Замичательный ,хоть и страшно гюченный... Но в ''Мазиле'', опять ж... Она не читает больше половины кода!Меня это не устраивает:mad:!! ________________________ Объясните кто дурак браузер или я?Спасибо.

    Asked by 21043,

    0 votes
    14 answers

  19. Расстояние между текстом и подчеркиванием текста

    Есть параметр CSS, устанавливающий подчеркивание текста: text-decoration: underline; Подскажите, пожалуйста, как увеличить расстояние между текстом и подчеркиванием текста?

    Asked by TorchTT,

    0 votes
    2 answers

  20. Проблема с переносом слов в IE

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

    Asked by Damnedest,

    0 votes
    3 answers

  21. Веб-программист, верстальщик, а кто еще есть в сфере сайтостроения?

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

    Asked by RuslanHeYca4ev,

    0 votes
    45 answers

  22. Помогите пожалуйста разделить шапку

    Здравствуйте. Я создаю свой сайт и сейчас остановился на проблеме с шапкой. Я планирую сделать вот такой каркас На основе шаблона я сделал вот такой HTML код: <!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> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> </head> <body&gt…

    Asked by Faran,

    0 votes
    6 answers

  23. Подгрузка изображений без перезагрузки страницы (ajax)

    Прошу помощи, если у кого есть хороший рабочий пример, объясняю: есть скрипт фотоальбома, выводятся все првевью определенной категории и рядом большая фотка по дефолту первая, дальше при клике подгрузка соответсвенно большой, но при этом страница перегружается! Нашел пример и класс JsHttpRequest, но ничерта непонятно, если бы подсказали что именно прописывать в тег превью img и что прописывать в тег большой фото? Сенк заранее, если кто подскажет

    Asked by okunev2,

    0 votes
    12 answers

  24. Атрибуты alt и title для background изображения

    Подскажите, как добавить атрибуты alt и title к изображению, которое выводится с помощью стиля background:? Пример: <div class="pic-1" style="background: url("/upload/iblock/fca/fca34dab58e4a102ad5d79d7cb0c7d2c.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);"> <a href="/about.php"></a> </div>

    Asked by Koroed,

    0 votes
    4 answers

  25. Всплывающее меню

    Здравствуйте. Недавно начал осваивать верстку. Сейчас делаю первый макет и столкнулся с проблемной. Не могу сделать горизонтальное всплывающее меню. HTML <!DOCTYPE html> <head> <meta charset="utf-8" > <title>TeaM GreeD</title> <link href="css/common.css" rel="stylesheet" type="text/css"> <!--[if IE]> <link href="ie.css" rel="stylesheet" type="text/css"> <![endif]--> </head> <body> <div id="container"> <!--Регулирует размеры по ширине!--> <div id="header"> <ul id="menu"> <li><a href="#"><span>Главная</span></a></li> <li…

    Asked by WHITEMAN23,

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