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. Растянуть таблицы на 100% высоты

    Доброго времени суток еще раз. Чтобы не наваливать все в кучу решил создать отдельную тему. Есть макетик, он тянется и все такое прочее. Суть вопроса в том, что в блоке с заданными (и реально отрабатываемыми) характеристиками высоты - 100% - не удаётся растянуть табличку на всю высоту блока. Валидацию прошел. DOCTYPE strict xhtml http://www.beavers-net.narod.ru/primers/search.html Табличка с закругленные уголки. Должна занимать всю оставшуюся белой область. Долбаюсь уже с ней недели две - все никак. #middle - .content —- > table.table_papok стили к ней http://www.beavers-net.narod.ru/primers/temp2.css Еще вопрос по таблицам - в ИЕ пропадает нижний бордер к строкам в …

    Asked by tt48,

    0 votes
    11 answers

  2. Глюки с наследыванием или хз с чем...

    <!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=utf-8" /> <title>Untitled Document</title> <style> .div1 { width: 164px; position: absolute; top: 30%; background-color:#009999; } .div1 > a { display: block; text-decoration: none; color: #ffffff; padding: 5px; background:#212121; border: 2px ridge #000; } .div1 > a:hover {background: #7f7f7f;} .div2 { width:36px; height:36px; position:absolute; right:-36px; top:50%; margin-top:-18px; } .div2 a …

    Asked by Destrifer,

    0 votes
    17 answers

  3. Сайдбар 100%-ой высоты, прижатый футер + всплывающее окно.

    Всем привет. Очень нужна помощь. Столкнулся с ситуацией, над которой целую ночь проломал голову. Есть такая страница: http://webmaster.ayr...dow/index.html# Требуется, что бы левый сайдбар на ней тянулся относительно общей высоты(то есть был бы равен 100%) + футер должен быть прижат к низу страницы. Это конечно реализовать не сложно. Проблема возникает тогда, когда всплывающее окно(то есть планируется, что оно будет всплывать конечно. ) начинает иметь высоту большую чем его обвёрточный блок(.wrapper_progressive_window) В общем всё это дело(окно с белым-полупрозрачным фоном) начинает налазить на футер и выходить за рамки всех родительских блоков(в том числ…

    Asked by Yamaradg,

    0 votes
    12 answers

  4. MARQUEE при прокрутке в FireFox`е дергается и съедает одну ссылку

    Здесь http://viperson.ru/ 5 бегущих ссылок. В осле все ок, а в фф - вот такая ж... ( Кто-нить сталкивался? Тот же код в другом сайте http://allrus.info - работает нормально.

    Asked by an2k,

    0 votes
    3 answers

  5. вложенная таблица - помогите плизз

    Не знаю,где ошибка,если не трудно помогите пожалуйста. дело в том,что есть 2 таблицы, одна из них вложена в другую - и вроде должна отображаться сверху, но она съезжает вниз,как будто у нее параметр align - левый нижний угол. никак не могу понять в чем дело, параметр valign почему-то не помогает, пробовала в разные места его засунуть. вот код: <table width="803" align="center" border="5" bordercolor="#422464" > <tr><td width="795" colspan="2"><div class="tex" align="center"> <h3>...</h3> </div></td> </tr> <tr class="menu" height="45" align="center"><td width="795" colspan="2"> <a href="index.htm"&…

    Asked by Lili,

    0 votes
    2 answers

  6. Кодировка

    здравствуйте. хотел спросить почему так вот есть пример http://www.mining-enc.ru/ если смотреть через ие с кодировкой все ок в фф кодировка гонит.. заранее спасибо.

    Asked by musulman,

    0 votes
    4 answers

  7. Почему сносить центральную колонку?

    Зравствуйте! Имею код <div style="width: 100%;"> <div style="width: 120px; height: 150px; background-color: red; float: left;"> 1 </div> <div style="font-size: 40px; float: left;"> dsadsad sad sadas d d ad asdsadsad fdg dfsasds fdg dfdg df gdf gdfg </div> <div style="width: 120px; height: 150px; background-color: red; float: right;"> 2 </div> </div> Если не указать явно ширину центрального дива, то его сносит. Как на картинке Как можно сделать, чтобы не указывая явно ширину не сносило див? Чтобы то, что не влезло в рядок, переходило на следующий ряд. Так: А вообще код правильно написан?

    Asked by sergiyko,

    0 votes
    10 answers

  8. ПРАКТИКА CSS

    Здравствуйте Уважаемые верстальщики. Около 6 месяцев тому назад я пробовал научиться верстать сайты, после чего забросил верстку, так как не было на нее время. И сейчас я заново решил взяться за верстку, и пришлось начинать опять с нуля. Хорошо что раньше я создавал для себя шпоры по свойствам и тегам, что позволило мне вспомнить пройденый раньше материал. Сейчас моя голова полна теорией, а хотелось бы покопаться в шаблонах чтобы посмотреть как это все работает на практике. И я хочу попросить вас парочку ссылок на готовые шаблоны, где можно посмотреть как правильно верстать кросбраузерные, валидные сайты. п.с правильно ли я выбрал инструменты для верстки? notepad ++ to…

    Asked by Ten,

    0 votes
    9 answers

  9. Проблема с меню

    Создаю меню в виде таблицы ,состоящей из 5 колонок и 1 строки. table align='center' class='div_1_table'> <tr align='center'> <td width='120' class='div_1_table_td' > 1 </td> <td width='120' class='div_1_table_td' > 2 </td> <td width='120' class='div_1_table_td'> 3 </td> <td width='120' class='div_1_table_td'> 4 </td> <td width='50' valign='top' align='right' class='div_1_table_td_language'> 5 …

    Asked by new011,

    0 votes
    28 answers

  10. Аномальный отступ справа от футера

    Добрый день уважаемые гуру. В процессе вёрстки наткнулся на неприятный глюк, вызванный скорее всего кривыми руками автора (т.е. меня). Суть глюка в том, что при уменьшении окна браузера, появляется в футере отступ справа (не смотря на то, что ширина футера 100%). Причём, по мере дальнейшего уменьшения размера окна, увеличивается этот отступ. Выглядит это вот так: Здесь всё ок. Началось Продолжилось Собственно стиль футера. Если что ещё нужно, скажите. /* Footer —————————————————————————--*/ #footer { background-image: url(image/footer.png); color: #d4d4d4; /* ???? ?????? */ padding: 5px; /* ??????? ?????? ?????? */ margin-top: 100px; height:170px; text-align: center;…

    Asked by Vartigont,

    0 votes
    6 answers

  11. повороты в canvas

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

    Asked by cyklop77,

    0 votes
    1 answer

  12. Прилипание топ-меню

    Ребят, не могу сделать шапку с прилипанием как у этого сайта - http://it-office.msk.ru/ . Может есть готовые, написанные скрипты?

    Asked by ITMOfan,

    0 votes
    6 answers

  13. Прижать текст к правому краю и выровнять по левому

    День добрый, подскажите, как можно в блоке прижать текст к правой границе и выровнять левую границу текста по самой длиной строке. К сожалению, через поиск так и не смог найти решение. Вот пример страницы, блок обвел красной границей пример. Пробывал использовать разные float и text-align для родительского и дочернего div, не получилось. Пока сделал выравнивание по правому краю. На всякий случай, прикрепляю текущие стили. .main { width: 100%; padding: 0; margin: 0; position: relative; z-index: 1; } .main #links { position: absolute; color: white; font-family: Arial; font-weight: bold; font-size: 13pt; z-index: 2; top:30%; …

    Asked by rulevoi,

    0 votes
    2 answers

  14. Использование переменных в функции с animate

    Всем доброго дня! Остро встал вопрос о необходимости использования переменной для .animate в JQuery, а именно: $(".block").click(function(){ var y = '"top"'; $(".block").animate({y: "+=200"}, "fast"); }); Вышеуказанный код не работает. Если "y" заменить на "top" - работает, но мне нужна переменная. Пробовал разные варианты и не получается. Требуется ваша помощь, дайте наводку пожалуйста.

    Asked by Arinden,

    0 votes
    7 answers

  15. Помощь в вёрстке "Шапки"

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

    Asked by koekto93,

    0 votes
    11 answers

  16. float или position - для размещения контента

    Тут на днях упорно смотрел ролики В.Макеева, и по мимо массы полезных вещей как то вскользь прозвучало что "Все таки float не для разбрасывания блоков по странице" Возникла такая мысль - А насколько правильно, верстать опираясь на позиционирование блоков с помощью свойств float? Одно дело когда это действительно касается картинки которую нужно врезать в текст или что-то подобное. Другое дело формировать структуру отображения всего контента обернутого в различные блоки и раскидывать их налево или направо, и периодически не забывая, где нужно еще и clear впихивать. Это по сути теория, поскольку многие из вас наверняка скажут - "мол каждый верстает как ему удобно", но все же…

    Asked by cmndr_alexgreen,

    0 votes
    14 answers

  17. Пустяк для профи, задача новичку...

    Доброго времени суток. Мне сложно объяснять, т.к. не владею профессиональным сленгом. Есть n-ное число страниц, контекст на них разный, а панель с гиперссылками у всех одинаковая. Проблема состоит в том, что эти гиперссылки со временем будут меняться и если их прописывать в каждом html-документе, руки отвалятся потом все менять. Выход вижу только в создании iframe. Но Вы (т.е. профессионалы) все в один голос против использования фреймов. Прошу совета: как повторяющуюся часть html-документов изменять из одного места? Спасибо.

    Asked by Hello,

    0 votes
    10 answers

  18. Пара вопросов?

    Я здесь новичок. Вот возникла пара вопросов: 1). Что значит "верстальщик"? Это HTML, CSS, PHP и т.д. кодер (см. Web-программист) или же это человек, который занимается дизайном будущей страницы(Web-дизайнер)? 2) Вот хочу заняться созданием сайтов. Что для этого требуется? Интересует сам практический процесс обучения. Следует ли писать какие-либо тестовые проекты или же заниматься созданием сайтов на заказ попутно вникая в тему? P.S. надеюсь меня поймут

    Asked by zeep,

    0 votes
    18 answers

  19. Абсолютное и статическое позиционирование

    Доброе время суток. Есть абсолютно позиционированная менюшка на центрированном сайте. если окно браузера не развернуто, то, естественно, она накладывается на остальной контент. как этого избежать? Пример: <body> <div id='весь сайт'> весь контент </div> <div id='menu'>абсолютно позиционированно так, чтобы оно было слева от контента </div> </body> Абсолютное позиционированние нужно для СЕО. То есть контент должен быть выше менюшки. Помогите разобраться, пожалуйста! В поиске не нашел

    Asked by otmoroz095,

    0 votes
    25 answers

  20. Не могу подключить сторонний шрифт

    Не могу подключить сторонний шрифт, помогите разобраться: body {font-size: 14px; line-height: 1.5; color: #333; background-color: #fff;} a {text-decoration: none;} a:hover, a:focus { text-decoration: none; border: none; } h1,h2,h3,h4,h5, @font-face { font-family: "ProximaNovaExCn-Bold"; src: url("ProximaNovaExCn-Bold.otf"); } h6 { font-family: "ProximaNovaExCn-Bold"; margin: 0px 0 10px 0px; font-weight: normal; line-height: 1,5; color: inherit; text-transform: uppercase;} h1,h2 {line-height: 1.4; letter-spacing: 1px;} h1 {font-size: 40px;} h2 {font-size: 32px;} h3 {font-size: 24px; letter-spacing: 2px;} h4 {font-size: 18px; letter-spacing: 1px;} h5 {font-size: 14px; …

    Asked by froot,

    0 votes
    22 answers

  21. Путь истинный для новичка

    Всем добрый день. Сейчас изучаю HTML & CSS, что делать и изучать дальше? Просмотрев курсы по HTML не пойму для чего нужна вёрстка и как вообще применять HTML & CSS для сайтостроения.

    Asked by 007bond,

    0 votes
    20 answers

  22. Как расположить изображение внизу?

    Здравствуйте! Очень неудобно такое спрашивать, но никак не могу заставить изображение размещаться внизу экрана! Код: <div style="height:500px;"> <img width="100"height="250"src="bla-bla-bla.jpg"align="BOTTOM"> </div> В итоге - эта картинка, как отображалась вверху блочного элемента - так и отображается! Причем align="left" или align="right", или align="top" работает - т.е. имага нормально себя ведет и позиционируется соответственно как ей было указано. А вот align="bottom" нифига не работает - не хочет она вниз - хоть убейте! Как быть? Спасибо.

    Asked by rome.ro,

    0 votes
    3 answers

  23. Footer

    Добрый день. У меня есть Футер, который скрадается с пнг картинки, понятно что она должна быть всегда прижата к низу и быть по центре. Код css: body{ background-color: #3f822e ; background-image: url(img/fon1.png); background-repeat: repeat-x; margin: 0px; } .main{ background-image: url(img/fon2.png); height: 875px; width: 1000px; margin: 0 auto; } .footer{ background-image: url(img/foot1.png) ; height: 72px; width: 1000px; position: absolute; bottom: 0px; margin: 0 auto; background-color: #142A0E; } Код html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.…

    Asked by --FENDER--,

    0 votes
    2 answers

  24. Выход за рамки контейнера

    Здравствуйте! Подскажите, пожалуйста, как зеленый фон меню продлить вправо до упора. Пытался делать :after с абсолютным позиционированием с отрицательными значениями (как мне советовали на форуме). Но в таком случае появляется горизонтальный скрол... Верстка на bootstrap. http://html.skoba.com.ua/ Заранее благодарю за помощь!

    Asked by volshebnyi,

    0 votes
    11 answers

  25. подключение css и Opera

    Подскажите плз что нетак: E-Exploer принимает и "видит" css файл, опера в упор не воспринимает. какое лекарство против этого??

    Asked by Hevard,

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