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

29,542 questions in this forum

  1. Неправильное отображение в Opera

    В Mozilla сайт отображается так (то есть всё хорошо): Сайдбар как положено находится на своём месте. А теперь опера: Как видите сайдбар уполз вниз и влево. Вот код CSS: * { margin: 0; padding: 0; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; background-image: url('img/1.gif'); } a { color: blue; outline: none; text-decoration: none; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wrapper { width: 1250px; margin: 0 auto; } /* Header —————————————————————————--*/ #header { height: 100px; } #logo { margin-top: 15px; } #block { border: 5px solid #e…

    Asked by epog333,

    0 votes
    9 answers

  2. Не растягивается Div на весь экран

    Снова помучаю Вас, простите уж. Имеем этот же сайт : http://battleiq.bget.ru/index.php При просмотре на больших мониторах, блок Content не дотягивается до футера, прижатого к низу экрана. Сейчас задана min-height:640px; если ставить 100% - вообще обрезается полблока Content... Минималка нужна, чтобы короткие блоки при просмотре на ноутах не обрезались очень сильно... Как исправить?

    Asked by Shurrr,

    0 votes
    9 answers

  3. Вставка картинки тэгом object - проблемы с IE

    <object type="image/gif" data="img/logo.gif"> Здесь находится форматированный текст </object> Задумка такая - чтобы при отключеной графике отображался текст заданного размера и формата. Думаю можно использовать слои - но я с ними пока не дружу. Файрфокс и Опера нормально отображают рисунок, а ИЕ - вообще не отображает. Причем если выставить ширину и высоту объекта, то он вставляет фрейм с рисунком. Соб-но вопрос: как добиться, чтобы ИЕ отображал рисунок? Заранее спасибо

    Asked by Razor,

    0 votes
    3 answers

  4. CSS3 Radio button. Между label и input дополнительный тэг

    Сделал реализацию переключателя таким способом: <!DOCTYPE html> <html> <head> <title>Title of the document</title> <style type="text/css"> input[type="radio"]{ opacity: 0; position: absolute; } input[type="radio"] + label::before{ content: ""; display: inline-block; width: 13px; height: 13px; line-height: 13px; margin: 0 8px 0 0; background: green; vertical-align: middle; } input[type="radio"]:checked + label::before{ background:red; } </style> </head> <body> <form action="" name="form"> <input type="radio" name="test" id="first" value="1" /><…

    Asked by artemhp,

    0 votes
    7 answers

  5. Чем обычно создаются такие пустоты?

    Здравствуйте. Если посмотреть на странице, то можно увидеть в html коде зазор " ", который опускает изображение ниже, чем требуется. Посмотрел php - так и не увидел, от чего это. Что говорит ваш опыт?

    Asked by borus,

    0 votes
    15 answers

  6. Выравнивание горизонтального меню по центру

    Доброго времени суток, Хотел бы обратиться за помощью, так как ответа на просторах интернета найти не смог. Проблема: есть горизонтальное меню. Состоит из 4 пунктов. После второго пункта идет логотип. Все выравнено по центру. Но так как первые два пункта меню длиннее, чем последние два, логотип находится не по центру. Вопрос: как поместить логотип ровно по центру, сохраняя выравнивание пунктов меню по центру?

    Asked by rodion7195,

    0 votes
    6 answers

  7. Как организовать спортивную таблицу?

    Подскажите, как организовать турнирную таблицу, желательно на Joomla? Может, кто сталкивался?

    Asked by Alfa2015,

    0 votes
    6 answers

  8. Нарезка проекта на Cs3

    Имею Проект.PSD но не имею представления что делать (навыков в Шопе НОЛЬ) с чего начинать?

    Asked by sv12,

    0 votes
    13 answers

  9. Про необязательные тэги и необязательность закрытия всех тэгов — беспардонное враньё?

    Всегда ранее я предпочитала строгий синтаксис xhtml, считая вольный html с незакрытыми тэгами чем-то абсолютно недостойным. Но в конце концов стало интересно: ведь как-то же люди и такой синтаксис используют, и всё работает, да и спецификациями одобрено. Но однако что замечено: если не использовать тэг <body>, то в отдельных случаях IE любой версии просто не кажет содержимое страницы. В частности, это происходит, если использовать html5shiv или схожие по смыслу скрипты. если не закрывать <p> (или любой другой типа не требующий закрытия тэг), и за этим незакрытым элементом закрывается </section> или </aside>, то FF игнорирует эти закрывающие тэги, с…

    Asked by swetlana,

    0 votes
    12 answers

  10. бустрап отключить адаптивность

    есть сайт на бустрап3(а может 4) мне нужно выключить адаптивность для любых устройствах я установил такую строку <meta name="viewport" content="width=1200, initial-scale=0.4, maximum-scale=1.0, user-scalable=yes" /> все работает,но если я в десктопном браузере уменьшаю ширину то верстка превращается в адаптивную гуглил,там описываются решения типа пересобрать бустрап или заменить все элементы на col-xs- но для меня слишком сложно,плюс не хочу править сам шаблон есть простое решение? скачивал css файлы которые якобы убирают адаптивность но не помогает

    Asked by https,

    0 votes
    17 answers

  11. Подскажите, можно ли сверстать такой текст

    Имеется в виду чтоб именно текстом а не картинкой, возможно ли? У меня получается шрифт более растянутый, а там как бы суженый Текст который нужно сверстать здесь: http://kim-evgene.ucoz.ru/text.rar

    Asked by Kim,

    0 votes
    12 answers

  12. вопрос всплывающей меню

    поднимал данный вопрос в другой теме но там он не был услышан в силу другого названия темы. на сайте skvend.ру/decman/ внизу сайта есть всплывающая меню. так вот при появлении вертикальной прокрутки а этого легко добиться выставив разрешение 1024 на 768 меню принимает свое стационарное положение а контент уходит далеко за него -получается что меню просто весит в воздухе. как прилипить меню постоянно к низу вне зависимости от длины контента по вертикали.?

    Asked by Deca,

    0 votes
    12 answers

  13. Адаптивная таблица

    Здравствуйте, дорогие форумчане, в очередной раз вынужден просить у вас помощи. Есть ли какой-нибудь способ сделать простую таблицу адаптивной? В каком смысле простую? Да самую что ни на есть простую а именно <table> со всеми вытекающими из нее <tr> <td> <th> Я уверен, что это можно сделать посредством css, но моих знаний недостаточно. Как пример: вот моя страница на ошибки отступы и кривой дизайн, можете не смотреть) Интересует внизу страницы таблица с табами. Буду очень благодарен, если кто-то подскажет как ее сделать адаптивной.

    Asked by MadSandwich,

    0 votes
    2 answers

  14. frD-Глюк IE

    В отдельной ячейки таблицы помещаю картинку - элемент дизайна, васотой 2 пиксела, для ячейки тоже задаю высоту 2 пиксела, в експлорере, эта ячейка все 30 пикселей имеет. В Опере все нормально, как и задумывал. Вот код ячейки. <td width="220" height="2" align="left" valign="top" > <img src="image/line2.jpg" alt="" width="220" height="2" border="0" align="top"> </td> картинка имеет размер 3x2, в коде ее растягиваю до 220. Кто подскажет, что експлореру не нравиться. PS остальные элементы таблицы ее не растягивают.

    Asked by plexnet,

    0 votes
    5 answers

  15. В ячейке текст переносится на новую строку, почему?

    Делал таблицу в программе NVU, в первой ячейке должен быть заголовок "московский государственный университет природообустройства (мгуп), но почему-то после слова университет текст переносится на другую строку этой же ячейки, почему такое происходит? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>Table</title> </head> <body> <table style="text-align: left; width: 1200px; height: 800px;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="height: 95px; width: 33…

    Asked by sinderman,

    0 votes
    3 answers

  16. Список нумерованный в обратном порядке

    Подскажите, пожалуйста т.д. март февраль январь Можно ли пронумеровать такой список проще (одной записью), без указания в каждом параметра value?

    Asked by Chiquitita,

    0 votes
    3 answers

  17. Как зафиксировать ширину дива для ИЕ6?

    .div_frame_back{ border:1px solid #FF6666; width:500px; padding-top:10px; padding-bottom:10px; } .div_frame_videocontent{ border:1px solid #990033; width:706px; position:relative; left:-15px; } <div class="div_frame_back" style="width:500px;"> <div class="div_frame_videocontent"> </div> </div> В опере и фоксе ширина рамки 500 а в ИЕ6 рстягивается на ширину контента Как быть?

    Asked by bubaj,

    0 votes
    4 answers

  18. Выравнивание по горизонтали и вертикали

    body { margin: 0px; } .bdiv { width: 100%; height: 200px; border-color: #000000; border-style: solid; border-width: 1px; z-index: -1; position: absolute; vertical-align: bottom; } .bodydiv { width: 900px; height: 900px; min-height:900px; border-color: #000000; border-style: solid; border-width: 1px; z-index: 1; position: absolute; left: 50%; top: 50%; margin-top: -275px; margin-left: -390px; } <body> <div class="bdiv">Content for class "bdiv" Goes Here</div> <div class="bodydiv">Content for class "bodydiv" Goes Here</div> </body> </html> Хочу чтобы было вот так как на картинке. bdiv прилип к верху и все. Ко…

    Asked by triode-master,

    0 votes
    0 answers

  19. Разделители в выпадающем списке

    Существует ли решение для разграничения блоков в списке в выпадающем меню? При выборе позиции в выпадающем меню сплошной, неструктурированный в группы список вызывает панику.

    Asked by sendano,

    0 votes
    4 answers

  20. Пользовательская полоса прокрутки

    Здравствуйте! Мне нужно поменять стандартную полосу прокрутки в браузере на собственную. Не просто поменять ее цвет, а полностью заменить - то есть использовать собственное изображение... Реально ли это осуществить и каким образом..?

    Asked by QoooPer,

    0 votes
    9 answers

  21. Валидность HTML

    Всем привет, есть такая страница, нужно сделать ее валидной, подскажите, какие ошибки исправить? (CSS валиден...) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ru"> <head> <title>название</title> <meta name="description" content="123"> <LINK rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="Link.css" type="text/css" media="screen" /> </head> <body> <div id="wrap"> <div id="header"> <img border="0" src="img/Header.jpg" width…

    Asked by NightRunner,

    0 votes
    9 answers

  22. Высота строк в таблице

    Вот код таблицы: <body> <table cellspacing="0" cellpadding="0" border="1"> <tr valign="top" height="0"> <td><!--#include virtual="/ssi/header.html" --></td> </tr> <tr valign="top"> <td> <div id="page-content"></div> </td> </tr> <tr valign="bottom" height="0"> <td><!--#include virtual="/ssi/footer.html" --></td> </tr> </table> </body> В стилях: table { height:100%; width:100%; } Однако в IE каждая строка занимает треть экрана, хотя шапка и подвал должны быть прижаты. В Mozilla все нормально. И еще, какой DOCTYPE необходимо ук…

    Asked by pps,

    0 votes
    1 answer

  23. Как сделать, чтобы

    С непрозрачными все ок, а с полупрозрачными нет, хотя вроде суть одна... Only for Chrome!!!! Блок с бордерами и прозрачкой: <!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=windows-1251" /> <title>Создание обвязки бокса из 1 слоя.</title> <style> body {background:red;} .block{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAh0lEQVR4XtXRoQqDUBSH8 euu6T6AiAy2JBbxMQaLC7piFEx7BMEq+ECrvsTKitFiWVhQuH5ZLJ7mH37xgwPHsdZ6SqkeFX…

    Asked by Destrifer,

    0 votes
    3 answers

  24. overflow: visible в IE

    Всем привет!!! Подскажите плиз решение данной проблемы(если оно есть). Вот код: div#test { margin: 0; padding: 0; width: 100px; background: #ff0; border: 1px solid #000; zoom: 1; overflow: visible; } </style> <div id="test"></div> <div id="test">asdadaasddssssssssssssssssss</div> Везде кроме IE эти контейнеры имеють шрину 100px и видно их содержимое(ибо overflow: visible;), а IE растягивает нижний до размеров содержимого, игнорируя width: 100px;. Подскажите можно ли это както поправить?(мне это нада для создания контента который не занимает места, position: absolute не подходит)

    Asked by CoDy,

    0 votes
    2 answers

  25. Высота блока доходит не до конца

    Здравсвуйте. Столкнулся с такой проблемой. Сделал у блока меню правый border (11px solid) и высоту блока на 100% поставил, но когда в контенте становится больше слов чем в блоке, блок не "вырастает" больше, а мне нужно чтобы он всегда доходил до подвала сайта. + Еще одна проблема, остается место после Контента, мне нужно чтобы контент прижимался к подвалу. Помогите пожалуйста решить. Скрин: P.S Проблемы показаны стрелками. Вот исходники (html и css файлы) Скачать (на ifolder.ru) Если нужно, могу перезалить на другой Хостинг.

    Asked by Simpsons,

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