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 (у меня версия 6) Это код html: <a target='_self' href='index.php'> <img class='face' src='images/face/02.jpg' width='220' height='30'> </a> А это строки в CSS: a img {border: none;} image.face{padding:0; margin:0; border-width:0px; border-color:#006600; border-style:solid; align:center; vertical-align:middle;} Не работают и такие варианты: <a target='_self' href='index.php'> <img src='images/face/02.jpg' width='220' height='30'> </a> <a target='_self' href='index.php'> <img border='0' src='images/face/02.jpg' width='220' height='30'> </a> Никак не пойму, в ч…
0 votes13 answers -
Закруглённые края ПОМОГИТЕ
Помогите, который день мучаюсь с углами в İE.. Сегодня наконец добилась хоть какого-то прогрeсса. Подключила DD_roundies_0.0.2a.js Код: <script src="DD_roundies_0.0.2a.js" type="text/javascript"></script> <script type="text/javascript"> DD_roundies.addRule('.roundify', '10px'); </script> В CSS: .roundify { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } Удачно закруглил один угол... Начались проблемы из-за scroll. Выносит края scroll на бордер и не округляет их.. Уже не знаю что делать.. + в Опере на почему-то на закруглённом бордере оставляет белые углы. Как с этим бороться?
0 votes10 answers -
Две "рамки у таблицы"
Помогите, надо сверстать такую таблицу не получается сделать белую рамочку внутри. Получается только так: test.egmelso.ru/templates Кто подскажет какие возможно варианты? Без использования всяких дивов и прочего. Только стили.
0 votes6 answers -
Работа с макетами
Добрый день! я не могу понять как работать с макетами для верстки и что для этого нужно. не могу найти тему что бы почитать. допустим есть PSD файл, а что дальше, как с ними работать, чтобы создать сайт. если не сложно подскажите!, или ссылку на материал. спасибо.
0 votes23 answers -
Как вычислять отступы от символов
Никогда не задумывался об отступах между элементами серьезно (потому что не верстальщик). Ну, конечно, margin от padding отличал, но вот недавно столкнулся с тем, что необходимо было перевести шаблон из PSD html\css с точностью до пикселя. "Раньше я делал как:" (с) Федор Лошадкин) - открываешь шаблон в фотошопе и выделяешь, к примеру, от верхней границы начертания символа (глифа) до нижней границы верхнего блока (каламбур, но см. рис.). На рисунке это зеленая линия (вроде по-умному это называется верхняя линия шрифта). Затем смотришь высоту выделения и вбиваешь ее в отступ. Браузеры же думают иначе (и логичнее), и любой текст обрамляется рамкой, откуда они и начинают высч…
0 votes13 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 -
картинка и 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 -
выделение областей на географической карте
подскажите пожалуйста возможно ли реализовать на web-странице подсветку областей географической карты при наведении курсора(без использования flash)? например дана карта России, на ней около 80 регионов. границы регионов, как понимаете, ломанные или может быть посоветуете готовый скрипт, если он существует вообще
0 votes1 answer -
Блоки в 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 -
Фотогалерея, без перезагрузки всей html-страницы
День добрый! Ребят, сразу скажу что в html чайник, на собственной практике с десяток статических страниц. Вобщем интересует возможность менять картинки на страничке при клике на них, без написания дополнительных html-страниц для каждой следующей картинки. Пример: //————--Таблица 1 //————Таблица 2 текст текст текст текст текст текст
0 votes11 answers -
IE8 Beta
На прошлой неделе тестил IE8 beta. Вот то что на первый взгляд удалось отыскать. 1) Наличие встроенного IE development Tools, очень похожа теперь на fireBug, а в чем то даже, пожалуй, превосходит его. В частности есть отдельные опции отслеживания старта и выполнения JS функций. (fb показывает время работы) 2)умышелнно уронил браузер - автоматически оживает! 3)ну и вобщем как и общеалось - эмулция ie7\ie8 одной кнопкой. Похоже microsoft проапгрейдил таки свою кучку индусов.
0 votes16 answers -
Вывести Диалог
Здравствуйте. Возможно я задам ламерский вопрос, но прошу помощи. Задача такая: нужно по щелчку по ссылке показать диалог с информацией из БД. Не отдельно всплывающее окно, а поверх основной страницы (аналог Delphi Form.ShowModal) Извиняюсь за косноязычие. Отнеситесь к начинающему с пониманием. Куда копать?
0 votes25 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 -
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 -
Выравнивание
Помогите, пожалуйста. Нужно выровнять текст по правому и левому краю одновременно. Свойство justify не подходит, т.к. нет переноса строки. пам тарам пам пам Нужно выровнять на ширину, к примеру, 40em. Возможно такая тема на форуме уже была, но я ничего не нашла.
0 votes24 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 -
SCROLLBAR - прокрутка
Как в форме убрать горизонтальную прокрутку? Заранее благодарен!
0 votes9 answers -
Есть окно, как можно зделать что курсор автоматом был в нем
Всем привет, тут такой вопрос. Есть в сайте окно для ввода, как можно зелать что при загрузке старницы автоматом в этом маленьком окоше для ввода сразу был курсор. Тобиш что б сразу можно было туда вбивать текст. не тыкая мыкой туда.
0 votes16 answers -
Ограничение минимальных размеров div
Здравствуйте. Обращаюсь с вот такой проблемой, для которой никак не могу подобрать решение. Есть "резиновая" страница, состоящая из двух колонок на базе div: правая фиксированной ширины для меню навигации, а левая - с основным текстом, горизонтальные размеры которой подстраиваются под размеры окна браузера. Под текстом находится форма обратной связи. Можно ли как-то ограничить горизонтальные размеры левой колонки оредел?нной величиной, скажем, 300px? Пока никакого решения (без использования таблиц) не наш?л. Просто если совсем сузить окно браузера, элементы формы залезают на меню навигации, а мне этого не нужно.
0 votes10 answers -
0 votes14 answers
-
Scroll внутри DIV, в котором таблица больше этого DIV
Всем привет! Есть DIV, в котором находится таблица. По идее таблица должна выходить за пределы этого DIV, а чтобы увидеть остальную часть таблицы нужно проскроллить. У меня таблица встраивается в пределы DIV и не хочет выходить за его пределы. Пытался менять width у элементов таблицы, ставить overflow: scroll у DIV но ничего не выходит. Таблица все также пытается втиснуться в DIV. Как сделать так, чтобы таблица имела определенную длину, показывала только часть себя и появился скролл для передвижения по этому DIV. как-то так:
0 votes22 answers -
Как растянуть 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 -
Атрибуты 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