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. Помогите решить: резиновый header

    Помогите плиз бьюсь три часа над шапкой сайта. Мои познания в css не большие, вот решил переверстать шапку сайта в divах. Правилно ли я делаю, вроде все отображаеться нормально, но не проходит валидность XHTML 1.0 Strict Attribute "align" exists, but can not be used for this element. …ать" width="523" height="130" align="right" />, а без него никак в голову ничего не приходит. <!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" xml:lang="en-RU"> <head> <title>Пример шапки</title> <meta content="text/html; charset=windows-1251" http…

    Asked by Dominikus,

    0 votes
    3 answers

  2. Reset или normalize или ?

    Привет всем Почитав некоторые сообщения тут на форуме, в тоже время начав верстать очередной макет и подключив normalize, мне захотелось создать эту тему) Так ли плохи ресеты? Хотелось бы узнать от опытных p.s кто считает тему не нужной, можете просто проголосовать и не отписываться)

    Asked by swandev,

    0 votes
    9 answers

  3. Убрать отступ после section

    Добрый день. Подскажите пожалуйста как убрать отступ между <section>. Вот пример.

    Asked by jdk,

    0 votes
    1 answer

  4. Footer и Header обрезаются

    Всем добрый вечер! При масштабировании страницы, при прокрутки страницы вправо, видно, что footer и header "обрезаны". Добавил "min-width: 1200px;" - все нормально. Но для IE6 никак не могу найти решение этой проблемы. Стили для footer'a: #footer { background-image: url('../images/gradient-bottom.png'); background-repeat: repeat-x; border-top: solid 2px #000; height: 45px; margin: -45px auto 0; width: 100%; min-width: 1200px; } Стили для header'a: #header { background-image: url('../images/gradient-top.png'); background-repeat: x-repeat; border-bottom: 2px solid #000; width: 100%; min-width: 1200px; } Как сделать, чтобы footer и header не обрезались в IE6?

    Asked by Sergey25,

    0 votes
    5 answers

  5. Резиновый блок с текстом. Как сделать?

    Сверстал полностью резиновый шаблон по высоте и ширине для разрешения экрана от 1000 пикселей. Но вот незадача: главную задумку - сделать резиновым блок с текстом (с автоматической полосой прокрутки) никак не получается. Вот как должен выглядеть блок под разрешением 1280*1024: Выкладываю пример с версткой и с фиксированой шириной текстового блока: http://ooopri.pavelzheglov.ru/

    Asked by Jackky,

    0 votes
    17 answers

  6. Табы с косыми углами возможно ли сделать на CSS

    Возможно ли на CSS сделать косые стороны табам ?

    Asked by ilyas,

    0 votes
    5 answers

  7. ПРОБЛЕМА - Разрыв между ячейками таблицы, если в нее вставить катинки

    втсавляю 2 части одной картинки в соседние ячейки таблици, но обе картинки не сливаются в одну, межде ними образуется разрыв вот пример: <tr> <td> <img src="D:likasajtuchebnij2 strnicy2.jpg" width="400px" height="150px" border="0"> </td> <td> <img src="D:likasajtuchebnij2 strnicy5.jpg" width="400px" height="150px" border="0"> </td> </tr> Если ячейки всместо картинок заливаю цветом - разрывы исчезают, если вставляю картинки - разрывы опять появляются. Видимо браузер автоматически добовлят картинкам обтекание( Как сделать так , чтобы разрыв пропал, и обе катринки стали единой?

    Asked by lika,

    0 votes
    7 answers

  8. почему таблица в ячейке не хочет растягиваться на 100% высоты ячейки?

    Вот гляньте на страницу. www.hm-ges.ru почему таблица в ячейке слева не хочет растягиваться на 100% высоты ячейки? <td width="202" rowspan="2" align="left" valign="bottom" background="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/left.jpg"<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/left.gif"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="27" valign="top"> <div class="leftrow"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo …

    Asked by vovchikku,

    0 votes
    6 answers

  9. Помогите со скриптом Голосование

    Помогите со скриптом Голосование http://www.woweb.ru/load/69-1-0-2805 Когда я нажимаю на результат мне он выдает ошибку что у меня на 143 и 171 строке там ошибка т.е вот на этом месте пишет что здесь ошибка что надо прописать $a=$a+$vote; и 171 строка тоже что надо вписывать $decimals=$point[1];

    Asked by Alexey197825,

    0 votes
    9 answers

  10. Растягивающееся горизональное меню

    Как сделать растягивающееся на 100% в ширь меню. Так что-бы внутрение элементы тоже растянулись на всю ширь. То есть если внутри четыре пункта то каждый из них взял на себя 25%.

    Asked by Rendom,

    0 votes
    5 answers

  11. Как прижать футер книзу экрана?

    Здравствуйте! Сразу оговорюсь, что прижимать просто так футер книзу я умею (хоть и считаю это совершенно ненужным...). Теперь к сабжу. Есть такой код (код не мой, просто подходит для примера): Код можно посмотреть на этой странице http://www.xs4all.nl/~peterned/examples/csslayout1.html Там макет из хедера, контента и футера. Причем контент растянут на 100% по высоте. Мне надо сделать так: 1. надо сделать хедер, допустим 100px по высоте 2. надо сделать футер, допустим 100px по высоте 3. самое интересное: надо сделать так чтобы между ними был контент, чтобы он был растянут на всю оставшуюся высоту экрана (как в примере по ссылке), но чтобы, если высота контента превышает вы…

    Asked by Great Rash,

    0 votes
    8 answers

  12. Условные комментарии в IE

    Не получается добавить для IE отдельный стиль, делаю примерно так: <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="style.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="all-ie.css" /> <![endif]--> </head> IE на него просто не реагирует... Где ошибся?)) Кстати вот так работает: *+html #subtop{ /* 7-й IE */ padding-top:5px; } * html #subtop{ /* 6-й IE */ padding-top:5px; } Однако хотелось просто одно общее свойство для всех IE создать...

    Asked by Clayton,

    0 votes
    15 answers

  13. frD-Съезжает основной блок в IE6

    Подскажите плиз, где перехимичил с css? Сайт отображается нормально в mozill'e, ie7, а в ie6 - съезжает влево. Перерыл все сначала в css. Немогу понять почему основной блок съезжает. а в разделе "Мои работы" контент уходит вниз. Но по этому поводу есть подозрение, что из-за того, что у таблицы width=100%. Надо наверное вообще убрать. Заранее спасибо за ответ. Проблема тут _http://www.rolph.ru

    Asked by rolph,

    0 votes
    6 answers

  14. Работает ли свойство vertical-align?

    Пишу: p.topic { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #996600; vertical-align: middle } Вставляю в блок, высота которого больше высоты строки, а абзац как выравнивался по верху, так и продолжает. Я так понимаю, что для блок, в котором он лежит - это родительский элемент (см. цитату выше). Или я чего-то не понимаю?

    Asked by alexlut,

    0 votes
    4 answers

  15. Как поместить div в список, отображающийся в строчку?

    Помогите пожалуйста! Как поместить div (или таблицу) размером, например, 100х100 в список, стиль отображения которого display:inline (Div - ы соответственно тоже должны располагаться в строчку)?

    Asked by Inoxia,

    0 votes
    1 answer

  16. CSS, JS и кроссбраузерность

    Подскажите, где взять толковую информацию пр нюансам CSS и JS в разных браузерах. В Гугле 90% философии, целый день рылся. Жалко потраченного времени и трафика. В учебниках, какие у меня есть про это ни слова. В одном нашел: "...написан для IE... в разных браузерах может работать поразному..." и все. А как? Я только начал, а уже проблемы: <style type="text/css"> #pic1{ filter:progid:DXImageTransform.Microsoft.BasicImage(xRay=0); } #div1{ position:absolute; top:100px; left:10px; display:none; } </style> <script language="javascript"> <!-- function Function_1(){ document.all.tags("div").item(0).style.display="block"; } function Function_2(){ docume…

    Asked by Николай 2357,

    0 votes
    14 answers

  17. Эффект перекатывания - вопрос.

    www.alexey-shingirey.narod.ru На этом сайте при наводе курсора на логотип он меняется на другое изображение, но перед этим происходит какой-то быстрый блик ч?рного цвета, а на других сайтах есть такой эффект, но там нет никаких этих ч?рных пауз. Эта фигня происходит только при первом наводе курсора, дальше вс? ок.

    Asked by Sheena,

    0 votes
    15 answers

  18. колонки одинаковой высоты

    http://s16.radikal.ru/i191/0912/26/53f31c5f9e6c.png - нужно что б колонки не просто были одинаковой высоты, но и занимали всё пространство от них до футера не в зависимости от содержимого.

    Asked by Yahoo!,

    0 votes
    23 answers

  19. Вставка изображения в псевдоэлемент.

    Добрый день! Столкнулся с проблемой отображения картнки в ::before, ::after. Блок сам отрисовывается-виден при проверке. Могу в content запихнуть тескт-все норм, отрисовывается. А вот добавление изображения ни в какую. Пробовал запихивать даже в content: url(address); и в background: url('address'); Проверял путь к картинке-нормальный(проверял на обычном <img src='address'>). Предоставить могу лишь кусок кода: весь проект не имею возможности скинуть. http://cssdeck.com/labs/nafhnhr5

    Asked by Super_Saimon,

    0 votes
    4 answers

  20. Масштабирование страницы

    Подскажите пожалуйста : как сделать так, чтобы при изменении размера окна браузера или при изменении разрешения монитора сохранялись все пропорции форм и фреймов и все рисунки и фреймы оставались на своих местах, как можно их зафиксировать?

    Asked by Стас,

    0 votes
    4 answers

  21. Выравнивание ячейки по высоте

    Выравнивание ячейки по высоте, как сделать, в этой ячейке повторяется фон, указываю 100% ячейки не катит, в другом столбце рядом объединенные ячейки! Что посоветуете?

    Asked by okunev2,

    0 votes
    10 answers

  22. проблема с привязкой блока к низу страницы

    вот часть кода CSS: @charset "utf-8"; html{background-color:#fff; color:#000; margin:0; padding:0;} body{margin:0 auto; padding:0; width:900px; height:100%;} #header{width:900px; height:123px; background:url(diz/head.png) no-repeat center; margin:5px 0 20px 0;} #content{font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666666; padding-bottom:50px;} #footer{text-align:center; background-color:#0099FF; width:900px; height: 50px; position: absolute; bottom:0; margin:0;} вроде зазора снизу ну никак быть не должно. а он есть, и полоса прокрутки появляется. подскажите где не так?? вот сайт http://help-team.com.ua/klientu.html

    Asked by Kos87,

    0 votes
    10 answers

  23. Список внутри параграфа

    Если я в html пишу: <p> <ul> <li>text</li> <li>text</li> </ul> </p> то когда открываю страницу в браузере получается: <p></p> <ul> <li>text</li> <li>text</li> </ul> <p></p> т.е. параграфы сами закрываются где не надо. Как сделать что бы работало нормально?

    Asked by bob_24,

    0 votes
    18 answers

  24. Не работает background-image для блока div

    Не могу понять почему не работает свойство background-image для блока <DIV ID="HEADER"></DIV> картинка просто не появляется в блоке..я новичок, может кто знает в чем причина? Все картинки в папке images. Сам код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <link href="style.css" rel="stylesheet" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="js/custom.js"></script> </head> <body> <div id="wrapper"> <div id="header"> </div> <div id="nav"> </div> <div id="content"&gt…

    Asked by Quadder,

    0 votes
    2 answers

  25. Медиа запросы и отображение изображений

    Доброго. Дабы не засорять форум темами свои, все вопросы напишу здесь: 1. Медиа запросы. Как это работает? То есть, есть экран смартфона 1280х720 и монитор 1980х1080. Могу ли я сделать медиа-запрос так что бы при открытии страницы с устройства с шириной экрана меньше 720 загружалось изображение одного разрешения, а если больше - другое? 2. Я работаю с Bootstrap, который блок с контентом делает адаптивным. Разве внутри этого блока ещё один блок с изображением не делается тоже адаптивным? Самое главное, что в настольном браузере, в режиме эмуляции всё отлично отображается. А на практике одни косяки. Как сделать так, что бы изображение чётко адаптировалось и не выл…

    Asked by P0jar,

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