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
29542 questions in this forum
-
Использование float делает ссылки в элементе недоступными
Использование float делает ссылки в элементе недоступными. Причем отрицательные поля не используется, position: relative; тоже есть, но ссылки в swafari так и остаются недоступными. .contentLayout .sidebar1 { position: relative; margin: 0; padding: 0; border: 0; z-index: 1; float: left; overflow: visible; width: 264px; } .contentLayout .content { position: relative; margin left: 280px; top: 0; padding: 0; border: 0; z-index: 2; overflow: visible; } В IE7 все работает четко, в safari и во многих других браузерах во float-нутом блоке ссылки недоступны, и выделение самого блока невозможно. Как решить? ((
0 votes9 answers -
Раскрывающийся список
Здравствуйте уважаемые форумчане! На любимом нами сайте вот здесь есть раскрывающиеся списки, надавил на "плюс" и ... вуаля. Где то видела информацию, не могу найти.
0 votes5 answers -
Использование атрибута label
В ощем-то это чистая теория, а не проблема верстки, поэтому в этом разделе. Вот такой вопрос появился: У тега option в select’е есть атрибут label. Где на практике он может быть полезен? Спецификация описывает его так: более короткое имя для содержимого option’а. Если label указан, то отображаться должен именно он. Но в таком случае что мешает в сам option поместить соответствующий текст? Складывается впечатление, что содержимое тега и значение атрибута предназначены для одной и той же цели. Тогда зачем два средства?
0 votes6 answers -
float не хочет работать
Создаю простенький макет на div'ах. Нужно, чтобы текст ("content content ... ") обтекал картинку (img src = "111.jpg"). Для этого написал такой код: </head> <body> <div id = "main"> <div id = "pict"><img src = "111.jpg" title = "" alt = ""/></div> <div id = "text"> <p>Content content content Content content content Content content content Content content content Content content contentContent content content Content content content Content content contentContent content content Content content content Content content content Content content content Content content content Content content content Content content conten…
0 votes16 answers -
Изменение картинки при наведении курсора
Вобщем у меня есть вопрос, как сделать так чтобы при наведении курсора на картинку вместо нее появлялась другая, я уже весб сайт облазил по поводу этого
0 votes3 answers -
Свойство css
Привет Знатокам ! Подскажите мне пожалуйста - какое свойство в css отвечает за перенос слова целиком если оно не поместилось в блок ? word-wrap , word-spacing -не работали вообще
0 votes12 answers -
ХЕЛП!!! Flash видео при прокрутке "заезжает" на фиксированный элемент!
Сделал страницу с фиксированным (position:fixed) положением хедера, ниже, в контенте, по средствам Dreamweaver'а вставлено флеш видео. Когда начинаешь прокручивать контент в IE6 и в Oper'е, это видео "заезжает" на хедер, а не под него! Что делать? Код в шапке страницы: <script type="text/javascript"> function MM_CheckFlashVersion(reqVerStr,msg){ with(navigator){ var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1); var isWin = (appVersion.toLowerCase().indexOf("win") != -1); if (!isIE || !isWin){ var flashVer = -1; if (plugins && plugins.length > 0){ var desc = plugins["Shockwave Flash"] ? plugins["Shockwave F…
0 votes4 answers -
Вставка картинки
Здравствуйте!!! У меня сложилась небольшая проблема возможно вы поможете мне её решить... К сожалению я не знаю как объяснить свою проблему техническими словами Поэтому объясню своими словами Мне надо вставить картинку на уже готовый сайт Картинка должна размещаться в строке адреса Прикладываю изображение чего я хочу достичь http://www.newsite-ip.ru/111.jpg
0 votes6 answers -
помогите нужно добавить модуль для ucoz
Здавствуйте, у меня сайт на ucoz и я с html не разбираюсь Скажите пожалуйста куда и как это сувать? говорят между тегами <head> и </head> это как? В head: <style type="text/css"> .tdfr { border:1px solid #C2C5CA; padding:2px 5px; margin:2px;} .tdfr img {opacity:0.65; filter:Alpha(Opacity='65');} .tdfrh { border:1px solid #969696; padding:2px 5px; margin:2px; background: #EAEBEC; } .tdfr a, .tdfrh a {font-size: 9px;} .deletedfr {width: 100%; height: 100%; background: white; opacity:0.45; filter:Alpha(Opacity='45');} #capcode {width: 100px; height: 35px; text-align: center; color: grey; font-size: 14pt;} .moreFr {border-top: 1px solid #C2C5CA; pad…
0 votes11 answers -
Не отображается картинка в шапке в IE, Опере
Вот как выглядит шапка в firefox А в опере и в IE картинка пропадает. Вот код шапки <table border="0" cellpadding="0" cellspacing="0" width="100%" height="156" style="background:url('http:/site.ru/image/header2.gif');"> <tr> <td height="92" <img src="http://muzname.ucoz.ru/image/header.gif" border="0"></td> // Вот эта картинка не отображается <td width="221" height="92"><img src="http:/site.ru/image/6.gif" border="0"></td> <td width="266" height="92"><img src="http:/site.ru/image/7.gif" border="0"></td> </tr> <tr> <td height="64" style="background:url('http:/site.ru/image/8.gif');padding…
0 votes4 answers -
Как в JavaScript отличить правую кнопку мыши от левой?
Надо отличить правую кнопку мыши, от левой.. В событии OnMouseDown Причем чтобы работало и в Опере...
0 votes4 answers -
не получается сделать с помощью css
День Добрый всем! который день бьюсь над двумя проблемами: 1.формление меню 2.оформление заголовков 1.оформление меню: Надо сделать разделители между пунктами меню в виде полоски шириной в пару рх (меню выпадающее, динамическое). что пробовала: вот например такой код: border-color:#c2e254 #9bb838 #9bb838 #c2e254; border-style:solid; border-width:1px; создает края у всей области меню а не у кнопок... а такой: background:#fff url(images/menu_bg.gif) bottom repeat-x; или такой: background:#fff url(images/menu_bg.gif) bottom repeat-y;заполняет все пространство меню. а надо только после каждой кнопки...(и перед для первой) еще пыталась через свойства: border-right-style…
0 votes3 answers -
Задать стили для скроллинга?
Возможно кто то знает как задать стили для скроллинга в опере и мозиле? Те стили что стоят щас работают только в ие. html, body, #comments_div{ scrollbar-3dlight-color:none; scrollbar-arrow-color:#10090a; scrollbar-highlight-color: none; scrollbar-face-color:#ac9a91; scrollbar-shadow-color:none; scrollbar-darkshadow-color:none; scrollbar-track-color: #20100f; }
0 votes9 answers -
Полоса прокрутки.
Здравствуйте, у меня такой вопрос, При появлении вертикальной полосы прокрутки, дизайн страницы сдвигается влево на 10рх, как можно это исправить с помощью css?
0 votes6 answers -
не понимаю как привязать блок к соседнему блоку
Уважаемые форумчане! помогите начинающему верстальщику разобраться в следующей ситуации... ... мне нужно привязать лейбл "реклама" к правому верхнему углу соседнего div-а, тут я справился используя позиционирование, но как удержать этот лейбл в углу, при условии что размеры данного div-а будут меняться и родительский div тоже может меняться. Сюда выложил пример http://jsfiddle.net/s9xd66r1/1/ Помогите, плз, не пойму куда копать.
0 votes10 answers -
Как лучше реализовать декоративную рамку?
Есть макет с эффектом рамки на заднем фоне. Как считаете как лучше реализовать этот эффект? Как бы сделали это вы? border || border-image || svg || css-mask Или что-то другое??? Спасибо! Кому интересно - ССЫЛКА на весь макет!
0 votes10 answers -
Какой код использовать?
Помогите решить следующий вопрос: нужно вставить в блог это изображение, чтобы с каждой маленькой картинки соцсетей шли ссылки на соцсети. Изображение цельное, как подобное делается, не имею понятия. Буду очень благодарен за ответы!
0 votes8 answers -
Не стыковка в меню с ИЕ
Попробовал сам с нуля создать меню. Вылаживать много кода будет. Вот как сделал. http://www.sharemania.ru/0162693 Проблема такая, у меня уже есть созданное меню,но нижняя граница каждой строки таблицы меню толстая, это произошло из-за стыковки верхней и нижней границы каждой ячейки,после каждой строки ячейки, не могу убрать, подскажите пож. как. 2)Проблема с расположением меню синего в браузере Ие, в др. нормально толкьо в Ие меню синее идёт как-т овправо и немного длинее чем меню с подпунктами ниже. подскажите как одолеть это? Заранее благодарю.
0 votes15 answers -
Меню с тегами ul li отступ слева во всех IE
Здравствуйте, Вот уже неделю бьюсь над тем что в IE почемуто слева отступ вот код , я его конечно упростил .menu{margin:0; padding:0; width:167px; list-style:none;background:rgb(255,255,255);} .menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; } <ul class="menu"> <li><a href="news.php"><span>Новости</span></a></li> <li><a href="dop.php" target="_parent"><span>Дополнительно</span></a></li> <li><a href="news.php"><span>Новости</span></a></li> <li><a href="ad.php" target="_self"><span>Еще</span></a></li>…
0 votes4 answers -
А как вы прижимаете футер к низу? (unknown height, IE < 10)
Доброго времени суток, уважаемые форумчане! Все время я верстал футеры с фикс высотой и пользовался старым проверенным трюком, который знают и пользуются большинство наверное. Однако не так давно мне понадобилось сверстать адаптивный футер с неизвестной высотой. Немного погуглив, было найдено отличное решение с флексами, которое подходит под новые браузеры. Но что делать если нужна поддержка IE < 10? На этот вопрос я также нашел два полезных линка: вариант с эмуляцией таблиц (по сути возврат к таблицам?) и вариант с вкраплением js (на такую казалось бы простую задачу?) Ну и соответственно мой вопрос к вам: есть ли еще решения помимо этих, на мой взгляд, решений с нед…
0 votes12 answers -
Прозрачный текст с тенью в Chrome
Всем привет! Наткнулся я на странный баг в браузере Chrome (может есть и в других браузерах, но я заметил в этом). Вот суть бага: если сделать текст с тенью прозрачным цветом, то прозрачный цвет текста будет считаться не от фона, а от чёрного цвета. То есть как будто текст лежит на элементе с чёрным фоном. Вот пример. Без тени и без прозрачности всё ОК. Чем можно объяснить такое поведение, может это вовсе и не баг, вы с этим сталкивались, и как это обойти?
0 votes8 answers -
Блочная верстка
вот css, блочная верстка по центру, фиксированной ширины: html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h7pre,code,form,fieldset,legen d ,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } #container { width: 900px; margin: 0 auto; } #header { height: 226px; margin: 0; background: url(images/bg1.gif) repeat-x; } #wrapper { float: left; width: 100%; } #content { margin: 0 150px; } #navigation { float: left; width: 150px; margin-left: -900px; background: #B9CAFF; } #right-block { float: left; width: 150px; margin-left: -150px; background: #FF8539; } #footer { clear: left; width: 100%; background: #ff0000; } как теперь бы растянуть контейнер по высоте, …
0 votes6 answers -
flash и разные браузеры
Помогите, пожалуйста. Есть флешка, когда ее вставляю в код, то в браузерах она отображается по-разному в ie нормально, а в fox или opera очень мелкая(сокращается по высоте и ширине ) с чем это может быть связно? В коде прописан реальный размер флеш.
0 votes3 answers -
Резиновая вёрстка с минимальной шириной центра
Всем привет! Возникла одна интересная задача, которую пока не смог решить. Имеется резиновая вёрстка: 2 боковые колонки, фиксированной ширины, и растягивающийся центр. Проблема в следующем. Минимальное разрешение экрана для нормального просмотра сайта - 1024х768. Мне нужно сделать так, чтобы центр полностью разместился на экране, имея минимальную ширину примерно в 990px, а боковые колонки чтобы просто "срезались", заняв оставшееся место на экране. При большем разрешении экрана, соответственно, колонки будут показаны уже больше. А у кого совсем широкий экран - колонки будут на месте, а центр растянется под свободное место. Думаю, идею изложил ясно. Итак, вот что имеется: …
0 votes13 answers -
не получается прозрачный бэкграунд
в бэкграунд ложится картинка, нужно средствами CSS задать ее прозрачность сделал так: .mainbg { background: url('../img/general.jpg') no-repeat; /* Internet Explorer */ filter:alpha(opacity=50); /* CSS3 standard */ opacity:0.5; } но почему-то прозрачным становится текст сайта вот как отработало _hххp://sbsg-consulting.com помогите плз
0 votes10 answers