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'ы
Есть родительский блок, в нем располагаюся два дива, у первого из которых ширина фиксированная в px, у второго она должна занимать все остальное пространство. Как такое реализовать с помощью css? т.е. есть в общем случае такой html-код: <div id="content"> <div class="left"> <ul> .... </ul> </div> <div class="right"> ... </div> </div> что нужно задать в css? #content { width: 100%; overflow: hidden; } .left { width: 220px; } .right { /* Что тут нужно задать? */ }
0 votes14 answers -
Флеш в теге А
Подскажите как в тег а вставить флешку чтобы при клиге срабатывал переход... я понимаю, что можно в флешку ссылку сделать, но хочется именно тегом... Спасибо!
0 votes9 answers -
сайт с кодировкой utf8 (и файлы utf8) загружаю на сервер и тот выдает кракозябры
В общем проблема давно уже меня эта мучает. В свое время пользовался разными ftp-менеджерами и уже реально запарился. Когда сайт делаю на utf-8 и сам блокнот сохраняю в utf-8 все работает шикарно на локальном хосте. Как только выкладываю в сеть через ftp (например FilleZilla, CuteFTP), то текст пролностью слетает и в начале кода появляется какой-то символ "п»ї". Если файлы не сохранять utf-8, а как ANSI, то проблем конечно же нет (правда тогда надо из кода убирать <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />). Проблему все это время решал тупо. Открывал средствами ftp исходный код поврежденых страниц выделял весь текст, а затем вставлял исхо…
0 votes10 answers -
img width 100% в IE6
Здравствуйте Никак не могу преодолеть проблему. В шапке есть хайрезовая картинка: <div style="width:100%; height:200px; overflow:hidden;"> <img src="img/pic.jpg" style="max-width:100%;" /> </div> Как сделать так, чтобы картинка ресайзилась в IE6? В IE7 помогла max-width:100% Нарыл в и-нете фикс для этой проблемы: img { -ms-interpolation-mode: bicubic; } Но он у меня почему-то не работает Есть ли какие-нибудь решения/фиксы/хаки для этой проблемы?
0 votes7 answers -
Ссылки
Всем привет, народ подскажите в чем проблема, я только учусь верстать, поэтому наверно своих ошибок не вижу Вот страница!, файл стилей style.css в той же папке probnik. Так вот на странице есть ссылка в главном тексте, ее легко найти, она одна, что с ней происходит не пойму, она унаследовала стили из хедера, а именно стиль активной ссылки и стиль списка li, но в файле стилей четко прописано что #header a, я так понимаю все ссылки с идентификатором header. А тут такое. Плюс ко всему даже если присваиваешь контенту идентификатор и прописываешь в нем все состояния ссылки #content a как у меня в файле сделано с хедером, опять же все сбивается, пробую для каждого значения сс…
0 votes2 answers -
помогите найти решение
ребят привет. опять нуждаюсь в помощи, теперь чисто теоретической. сталкнулся с такой проблемой. попробую объяснить подробно. нужно сверстать макет для монитором от 1024 пик. сайт фиксировнный 1030 пик. плюс задний фон для мониторов 1680 пик. итак на мониторах 1024 пик фон сайта будет белым, при 1280 и выше сзади появляется красочный фон. так вот как сделать ширину точной для монитора 1024 пик., но чтобы не было видно деталей заднего фона и полосы прокрутки снизу. простыми словами мне нужно как минимум чтобы контент сайта был 1030 пик. чтобы быть увереным что не появляются задние детали. дизайн сделан так что ширина шапки и подвала 1030 пик. спасибо
0 votes18 answers -
в ie 7 не отображаются маркеры у списков
в мозилле в опере и в IE6 маркеры у списка отображаются нормально, но IE7 не хочет их показывать, и ещеочень странно это все происходит, я отрываю страницу маркеры появляются на миг и исчезают вот css код #list3 { width: 136px; height: 100px; position: relative; float: left; font-size: 12px; font-family:Verdana, Geneva, sans-serif; font-weight: bold; padding-left: 1em; margin-left: 1em; margin-top: 5px; list-style-image: url(img/bullet.gif); list-style-position: outside; } li { margin-bottom: 3px; } a.li { text-decoration:none; }
0 votes2 answers -
Реализация меню с сложным фоном пунктов
Подскажите, как реализовать вот такое меню. Интересует фоновое изображение пунктов меню. Проблема в том, что сначала идут ромбики (обведен красной линией), которые смещены вниз.
0 votes30 answers -
глючит сайт в IE6
Сайт*** там меню и бэкгроунд глючит в IE6 Используется iepngfix в файле тилей он вызывается .png{behavior:url(js/iepngfix.php)} вот содержимое iepngfix.php <?php // Use this file in your CSS in place of the .HTC file if it works offline but not online. // It will send the correct MIME type so that IE will execute the script correctly. header('Content-type: text/x-component'); include('iepngfix.htc'); ?> Во всех браузерах и во всех версиях работает, только в IE6 и младше такой глюк. Еще ошибка на сайте Access is denied: http://www.crocustours.ru/js/iepngfix.php
0 votes4 answers -
В разных браузерах по разному?
есть макет который верстаю http://www.qb-studio.jino.ru/ Там где нойтбук не сходится кортинку (div), нормально только в firefox + меню справа вверху в ie 6-7 тоже прыгает вниз. Кто знает в чем проблема?
0 votes0 answers -
центрирование div
Здравствуйте! Как можно отцентровать div, если его ширина заранее неизвестна. Т.е. есть такой вот html-код: <div id="header"> <div class="menu_container"> <ul class="menu"> <li class="menu_item">пункт 1</li> <li class="menu_item">пункт 2</li> <li class="menu_item">пункт 3</li> </ul> </div> </div> Пункты меню выводятся динамически, т.е. сколько их будет заранее неизвестно. Что прописать в css для header и menu_container, чтобы этот самый menu_container центрировался такой css не помогает: #header { text-align: center; } .menu_container { margin: 0 auto; }
0 votes12 answers -
Многоуровневый раскрывающийся список
В общем учусь. Нашел на фрилансе, в заказе на верстку PSDшники. Скачал потренироваться. Главную страницу как бы сверстал, не считая меню. Сейчас с ним и разбираюсь. Верхнее горизонтальное меню с выпадающими списками сделал, в общем без особых проблем. А вот левое меню трехуровневое, причем последний уровень позиционирован отдельно (за пределами первых двух уровней). http://s41.radikal.ru/i093/0909/79/be266845ed42.jpg Я сделал меню, грубо говоря, такого вида: <ul> <li> <ul> <li> <ul><li></li></ul> </li> </ul> </li> </ul> И сегодня весь день пытался средствами css вытащить последний вложенный список, и…
0 votes4 answers -
Почему не работает в FF
Firefox/3.0.13 не работает следущий код: в хеде: <script language="jcript" type="text/jscript"> function inverse_elem(id) { elem=document.getElementById(id); if (elem.style.display=="none") { elem.style.display=""; } else { elem.style.display="none"; } }</script> ____________________________________ в теле: <a href="#t2" onClick="inverse_elem('t1')"><img src="spacer.gif"></a> <table id="t1" style="display:none; z-index:1;" onClick="inverse_elem('t1')"><tr><td class="ct">БЛА БЛА БЛА БЛА</td></tr></table> ____________________________________ в остальных бравзерах при нажатии ссылки как и положе…
0 votes3 answers -
Не помогает cellpadding
В таблице текст налипает на рамку, указываю параметр cellpadding="10", чтоб было точно видно, что он работает или нет. И никакого результата не происходит вообще в люобм браузере. Посоветуйте пожалуйста, мож чё не так делаю? <table border="1" cellpadding="10" align="left" width="530"> <tr> <td width="72" valign="top"><p align="center"><strong>1 день</strong></p></td>.....
0 votes8 answers -
td height IE
Не получается сделать высоту первой ячейки ни через атрибут, ни через стиль IE не слушает. Все вроде правильно отверстано! Где косяк? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>-=title=-</title> <style type="text/css"> <!-- * { margin: 0; padding: 0; border: 0; } html, body { height: 100%; } body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#191919; } --> </style> </head> <body> <table border="0" cellspacing="0" cellpadding="0" wid…
0 votes9 answers -
Проблема с таблицами в IE
Добрый день! Слудующая проблема. Есть страница с таблицей по всей ширине страницы. После таблицы идёт пара абзацев текста. Примерно в таком виде: <table width="525" border="1" align="left" cellpadding="3" cellspacing="3">контент таблицы контент таблицы контент таблицы контент таблицы контент таблицы контент таблицы </table> <span class="hp_caption">контент абзаца текста контент абзаца текста контент абзаца текста контент абзаца текста контент абзаца текста контент абзаца текста </span> В ff и opera отображается нормально, после таблицы, как положенно, но в IE отображается сбоку таблицы, по 1-2 символа вдоль всей правой границы. Как бороться с т…
0 votes7 answers -
Проблемы с нажатием ссылок в IE
Столкнулся с такой проблемой: Вывожу строки таблицы из базы, каждая строка - это ссылка, она должна выделяться при наведении, при нажатии перекидывать на другую страницу. В опере, мозиле, сафари, все работает, в IE нет. В IE при наведении на строку, она выделяется, при этом внизу в строке состояния показывается правильная ссылка, но если нажать, то ничего не происходит. (другие ссылки на странице работают) Помогите разобраться плиз. ——————————— Код: <?php do {printf(" <a href='price_unit.php?id=%s' class='catalog_table'> <table cellpadding='0px' cellspacing='0px'> <tr> <td class='table_catalog_img'>%s</td> <td class='table…
0 votes4 answers -
Помогите с доктайпом.
1. Мне посоветовали поставить доктайп чтобы браузеру было понятно по каким стандартам интерпритировать код моего сайта. Я сделала это, надеюсь он подойдет моему сайту www.miroslava.nm.ru Так как я свой сайт начинала верстать в html и использовала елементы из CSS, то получилась неразбериха. Вроде я использовала один из способов - блочный(можно вынести в отдельный файл). Но кажется нужно что-то еще. 2. Еще подскажите пожалуста урок в фотошопе или илюстраторе как написать в шапке название сайта, но не стандартными шрифтом, а с эскиза. 3. Скрипты сами цепляются с сервера, они вроде мешают? 4. Еще одна проблема. www.miroslava.nm.ru мой первый сайт (я не считаю www.psy-dnu.n…
0 votes8 answers -
позиционирование div
в пределах <fieldset> есть набор однотипных div все они расположены в столбик один под одним, кроме одного - который расположен справа- точнее в верхнем правом углу, это за счет установки свойства float:right; все чудненько, а теперь вот необходимо под этим дивом установить еще один такой же, как я не мудровал с float, clear, ничего не получилось, они размещаются друг возле друга, а не один над другим, подскажите, пожалуйста, как сделать правильно.
0 votes3 answers -
Проблема с полупрозрачной картинкой в IE
Добрый день! Возникла следующая проблема. Есть полупрозрачный фон, который делается размножением однопиксельной png картинки. При выполнении скрипта на странице, фон почему-то искажается. Искажение происходит только в ИЕ(протестил в 7 и 8 версиях, на 2х разных компах). В моём случае скрипты это, например, открытие картинки с помощью lightbox и вызов FCKeditor. Фон возвращается к нормальному виду только есть обновить страницу. Вот так должен выглядеть фон в нормально состоянии: а вот таким он становится если я, например, открываю картинку на сайте с помощью лайтбокса или вызываю FCKeditor(т.е. вызываю выполнение какого-нибудь скрипта), начинается како-ето "осветление" с в…
0 votes4 answers -
вызов текста через alert
Люди подскажите пожалуйста как мне вызвать текст из текстового поля через alert, т.е. чтобы в окне сообщения показывалось то что внутри поля. А то что то никак не получается. Заранее спасибо.
0 votes4 answers -
не работает onclick="window.open...
onclick="window.open('/images/stories/ekonom1.jpg,'EKONOM','width=100,height=100')" когда нажимаешь ссылка открывается в этом же окне, если указывать target="_blank" то в IE открываеться просто новое окно не 100х100, а в опере открвается простое новое окно и окно размером 100 на 100 =)), а если не указывать target="_blank" то в опере просто открываеться в этом же окне. Код редактирую через админку джумлы.
0 votes4 answers -
Помогите задать стиль тексту
Есть код <table class="contentpaneopen"> <tr> <td valign="top" colspan="2"> Президент "Майами" Пэт Райли принял решение не подписывать контракты со свободными агентами в текущее межсезонье, сообщает South Florida Sun Sentinel. Таким образом, "Хит" постараются усилить позицию разыгрывающего путём обменов и отказываются от приобретения свободного агента Аллена Айверсона, имеющего предложение от "Мемфиса". <br /> <br /> По информации компетентного источника, "Гризлиз" готовы заплатить 34-летнему баскетболисту $ 3,5 млн за год, а "Майами" не сможет перекрыть эту сумму, так как клуб уже превысил лимит налога на роскошь.<br /> <div c…
0 votes2 answers -
Центровка текста по вертикали
Верстаю сайт http://vsenadomu.ru/ и никак не могу отцентрировать поле поиска Вот такой код работает в ИЕ7 и FireFox 3 и хроме, но не работает в Opera 9.64. Если поставить padding 0 0 0; убрать vertical-align: bottom и добавить line-height:48x, то работает везде крому firefox sad.gif /* Search */ #at-search { background: no-repeat left center; position: absolute; top: 21px; left: -10px; z-index: 0; float: right; margin: 0; } #at-search .inputbox { color: #070000; width: 275px; background: url(../images/search.png) no-repeat; text-transform: none; text-align: center; padding: 15px 0 0; height: 48px;vertical-align: bottom; border-width: 0; } .narrow #at-search .inputbox{ …
0 votes5 answers -
logo поверх флешки
Необходимо разиестить gif-изображение поверх флешки в шапке сайта. HTML <div id="header"> <!--Flash--> <div id="flash"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1000','height','293','src','img/header','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','img/header' ); //end AC code </script><noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash…
0 votes0 answers