HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Не растягивается Div на весь экран
Снова помучаю Вас, простите уж. Имеем этот же сайт : http://battleiq.bget.ru/index.php При просмотре на больших мониторах, блок Content не дотягивается до футера, прижатого к низу экрана. Сейчас задана min-height:640px; если ставить 100% - вообще обрезается полблока Content... Минималка нужна, чтобы короткие блоки при просмотре на ноутах не обрезались очень сильно... Как исправить?
0 votes9 answers -
Вставка картинки тэгом object - проблемы с IE
<object type="image/gif" data="img/logo.gif"> Здесь находится форматированный текст </object> Задумка такая - чтобы при отключеной графике отображался текст заданного размера и формата. Думаю можно использовать слои - но я с ними пока не дружу. Файрфокс и Опера нормально отображают рисунок, а ИЕ - вообще не отображает. Причем если выставить ширину и высоту объекта, то он вставляет фрейм с рисунком. Соб-но вопрос: как добиться, чтобы ИЕ отображал рисунок? Заранее спасибо
0 votes3 answers -
Высота таблицы
Собственно подскажите решение проблемы, знаю что она насущная, но так толкового решения и не нашел. Опишу: Черная таблица растягивается по высоте в зависимости от контента. Нужно сделать так чтобы, при увеличении высоты зеленой таблицы (в зависимости от количества текста) еще и синяя таблица растягивалась до самого конца. И наоборот. В зависимости от растягивания синей таблицы, растягивалась и зеленая таблица. Красная и оранжевая таблица имеют фиксированную высоту в пикселях.
0 votes6 answers -
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" /><…
0 votes7 answers -
Как организовать спортивную таблицу?
Подскажите, как организовать турнирную таблицу, желательно на Joomla? Может, кто сталкивался?
0 votes6 answers -
Выравнивание горизонтального меню по центру
Доброго времени суток, Хотел бы обратиться за помощью, так как ответа на просторах интернета найти не смог. Проблема: есть горизонтальное меню. Состоит из 4 пунктов. После второго пункта идет логотип. Все выравнено по центру. Но так как первые два пункта меню длиннее, чем последние два, логотип находится не по центру. Вопрос: как поместить логотип ровно по центру, сохраняя выравнивание пунктов меню по центру?
0 votes6 answers -
Про необязательные тэги и необязательность закрытия всех тэгов — беспардонное враньё?
Всегда ранее я предпочитала строгий синтаксис xhtml, считая вольный html с незакрытыми тэгами чем-то абсолютно недостойным. Но в конце концов стало интересно: ведь как-то же люди и такой синтаксис используют, и всё работает, да и спецификациями одобрено. Но однако что замечено: если не использовать тэг <body>, то в отдельных случаях IE любой версии просто не кажет содержимое страницы. В частности, это происходит, если использовать html5shiv или схожие по смыслу скрипты. если не закрывать <p> (или любой другой типа не требующий закрытия тэг), и за этим незакрытым элементом закрывается </section> или </aside>, то FF игнорирует эти закрывающие тэги, с…
0 votes12 answers -
бустрап отключить адаптивность
есть сайт на бустрап3(а может 4) мне нужно выключить адаптивность для любых устройствах я установил такую строку <meta name="viewport" content="width=1200, initial-scale=0.4, maximum-scale=1.0, user-scalable=yes" /> все работает,но если я в десктопном браузере уменьшаю ширину то верстка превращается в адаптивную гуглил,там описываются решения типа пересобрать бустрап или заменить все элементы на col-xs- но для меня слишком сложно,плюс не хочу править сам шаблон есть простое решение? скачивал css файлы которые якобы убирают адаптивность но не помогает
0 votes17 answers -
Подскажите, можно ли сверстать такой текст
Имеется в виду чтоб именно текстом а не картинкой, возможно ли? У меня получается шрифт более растянутый, а там как бы суженый Текст который нужно сверстать здесь: http://kim-evgene.ucoz.ru/text.rar
0 votes12 answers -
Нарезка проекта на Cs3
Имею Проект.PSD но не имею представления что делать (навыков в Шопе НОЛЬ) с чего начинать?
0 votes13 answers -
вопрос всплывающей меню
поднимал данный вопрос в другой теме но там он не был услышан в силу другого названия темы. на сайте skvend.ру/decman/ внизу сайта есть всплывающая меню. так вот при появлении вертикальной прокрутки а этого легко добиться выставив разрешение 1024 на 768 меню принимает свое стационарное положение а контент уходит далеко за него -получается что меню просто весит в воздухе. как прилипить меню постоянно к низу вне зависимости от длины контента по вертикали.?
0 votes12 answers -
Чем обычно создаются такие пустоты?
Здравствуйте. Если посмотреть на странице, то можно увидеть в html коде зазор " ", который опускает изображение ниже, чем требуется. Посмотрел php - так и не увидел, от чего это. Что говорит ваш опыт?
0 votes15 answers -
Адаптивная таблица
Здравствуйте, дорогие форумчане, в очередной раз вынужден просить у вас помощи. Есть ли какой-нибудь способ сделать простую таблицу адаптивной? В каком смысле простую? Да самую что ни на есть простую а именно <table> со всеми вытекающими из нее <tr> <td> <th> Я уверен, что это можно сделать посредством css, но моих знаний недостаточно. Как пример: вот моя страница на ошибки отступы и кривой дизайн, можете не смотреть) Интересует внизу страницы таблица с табами. Буду очень благодарен, если кто-то подскажет как ее сделать адаптивной.
0 votes2 answers -
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 остальные элементы таблицы ее не растягивают.
0 votes5 answers -
В ячейке текст переносится на новую строку, почему?
Делал таблицу в программе 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…
0 votes3 answers -
Список нумерованный в обратном порядке
Подскажите, пожалуйста т.д. март февраль январь Можно ли пронумеровать такой список проще (одной записью), без указания в каждом параметра value?
0 votes3 answers -
Разделители в выпадающем списке
Существует ли решение для разграничения блоков в списке в выпадающем меню? При выборе позиции в выпадающем меню сплошной, неструктурированный в группы список вызывает панику.
0 votes4 answers -
Валидность 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…
0 votes9 answers -
Как сделать, чтобы
С непрозрачными все ок, а с полупрозрачными нет, хотя вроде суть одна... 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…
0 votes3 answers -
Выравнивание по горизонтали и вертикали
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 прилип к верху и все. Ко…
0 votes0 answers -
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 не подходит)
0 votes2 answers -
Пользовательская полоса прокрутки
Здравствуйте! Мне нужно поменять стандартную полосу прокрутки в браузере на собственную. Не просто поменять ее цвет, а полностью заменить - то есть использовать собственное изображение... Реально ли это осуществить и каким образом..?
0 votes9 answers -
Высота блока доходит не до конца
Здравсвуйте. Столкнулся с такой проблемой. Сделал у блока меню правый border (11px solid) и высоту блока на 100% поставил, но когда в контенте становится больше слов чем в блоке, блок не "вырастает" больше, а мне нужно чтобы он всегда доходил до подвала сайта. + Еще одна проблема, остается место после Контента, мне нужно чтобы контент прижимался к подвалу. Помогите пожалуйста решить. Скрин: P.S Проблемы показаны стрелками. Вот исходники (html и css файлы) Скачать (на ifolder.ru) Если нужно, могу перезалить на другой Хостинг.
0 votes28 answers -
Высота строк в таблице
Вот код таблицы: <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 необходимо ук…
0 votes1 answer -
Таблица, вложенная в див, не растягивает его в ff и opera
Доброе время суток!!!! Есть див со 100% шириной, в него вложена таблица, когда в таблицу забивают контент, то е? ширина может превысить 100%т.е. она растягивается. У дива есть все фоновый цвет, в браузерах ff и opera див не растягивается. Как можно решить данную проблему?
0 votes4 answers