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
-
Высота ячеек в IE
Проблема такая: Наверстал страничку, сделал таблицу примерно таким образом: Тейбл сделал по ширине 100%, по высоте 100% (чтобы при неполном заполнении желтой ячейки по высоте не уезжал) Проблема такая, в IE если текста в желтой ячейке больше по высоте, чем экран (т.е. тейбл уезжает по высоте), голубые ячейки тоже увеличивают высоту. Пробовал фиксировать и через свойста тега и через CSS. Вот код тейбла: <TABLE cellspacing=0 cellpadding=0 class="big" rules="none"> <TR><TD colspan=3 height=259> <TABLE width=100% cellspacing=0 cellpadding=0 border=0 height=259> <TR><TD rowspan=2 width=756 height=234> <TD background="/images/toptop.…
0 votes6 answers -
Отступ элементов списка (LI) при обтекании картинки (IMG)
Список обтекает картинку. Смещаю элементы списка относительно заголовка: img { width: 150px; height: 212px; float: left; margin: 0px 20px 20px 20px; } strong { font-weight: bold; font-size: 100%; } ul { margin-top: 0px; } li { margin: 0px 0px 0px 20px; font-size: 75%; } В Firefox всё выглядит отлично: А вот в IE7 - нет: В чём проблема?
0 votes13 answers -
Две "рамки у таблицы"
Помогите, надо сверстать такую таблицу не получается сделать белую рамочку внутри. Получается только так: test.egmelso.ru/templates Кто подскажет какие возможно варианты? Без использования всяких дивов и прочего. Только стили.
0 votes6 answers -
Youtube влог о вебе интересует ваше мнение
Привет! Я Лика и я фрондев уже около 4х лет и хобби ради решила завести свой влог на ютубе о вебе. Дабы делится опытом конечно, а не гордости ради, хаха Сейчас Я записываю общие темы, например как найти свою первую работу, создать резюме или где учится. В этой темке я хочу спрашивать начинающих верстальщиков/фронт-ендов/ui, что им интересно услышать. Это поможет мне записывать более полезные видео для вас же. Через пару дней я планирую писать про поиск первой работы и хотелось бы узнать, какие нюансы вам интересно услышать. Какие трудности вызывает поиск той самой-самой первой работы-заказа. Я попытаюсь рассказать, как решить эти нюансы и получить желательный офф…
0 votes41 answers -
Появление картинки при наведении мыши на текст
Всем привет. Собираю сайт на вордпресс и не могу понять, как сделать одну штуку. Надо чтобы при наведении на раздел в меню, слева появлялась картинка, соответствующая разделу. Нашел пример кода: http://avvdesign.info/blog/?CSS:Kartinki:Primer Прописал в css, работает. Пример на странице http://prostovend.ru/?page_id=192, если навести внизу страницы на ссылку "ICT test", то появится картинка. Гуру, подскажите, как сделать тоже самое с разделами меню? PS Для вывода меню используется плагин wp-dtree.
0 votes5 answers -
Возможно ли 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, …
0 votes42 answers -
выделение областей на географической карте
подскажите пожалуйста возможно ли реализовать на web-странице подсветку областей географической карты при наведении курсора(без использования flash)? например дана карта России, на ней около 80 регионов. границы регионов, как понимаете, ломанные или может быть посоветуете готовый скрипт, если он существует вообще
0 votes1 answer -
картинка и Div перекрывает ссылки
Ребят подскажите пожалуйста. У меня центральная картинка и ее же блок перекрывает нижние эконки с ссылками, так же слева макета есть ховер на текст , также слегка перекрываемый картинкой, следовательно та часть которая перекрыта не срабатывает вот стили блока и изображения #main { width: 600px; min-width: 600px; height: 100%; min-height: 600px; position: absolute; z-index: 0; left: 0; right: 0; margin: auto; top: 20px; } .centerpic { position: absolute; left: -50px; right: 0; bottom: 10px; margin: auto; top: 0; z-index: 1; } стиль эконок в подвале .block { width: 30px; height: 30px; pos…
0 votes8 answers -
Как пользоваться спецификацией www.w3.org/TR/html5/
Здравствуйте. Я новичок в сайтостроении. Изучаю html5. Подскажите как и где правильно смотреть спецификацию на этом сайте www.w3.org А когда узнал что разрабатывается html5.1 то вообще перестал все понимать. Если еще не вышел html.5 почему разрабатывается html5.1? www.w3.org/TR/html51/ Помогите пожалуйста мне с этим разобраться. Что какая ссылка значит и как там все смотреть?? Заранее спасибо..
0 votes11 answers -
Фотогалерея, без перезагрузки всей html-страницы
День добрый! Ребят, сразу скажу что в html чайник, на собственной практике с десяток статических страниц. Вобщем интересует возможность менять картинки на страничке при клике на них, без написания дополнительных html-страниц для каждой следующей картинки. Пример: //————--Таблица 1 //————Таблица 2 текст текст текст текст текст текст
0 votes11 answers -
Блоки в IE прыгают на новую строку?
Здравствуйте! Подскажите кто-нибудь пожалуйста? Такой код отображается по разному. В IE блоки прыгают на новую строку, при уменьшении размера окна. Что можно сделать, чтобы они стояли неподвижно? .news{ height: 272px; width:190px; float:left; background-color:red; } .content_menu{ width: 660px; background-color:green; } .text_block{ float: none; background-color:#333; width: 750px; height: 500px;} <div class="news">dfgdgfsd adf ad fasdif aisudfo aiu</div> <div class="content_menu">dfgdgfsd <h1>При уменьшении окна этот блок съезжает вниз.</h1> uhaifu haiufh aiue fau ef</div> <div class="text_block">dfgdgfsd adf ad fasdif a…
0 votes6 answers -
IE8 Beta
На прошлой неделе тестил IE8 beta. Вот то что на первый взгляд удалось отыскать. 1) Наличие встроенного IE development Tools, очень похожа теперь на fireBug, а в чем то даже, пожалуй, превосходит его. В частности есть отдельные опции отслеживания старта и выполнения JS функций. (fb показывает время работы) 2)умышелнно уронил браузер - автоматически оживает! 3)ну и вобщем как и общеалось - эмулция ie7\ie8 одной кнопкой. Похоже microsoft проапгрейдил таки свою кучку индусов.
0 votes16 answers -
Div поверх gmap
Вобщем есть картинка, которую нужно разместить поверх гугл-карты. Z-index не помог. Есть ли способ? Привожу код страницы: <!DOCTYPE html "-//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=utf-8"/> <title>Гугокарты</title> <script src="http://maps.google.com/maps?file=api&v=2&key=abcdefg" type="text/javascript"></script> <script type="text/javascript"> function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")…
0 votes11 answers -
Как зафиксировать фоновую картинку по центру страницы?
Проблема такова: Фоновое изображение должно быть расположено по центру страницы. При разрешении 1024х768 это так и есть. При большем разрешении фоновая картинка съезжает влево. Посмотреть можно здесь, Загрузить тему здесь margin: 0 auto; - не спасает. * { margin: 0; padding: 0; } body { background: url("images/bg.jpg") #0673C8 no-repeat; margin: 0 auto; padding: 0; font-family: Verdana, Arial, Sans-Serif; font-size: 13px; } Вопрос специалистам по верстке: Как зафиксировать фоновую картинку по центру страницы? Буду рада любым вариантам - замучилась уже с этой картинкой.
0 votes3 answers -
Выравнивание
Помогите, пожалуйста. Нужно выровнять текст по правому и левому краю одновременно. Свойство justify не подходит, т.к. нет переноса строки. пам тарам пам пам Нужно выровнять на ширину, к примеру, 40em. Возможно такая тема на форуме уже была, но я ничего не нашла.
0 votes24 answers -
SCROLLBAR - прокрутка
Как в форме убрать горизонтальную прокрутку? Заранее благодарен!
0 votes9 answers -
Поочередня смеца цвета в таблице ("even td")
Есть таблица большая, вот она http://dnipro.dp.ua/archi/ К каждой строке прописан свой цвет, <TR> <TD bgcolor=#E8E8E8>Здание такое-то</TD> <TD bgcolor=#E8E8E8>Описание здания</TD> <TD bgcolor=#E8E8E8>36 эт.</TD> </TR> <TR> <TD bgcolor=#CFCFCF>Здание такое-то</TD> <TD bgcolor=#CFCFCF>Описание здания</TD> <TD bgcolor=#CFCFCF>24 эт.</TD> </TR> <TR> <TD bgcolor=#E8E8E8>Здание такое-то</TD> <TD bgcolor=#E8E8E8>Описание здания</TD> <TD bgcolor=#E8E8E8>21 эт.</TD> </TR> .... и так можно до бесконечности. Конешно как вы уже поняли, эт…
0 votes17 answers -
Footer по нижнему краю
Здравствуйте, уважаемые! Ну никак не могу найти достойного решения следующей задачи: Есть макет: Шапка (фикс. высота и ширина), Блок контента (фикс ширина и на 100% высота) и футер который будет прижат к нижнему край окна (даже при малом и бОльшом количестве контента). Ну никак не соображу как сделать, а готового решения до сих пор не нашел. Верстать надо блоками, ведь 21 век на дворе Буду признателен за помошь!
0 votes9 answers -
Есть окно, как можно зделать что курсор автоматом был в нем
Всем привет, тут такой вопрос. Есть в сайте окно для ввода, как можно зелать что при загрузке старницы автоматом в этом маленьком окоше для ввода сразу был курсор. Тобиш что б сразу можно было туда вбивать текст. не тыкая мыкой туда.
0 votes16 answers -
0 votes14 answers
-
Ограничение минимальных размеров div
Здравствуйте. Обращаюсь с вот такой проблемой, для которой никак не могу подобрать решение. Есть "резиновая" страница, состоящая из двух колонок на базе div: правая фиксированной ширины для меню навигации, а левая - с основным текстом, горизонтальные размеры которой подстраиваются под размеры окна браузера. Под текстом находится форма обратной связи. Можно ли как-то ограничить горизонтальные размеры левой колонки оредел?нной величиной, скажем, 300px? Пока никакого решения (без использования таблиц) не наш?л. Просто если совсем сузить окно браузера, элементы формы залезают на меню навигации, а мне этого не нужно.
0 votes10 answers -
Smarty формы
Добрый день не могу понять smarty генерирует форму ( ), или надо ее руками прописывать.я так понимаю это шаблонизатор что то вроде ASP.NET т.е. необходим для разделения кода и внешнего представления, но в документации нет ни чего что относится к обработке событий и передаче параметров запроса.
0 votes1 answer -
Как растянуть div по высоте родительского элемента?
Всем привет! Собственно, у меня есть три колонки, две с фиксированной шириной по краям и одна в центре занимает все остальное пространство. Div#center служит для того, чтобы сделать границы между боковыми колонками и центральной. В нем находится заголовок и еще один div.content с границей по краям, при чем у заголовка границ быть не должно. Границы div.content соединяются с картинкой в td#content_footer, но только когда центральная колонка больше по длине, чем две соседние. Подскажите, как можно сделать так чтобы границы div.center примыкали к картинке в td#content_footer. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/…
0 votes3 answers -
Помогите с вёрсткой
В общем - проблема такая: Вот скрин - Как эту часть шаблона сделать, чтобы она расширялась на весь экран? Я отдельно делаю левую часть и правую... Правая - всё картинка, а левая - высота 100% и ширина в 1px... (на рисунке примерно видно, как я резал в фотошопе) Размножаю - всё нормально.... Но! Как сделать номер телефона тоже по центру? P.S. Могу предположить, что с <div> и position - но как? P.P.S. Спасибо...
0 votes13 answers -
Атрибуты 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>
0 votes4 answers