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 при верстке
Здравствуйте. Раньше работала на таблицах, теперь вот делаю первый дизайн на div'ах. Умелец из меня выходит спорный, так что сразу прошу тапками не кидаться. Проблема такая: само содержимое сайта занимает не весь экран, а 95% ширины. На заднем плане - фон, он прописан для body. Само же содержимое - хэдер, две колонки и футер должно оказаться внутри некого контейнера с белым фоном. Хэдер послушно наследует все свойства родительского div'a. А вот все, что находится ниже - словно само по себе. Вот код: И CSS (где-то здесь, наверняка, проблема и скрывается): Уже перепробовала все, что нашла в интернете, экспериментировала всеми способами, результата нет. Очень надеюсь на в…
0 votes7 answers -
Проблемма с font-weight в Opera 11.61
Помогите разобраться с багом возникающем в Опере. При наведении на пункт списка, он меняет цвет с белого на серый и меняется font-weight с normal на bold. Во всех браузерах работает нормально, а в Опере после уводы мышки от ссылки остается часть текста в ховер-варианте. Вот: Вот разметка и стили: * { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; } ul { display: block; list-style-position: outside; list-style-type: disc; margin-bottom: 1em; margin-top: 1em; padding-left: 40px; } ul li { font-size: 14px; l…
0 votes7 answers -
Максимальная высота у div
Есть код: *{ margin:0px; padding:0px; } html,body{ height:100%; } #body{ position:relative; margin:0px auto; width:1000px; min-height:100%; overflow:hidden; } #content{ margin:0px 0px 0px 310px; min-height:100%; background:#ddd; height: 100%; } #left{ position:relative; float:left; padding-bottom:30px; width:300px; background:#999;} #footer{ position:absolute; left:0px; right:0px; bottom:0px; height:30px; background:#bbb;} Есть структура: <div id="body"> <div id="left"> left </div> <div id="content"> …
0 votes7 answers -
Смена цвета при подключенном Cufon
Для подклчюения нестандартных шрифтов я использовал Cufon. До подключения скрипта у меня стояло действие для ссылки - при наведении курсора - менять цвет текста. После подключения Cufon - никак не могу вернуть смену цвеов. Подскажите, пожалуйста, как решить проблему?
0 votes7 answers -
Вертикальное меню
Здравствуйте. Есть вертикальное css-меню, но отображается только первый пункт: <ul id="vemenu"> <li><a href="/">Меню1</a></li> <li><a href="/">Меню2</a></li> <li><a href="/">Меню3</a></li> <li><a href="/">Меню4</a></li> <li><a href="/">Меню5</a></li> <li><a href=""/>Меню6</a></li> <li><a href="/">Меню7</a></li> </ul> …
0 votes7 answers -
Chrome, Opera отображают криво страницы
Доброго времени суток! Товарищи, подскажите как решить проблему отображения сайта в Chrome и Opera. В мозиле и IE сайт отображается как надо, а в Chrome главная страница сползает влево, а при переходе на остальные страницы все хорошо; а в опере наоборот главная наместе, но все остальные странички съезжают вправо (при этом ссылка на главную страницу сделаная через div остается на месте, а все остальное съезжает). Буду признателен за советы!
0 votes7 answers -
tr:hover
Возможно ли как то добавить псевдокласс hover к тегу tr? Если нет то каким образом можно сделать выделение строки таблицы при фокусе курсора.
0 votes7 answers -
Фон для бюлока
Хочу добавить серый фон побокам сайта (см. рисунок). Но не пойму как это сделать Код такой для блока wrapper (я так понимаю его нужно редактировать??) #wrapper { background: url("images/bg.PNG") repeat-y scroll 0 0 #fff; } Картинка "images/bg.PNG" вот http://hotbanya.ru/wp-content/themes/statua_v1.0.5/images/bg.PNG но ничего не выходит. Что не так? Или это вообще не так делается?
0 votes7 answers -
Нестандартный шрифт.
Здравствуйте, уважаемые форумчане. Прикрепил шрифт через font-face. Но он отображается только в хроме.в остальных стандартным шрифтом какимто. Подскажите как исправить ситуацию(варианты картинками и на канвасе не устраивают).
0 votes7 answers -
Неправельное отображение в ХРОМЕ
Добрый вечер! Уже 4 часа убил, но никак не могу понять мочему во всех браузерах отображаеться нормально, а в Хроме идет сдвиг... Суть проблеммы в чем: есть сайт: http://turnkey.org.ua/solli/ У него есть нижнее многоуровневое меню с выпадающими списками. И третий уровень меню во всех браузерах отображаеться нормально, а в Хроме идет сдвиг на пару десятков пикселей.. - Принскрин с мозилы - Принскрин ХРОМА Помогите пожалуйста, где я допустить мог ошибку?
0 votes7 answers -
CSS, потомки второго уровня
Непонятна ситуация с указанием потомков элемента. Есть таблица (2 столбца, 5 рядов). В правой ячейке третьего ряда вложена такая же таблица. Для внешней таблицы задан стиль #table1 { border: 1px solid black; } Если указан только этот стиль для внешней таблицы, то он не наследуется внутренней таблицей. Задаю стиль для ячеек внешней таблицы: #table1 td { border: 1px solid black; height: 30px; width: 100px; } Стиль для ячеек внешней таблицы наследуется для ячеек внутренней таблицы, хотя на сайте http://htmlbook.ru/css/border написано, что свойство "border" не наследуется. В книге ("Изучаем HTML, XHTML и CSS", Эрик Фримен, Элизабет Фримен, с.466) написано, что для того, чтобы…
0 votes7 answers -
Проблема в шапке с разрешением 800x600
Здраствуйте друзья возникла следующая проблема сверстал шапку и на разрешенеии 800x600 правая часть наезжает на левую, при табличной верстке все хорошо! код html шапки <div id="header"> <div id="header_left"> </div> <div id="header_right"> </div> </div> <div id="header_menu"> <div id="header_menu_main"> </div> </div> css шапки #header { width:100%; height:327px; background:url(header/maket_bg.jpg) repeat-x top center; } #header_left { float:left; width:47%; height:327px; background:url(header/maket_01.jpg) no-repeat left; } #header_right { float:right; width:53%; height:327px; background:url(header…
0 votes7 answers -
Изменить цвет текста в Notepad++
Я, конечно, задам сейчас очень неумный вопрос, но уже долго ломаю голову и не нахожу ответа. Кто знает, как переключить цвет текста в Notepad++, но так, чтобы только вновь создаваемый текст имел этот цвет? Проще говоря, выделить часть текста другим цветом.
0 votes7 answers -
Снова о IE, z-index
Всех приветствую, достался тут сайт "в наследство", на нем есть левое вертикальное меню, во всех браузерах все отображается как задумано, кроме IE. Версии IE 7-9 везде одно и тоже В верстке не специалист, знатоки посмотрите что можно с этим сделать, уже все мозги об этот z-index сломал. Ссылка на сайт Заранее спасибо за помощь.
0 votes7 answers -
DLE дополнительные поля
Всем привет. Помогите пожалуйста с движком DLE 9.5 null У меня есть 2 вопроса. ответьте хотяб на 1 1. как ограничить количество символов в дополнительном поле? (желательно чтоб не орезало слова и кончалось на "....") 2. Есть модуль "Topnews v1 alternativ" выводит в топ тока те новости в каторых есть картинка. у меня картинки идут через дополнительное поле [xfvalue_image] и модуль их не видит... помогите исправить код <?php $sql_result = $db->query( "SELECT id, title, date, alt_name, category, short_story, flag FROM " . PREFIX . "_post WHERE approve='1' ORDER BY news_read DESC LIMIT 0,10" ); while ( $row = $db->get_row()){$row['date'] = strtotime( $row['date'] )…
0 votes7 answers -
Наследование CSS элементарная ошибка, но где?
Добрый день. Возникла ошибка: на ровном месте. Вероятно что-то не так понимаю в наследовании CSS. Архив с примером (html+css) Вобщем указываю для <body> размер шрифта 12px, но внутри таблицы td он не наследуется и использует 16px непонятно откуда взятый (возможно по-умолчанию браузера?) Помогите пожалуйста новичку!
0 votes7 answers -
[CSS] Объект на логотипе
Здравствуйте, извините пожалуйста, первый раз на сайте вашем, помогите пожалуйста разместить на логотипе флеш-проигрыватель Вот сам логотип: #header { background: url("http://s019.radikal.ru/i626/1203/33/f13d17e6f54d.png"); margin: 0 auto; color:#FFFFFF; width:640px; height:240px; } Как на него влепить флеш-проигрыватель? Сам флеш проигрыватель имеется, вопрос только в том как размещать на логотипе
0 votes7 answers -
текст отображается вне блока
Попросили создать отдельную тему... Проблема следующая: Текст дива отображается за пределами этого самого дива, в родительском блоке, хотя бэкграунд-колор этого дива на месте. лежит тут boom-x.su блоки #account и #cart Укажите, пожалуйста, в чем ошибка, я уже голову сломаю скоро.
0 votes7 answers -
Главная страница
Всем привет. У меня такая проблема. Главная страница autoschool-bahmatsky.com.ua , когда перехожу на нее оно скачивает страницу. Если переходить по ссылке autoschool-bahmatsky.com.ua/index.html сайт откроется. Скажите как сделать что бы работал autoschool-bahmatsky.com.ua ? В компании которая заниматься продвижением сайтов сказали: 3. Поставить 301-й редирект • со страницы http://www.autoschool-bahmatsky.com.ua/index.htm'>http://www.autoschool-bahmatsky.com.ua/index.htm на http://www.autoschool-bahmatsky.com.ua/ • http://www.autoschool-bahmatsky.com.ua/index.htm'>http://www.autoschool-bahmatsky.com.ua/index.html на http://www.autoschool-bahmatsky.com.ua/ Первый …
0 votes7 answers -
Структура документа на HTML 5
Здравствуйте! Подскажите, правильно ли я использовал новые теги HTML 5? Если нет, поправьте пожалуйста. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Страничка на HTML 5</title> </head> <body> <section> <header> <h1>Страничка на HTML 5</h1> <nav> <ul> <li><a href='#'>Пункт меню 1</a></li> <li><a href='#'>Пункт меню 2</a></li> <li><a href='#'>Пункт меню 3</a></li> …
0 votes7 answers -
Неправильное отображение в IE 6,7
Привет всем, подскажите как решить неправильное расположение фоновой картинки в блоке <div class="logo-top"> и отсутствие бордеров у ссылок в блоке <div class="pic-top-nav"> в браузере IE 6,7, в других браузерах работает норм. Адрес http://alexforce2.6te.net/.
0 votes7 answers -
Выравнивание блоков по ширине
Здравствуйте! Помогите пожалуйста решить следующую задачу: Имеется макет (левая сторона - центр - правая сторона) с динамической шириной, в центральной части по всей ширине необходимо разместить несколько блоков с одинаковой шириной, но разной высотой, блоков должно быть 3 или 4 в одном ряду в зависимости от ширины. С разной высотой все ясно, будет использоваться: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ , вопрос только как выравнять это все по ширине? Пробовал комбинировать с данным методом: http://forum.htmlbook.ru/index.php?showtopic=20735 , но получается совсем не то что хотелось бы.
0 votes7 answers -
Как сделать лучше?
Есть сайт, на нем таблица. Мне присылают штук 20 прайсов в excel, в которых в одном столбце фото, в другом-название товара, в третьем-его описание, в каждом прайсе по ~50 строк. Нужно сделать интернет каталог. Дизайн практически сделан, но проблема с наполнением его из прайсов. До недавнего времени делал так: загонял екселевский файл в прогу на дельфи, которая создавала страницы с наполнением. Но так получается только с текстовым содержимым. Т.е. мне нужно как-то автоматизировать вытаскивание картинки из экселя и сохранение ее в папку и заполнение таблицы. Возможно ли это как-то сделать через базы данных? php, mysql не изучал, знаю html и css. сайт можно посмотреть на old…
0 votes7 answers -
Проблема с высотой
Здравствуйте. Столкнулся с проблемой вёрстки. Необходимо получить следующий вид: , однако у меня получается такой вид: Привожу код страницы: <!DOCTYPE html> <html> <head> </head> <body> <div id="wrapper"> <header id="header"> <div>Заголовок</div> <nav id="hor_menu"> Меню </nav> </header> <section id="middle"> <div id="container"> <div id="content"> </div> </div> <aside id="sideLeft"> <nav id="ver_menu"> Меню </nav> </aside> <…
0 votes7 answers -
Вызов окна во фрейме
Есть файл, например, index.htm с содержимым: <style> #wind { position: absolute; width:320px; left: 35%; top: 100px; border:solid #105a98 4px; display: none; z-index: 10; overflow: hidden; background-color:#348c03; color:#fff; text-align:center; padding:10px; } </style> <a href="#" onClick="document.getElementById('wind').style.display='block'; return false;" title="Всплывающее окно">Открыть окно</a> <div id="wind"> Содержание всплывающего окна. <button type="button" value="закрыть" onClick="document.getElementById('wind').style.display='none'; return false;"> закрыть</button>…
0 votes7 answers