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
-
Проблема с отступом
Доброго времени суток. На сайте www.i-masha.ru появилась необходимость убрать отступ и не могу разобраться где он задается. Перерыл firebug'ом весь код и пока не нашел. Помогите разобраться, а то в упор не вижу
0 votes2 answers -
текст картинкой
стало интересно как профессионалы относятся к следующему приёму. есть сайт. в шапке цитата размещена не в виде текста, а в виде картинки. с одной стороны это информация не основная и наблюдать её в шапке поисковиками, текстовым браузерам и браузерам с отключенными стилями(если такими вообще кто-нибудь пользуется) незачем. с другой стороны изменить её или заменить становится сложнее. это вполне обычный приём или ламерство?
0 votes1 answer -
Про рамки ячеек в таблице
наверно, обсудалось, но я не нашел (может плохо искал) как через CSS сделать чтоб у всех ячеек таблицы был бордер?
0 votes5 answers -
Проблема при верстке формы
Есть форма: <div class="yapoisk" > <form action="http://ast.ru/poisk.shtml" method="get"> <input type="hidden" name="searchid" value="120203"> <input name="text" class="yapoisk1"> <input type="image" src="/images/searsh.png"></form> </div> .yapoisk{ border: 1px solid #7dbae9; background-color:#7dbae9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/ssi/PIE.htc); position: relative; z-index: 100; text-align: center; width: 260px; height: 27px; } .yapoisk1{ border: 1px solid #cee7fa; background-color:#ffffff; width: 210px; margin: 0px 0px 0px 0px; } в IE все норм а в остальных съезжает вн…
0 votes6 answers -
Флэш раздвигает страницу
Здравствуйте! Уже который день бьюсь и все без толку Есть http://mslr.cm.ru/index.php?id=8 после футера появляется пустое место и соот. скрол. Убираю height: 100% - флэш меняет масштабы. Как победить эту пустоту внизу страницы?
0 votes1 answer -
Cookie
Подскажите, пожалуйста, как можно выполнить приём что бы, если у посетителя сайта в браузере отключены Cookie, то его переадресовывало на страницу где будет сообщение об этом. Знаю что если отключен Java Script, то можно это сделать так: <noscript> <meta http-equiv="refresh" content="0; URL=http://www.домен.ru/страница с сообщением.html"> </noscript> хочется и для Cookie что то такое сделать с помощью мета тегов а не с помощью php. Заранее Спасибо!!!
0 votes2 answers -
Верстка колонок сайта
Не могу сделать в шаблоне сайта колонки слева, по середине и справа чтоб по высоте были одинаковы. Ссылка на шаблон ниже. Кто поможет исправить, отправте пжл на емаил исправленный шаблон dlkom@mail.ru . Заранее большое спасибо!!!! Шаблон сайта
0 votes1 answer -
100% высота div'a относительно родителя
есть такой код: <div class="content"> <div class="photo-prev"><</div> <div class="photo-next">></div> <div class="photo"><img src="1.png" /></div> </div> и стили .photo { margin: 0 auto; } .photo-prev { float: left; height: 100%; background: #000; width: 40px; } .photo-next { float: right; height: 100%; background: #000; width: 40px; } но блоки photo-prev и photo-next имеют высоту, в зависимости от текста, но мне нужно 100%. как сделать?
0 votes9 answers -
Непонятные мне линии
У меня при просмотре в любом браузере образуются непонятные линии Код такой: Подскажите, пожалуйста. Что это за полосы могут быть? Это из-за border-collaps?
0 votes3 answers -
Высота родителя
как сделать так, что б не указывать длинну объекта, что б он соблюдал высоту родителя? http://clip2net.com/clip/m71310/1312615493-clip-55kb.png <style type="text/css"> .gcon {overflow:hidden;} .gconline {width: 649px;background: url('img/gconline.png');height: inherit;position:absolute;top: 0px;left: 200px;} </style> <div class="gcon"> <div class="gconline"></div> fsdfsd </div>
0 votes4 answers -
DIV"ы наползают друг на друга
Знаю вопорс элементарный и ответ наверняка есть на форуме. Но поскольку я только-только начал осваивать css, то большинство ответов, которые я нашёл, мне не понятны, а готовые решения мне не нужны - хочу сам научиться. Читал описание позиционирования элементов на этом сайте, но отличия очень смутно понимаю. Поэтому решил создать новую тему. Имеется вот такая беда: HTML: <div class="mes_body"> <div> <div class="mes_info"> Текст левой колонки <div class="price"> Цена находится под текстом слева </div> </div> <!--Фото, тут код не убирал, чтобы не убрать ничего лишнего--> <div class="mes_photo"> {%if $message.fields.i|@count …
0 votes2 answers -
Float и схлопывающиеся отступы
По каким принципам определяется положение floated-блока, когда он находится между двумя блоками со схлопывающимися отступами? Например, в такой ситуации: <div class="upper" style="margin-bottom: 30px;">some content</div> <div class="floated" style="float: left;">some content</div> <div class="lower" style="margin-top: 50px;">some content</div> Естественно, размещение легко выяснить опытным путем, но меня больше интересуют правила, согласно которым вычисляются позиции блоков в подобных случаях.
0 votes30 answers -
Ссылка и сайт
Приветствую всех! Помогите, пожалуйста!: Для начала нужен сайт ("голый", желательно написан в html) c flash-проигрывателем (желательно flowplayer), причем чтобы все файлы этого проигрывателя были именно у меня на сервере. А также нужна помощь в реализации такой схемы: Допустим есть видео-файл находящийся на каком-нибудь сервере, есть сайт (который я описывал ранее) и, к примеру, форум. Надо создать такую ссылку (на видео-файл) на форуме, чтобы она открывала данный видео-файл через мой сайт во flash-проигрывателе. За советы, примеры (а лучше всего готовый вариант) заранее ОГРОМНОЕ СПАСИБО!
0 votes1 answer -
Opera footer, прыгает страница
Доброе время суток. Очень прошу помочь в этом вопросе. Доделываю магазин на шаблоне joomla 1.5 и virtuemart, все прекрасно, кроме одной проблемы. Если в Opera (в остальных браузерах этой проблемы нет) на странице с товаром прокрутить страницу до футера, страница подскакивает вверх примерно пискселей на 100-150, то есть это портит впечатление и конкретно режет функционал так как снизу страницы также размещена инфо с контактами и т.д. Это наблюдается только на странице с товаром, на остальном сайте все отлично. Сначала думал что виноваты скрипты, но после отключения все повторилось. Возможно есть предположения какой параметр может отвечать за этот глюк?
0 votes10 answers -
CSS градиент в IE
нужно делать линейный градиент для IE. В css пишу: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#ffffff')"; Но он создает градиент сверху вниз. Как делать чтоб он шел слево на право. Можно так?
0 votes3 answers -
Позиционирование фиксированного заголовка таблицы.
Имеется в наличие страница с двумя таблицами с фиксированным заголовками. Заголовок фиксируется относительно thead таблицы. Возникла необходимость добавить данную страницу с таблицами в спойлер. Спойлер использует функцию toggle, скрываемый текст помещается в div, только вот при добавлении данной страницы в спойлер использующий функцию toggle, позиция фиксированного заголовка в таблице задается не относительно таблицы, а относительно границ браузера, а при закрытии спойлера остается зафиксированным на месте, также заголовок второй таблицы накладывается на первый. Подскажите как это исправить?
0 votes2 answers -
Уменьшать div'ы
Такая задача, есть горизонтальная строка с div'ами, они создаются автоматически, когда их становится слишком много, нужно их уменьшать по ширине, как, например, в браузере гугле хроме. <div id="onchantopswitch" class="onchantopswitch globbutton"> <div class="room_s" tab="chlist"> <div class="room_s" tabg="f2jb1y3v5bb95mltctaxwdrgxlqlh5" tabf="" tabd="канал1" tabs="kn77a4ko1yxlxs28asub2g9tnvlw85s" tabz="1" taby="terminal" tabx="1"></div> <div class="room_s" tabg="f2jb1y3v5bb95mltctaxwdrgxlqlh5" tabf="" tabd="*канал2" tabs="euqab84pmzoa6o4w2y812lkqhktek" tabz="1" taby="terminal" tabx="11"></div> <div class="room_s" tabg="f2jb1y3v…
0 votes14 answers -
Как заставить Оперу не бажить бордеры при масшабировании
Не могу заставить Оперу нормально вести себя при масштабировании, убирает бордеры в комментариях, сейчас покажу на примере своего сайта (publichack.org). вот примеры при удалении начинает убирать бордеры: http://picsearch.ru/share/image-0A8B_4E3ABE53.jpg http://picsearch.ru/share/image-7142_4E3ABE53.jpg http://picsearch.ru/share/image-8F88_4E3ABE53.jpg близко всё окей: http://picsearch.ru/share/image-687E_4E3ABEE1.jpg В других браузерах все нормально, хром: http://picsearch.ru/share/image-E547_4E3ABEE1.jpg ИЕ8: ]http://picsearch.ru/share/image-00BC_4E3ABEE1.jpg В мазиле тож все хорошо. Выдержки из css: #author, #email, #url, #comment, #submit{ background: #202020; …
0 votes3 answers -
Всплывающая менюшка
Здравствуйте у меня такая проблема есть всплывающая менюшка на Jquery, она расположена близко к футеру, изначально ей заданны с-ва display:none; и position:absolute; Потом SlideToggle и она выезжает и выходит за экран но футер вместе с ней не двигается получается некрасивая белая полоса под футером. Подскажите пожалуйста как эту проблему можно решить.
0 votes2 answers -
Подскажите чайнику
День добрый. Подскажите последовательность книг, которые нужно изучить, что бы сделать более менее приличный сайт. Нет цели его продать. Друг подсказал, что нужно изучить HTML, CSS, PHP, Фотошоп нужен и Флеш-аниматор. Книг множество. С чего начать? Откуда бесплатно скачать и в каком порядке? Как лучше изучать - прочесть книгу,потом садиться за комп или параллельно читать и делать на практике?
0 votes18 answers -
Подвинуть пункт меню налево.
Начала верстать макет от Verdera. Макет резиновый и видно что меню тоже тянется по ширине. Проблема с первым пунктом меню. По макету текст в меню отцентрирован, а в первом пункте текст выровнен с левого края, но пропорция сохранена. То есть с текста до правого бордюра расстояние такое же как в других пунктах. Попробовала два варианта решения: 1. Просто сделала как в макете - отрезала часть ширины первого пункта, задала ему text-align:left, а остальным text-align:center. Ссылка 2. отрицательным маргином первый пункт подвинула налево.Ссылка В первом случае ширину первого пункта сократила до 15%, когда ширина остальных пунктов 20%. Во втором подвинула на 130 пк. Но в двух…
0 votes27 answers -
Резиновая шапка при фиксированном сайте
Сайт на шаблоне с фиксированной шириной. Необходимо сделать на сайте шапку. Сейчас шапка на сайте есть, сделана по вот этому уроку, но вариант не подходит, так как в нём используется body { background <...> }, а мне нужно через backgroung задать сайту фон. Пробовал ещё такое решение: CSS: .container { background: #fff repeat; margin: 0 auto; height: 192px; width: 100%; overflow: hidden; position: relative; } template.php: <div class="container"> <div align="center"><img src="http://site.ru/themes/theme/images/top.jpg" alt="" /></a></div> </div> С высотой шапки 192px и шириной >1700px. Но при использовании этого способа,…
0 votes8 answers -
Кнопки меню под логотипом картинками
Всем привет. Требуется сделать кнопки меню под логотипом в виде картинок, под кнопками фоном должна проходить некая полоса (не однотонная, градиент) на всю ширину экрана, примерно так: Подскажите, как примерно это можно реализовать?
0 votes7 answers -
Help with div+css
Я новичок в DIV вёрстке и всё никак не могу понять как мне сверстать такой блок: (на скрине он сделан в виде таблицы (table), с помощью неё я легко делаю) А вот с DIV+CSS у меня пока что проблемы. Если кому-нибудь не лень, напишите стили и div-конструкцию для такого блока (ширина блока 380px, а высота по мере увеличения текста, в середине bg:#fff). Вот все изображения: Углы [верх-лево, низ-лево , верх-право, низ-право - (6x6px)] Верх и низ [верх, низ - (1x6px)] Лево и право [лево, право - (6x1px)] Помогите пожалуйста, только на этом застопорился и ничего поделать не могу, всю ночь сидел втыкал
0 votes38 answers -
CSS / Не подгружаются фоны для дивов !
Все стили норм подгружаются из css-файла кроме двох содержащих фон и параметры для дивов . HTML: <!--fon--> <div align="center" class="fon_1"> <!--fon_2--> <div class="fon_2"> CSS: .fon_1 {background-image:url(img/fon.jpg); background-repeat:no-repeat; width:1000px; height:600px; margin:auto;} .fon_2 {position:absolute; background-image:url(img/ps.jpg); background-repeat:no-repeat; margin-left:57px; margin-top:58px; width:699px; height:491px;} Чет никак не допру в чем дело ( #2 Главное пока было прописано через style , все работало , как толька перенес в отдельный CSS-документ все покрылось.
0 votes3 answers