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
-
Как прибить footer к низу если фон страницы с абсолютным позиционированием?
Добрый день. Раньше пользовался разнымие способами и они помогали, но в этой ситуации, когда на фоне у меня сочетание видео и картинки и им дано position: absolute ничего из известных мне способов не работает( может где-то что-то я упустил, помогите пожалуйста. При это очень очень желательно, чтобы рабочий способ не зависел от высоты футера т.к. на разных разрешениях она меняется. Вот codepan: http://codepen.io/foxer1/pen/OXbYrj
0 votes17 answers -
Обращение к элементам html страницы из php
Добрый вечер, уважаемые форумчане. Задаюсь очередным вопросом. Как обратиться к элементу расположенному на html странице из кода php? А именно, необходимо чтобы при определенном условии в один из фреймов подгружалась определенная html страница. То есть в php реализовать что то подобное: parent.frames["RFrame"].document.location="Quest.html" и подскажите, пожалуйста мануалы по этой теме. Заранее большое спасибо за ответы!
0 votes0 answers -
Исчезает контент во фрейме при overflow: hidden
Есть страничка с фреймами. В левом фрейме дерево папок и файлов. Для элементов в дереве стоит свойство overflow: hidden, иначе происходит наложение и много других проблем. Если контент не помещается в ширину фрейма, он исчезает в ИЕ6. В Других браузерах (Опера, Сафари) показывает все, что помещается, остальное обрезается (как я и ожидал). В ФФ (в другом фрейме) происходит что-то подобное - слишком длинное слово не отображается, если не умещается в ширину фрейма, а во фрейме с деревом все нормально. Проблема исчезает при увеличении ширины фрейма. Но тогда фрейм становится слишком широким и неудобным для использования, тем более, что трудно предугадать, какой ещ? ширины бу…
0 votes2 answers -
Верстка карты(Map, Area.)
Здравствуйте. На данный момент нахожусь в стадии изучения тега <map> и всему, что с ним связано. По ходу дела меня заинтересовали следующее нюансы: 1) Пытаюсь найти(в гугле) подробную(детальную) инфу(статью) о том, как строить карты - но везде вижу только какие то обрывки информации. (Пока что даже понять не могу можно ли тегу <area> поменять фон или задать ему картинку?(при помощи чистого CSS!) (Если кто то скинет ссылку(с подробным руководством) по данной тематике - буду очень признателен.) 2) какие механизмы упрощения построения(карт) существуют на сегодняшний день? (Неужели каждый раз(при новом проекте) необходимо постоянно заново вводить(именно в ручную!)…
0 votes2 answers -
Маска слайдера
Здравствуйте! Нужна маска для слайдера, любой необходимой формы. Картинки в слайдере крутятся, маска статична. Для IE7+ Пример без маски: С маской: Не смог применить http://habrahabr.ru/post/190246/ Прошу помощи))
0 votes6 answers -
Не получаются сайты на практике
Всем привет! Может кто помочь с таким вопросом. Прочитал я можно сказать теорию по HTML и CSS (помню В общем-то большинство тегов и свойств CSS, разобрался в основных особенностях). Плюс заходя на сайт уже примерно могу понять его структуру. С этого момента я решил приняться за практику. Но возникла такая проблема: скачиваю я, например, макет из интернета (будь то psd макет или готовый набор файлов). В случае с набором файлов, я пытаюсь просто переписать html, а следом и css код. Так сказать скопировать его, чтобы понять как этот сайт сделан. И в принципе понимаю все теги и все свойства. Так же понимаю, для чего они там присутствуют. Но вот если передо…
0 votes14 answers -
Замена одного контента на другой в слое
Я - начинающий. Не пинайте. Сходу не нашел. Если было - ткните носом. Подскажите как менять контент в одном из слоев (колонок), не перегружая страницу. Или даже, как выводить содержание готовых страниц (разумное) в слой.
0 votes3 answers -
как дасть разным классам одни свойства
вот кусок ЦСС кода: a.opel {display:block; background-image: url(diz/opel.png); width:200px; height:199px; background-repeat: no-repeat;} a.opel:hover {background-position:0 -200px;} a.chevrolet {display:block; background-image: url(diz/chevrolet.png); width:200px; height:199px; background-repeat: no-repeat;} a.chevrolet:hover {background-position:0 -200px;} a.kia {display:block; background-image: url(diz/kia.png); width:200px; height:199px; background-repeat: no-repeat;} a.kia:hover {background-position:0 -200px;} a.hyundai {display:block; background-image: url(diz/hyundai.png); width:200px; height:199px; background-repeat: no-repeat;} a.hyundai:hover {background-positi…
0 votes10 answers -
Где ошибка в коде?
Друзья! Помогите начинающему чайнику!!! Не браните сильно... <?xml version="1.0" encoding="UTF-8"> <!DOCTYPE HTML!> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>готовим в стиле дзен!</title> </head> <body BACKGROUND="image/img03_b.jpg" link="#000000" alink="#000000" vlink="#000000"> <table align= "center" width="90%" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#820c03" align="center" height="60" colspan="5"><font face="Times" font size="6"><b>Добро пожаловать, на сайт ZENCHEF.ru! </b></font></td></tr> <tr> <…
0 votes10 answers -
Не меняется ширина объекта
Прописал в CSS ширину, а оно ни в какое не хочет меняться, если вставить в этот блок текст, то оно будет подстраивать ширину под него... что с этим можно сделать, в чем может быть проблема?
0 votes4 answers -
Отображение спецсимволов в некоторых браузерах
Можете подсказать, есть следующий спецсимвол: ∇ или & #8711; Он некорректно отображается в следующих браузерах: Internet Explorer 6, Avant, Maxton, Internet Explorer 8, Safari... Как можно это исправить?
0 votes3 answers -
Сделать выпадающее меню выплывающим!
Я сделала выпадающее меню (html+css), немного неровно, но это неважно. В общем, можно ли немного изменить мой код (напр. добавить скрипты), чтобы меню появлялось не сразу, а постепенно, как бы выплывало? html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="menu_up"> <div class="menu_links1"> <b><a href="#">О компан…
0 votes7 answers -
мануал по CSS кроссбраузерности
Уважаемые знатоки! Пожалуйста, сэкономьте время, где прочитать наиболее внятный мануал о том, как писать так, чтобы всё было одинаково. Описание багов ие. Просто мне попадается фрагметарная информация - тут ИЕ 6 так, а тут так. Хотелось бы раз сесть и за вечер одолеть вопрос в начальном приближении. Заранее спасибо за советы.
0 votes15 answers -
h1 и скрытие текста
Здравствуйте. Хочу поставить лого в заголовок H1. При этом написать в него текстовую версию логотипа. Встал вопрос как лучше скрыть этот текст, я думал visibility:hidden, но не знаю будут ли его индексировать поисковики и как они вообще относятся к данному правилу?
0 votes15 answers -
Разделение фона
Приветствую профессионалов и новичков верстки. На днях столкнулся с задачей, оказавшейся для меня необоримой. Все, я полагаю, знают кнопочку в роде со значком маркера-фломастера, который выделяет цветом текст, причем если выделены две строки, то между полосками цвета имеется зазор, что и отличает \ту кнопочку от кнопочки "заливка фона". Вот с такой задачей и столкнулся. Имеется текст в тэге h2. На экране он отображается в две строки, причем вторая строка короче первой. Нужно сделать как раз такой эффект как в Ворде - фон должен быть залит цветом, между строками должен быть прозрачный зазор. Использоавание заливки картинкой png с repeat не удовлетворяет требованияй, ибо во…
0 votes16 answers -
Съезжает блок в Google Chrome
После вёрстки возникла проблема: когда первый раз заходишь на сайт через chrome - блок съезжает. Нажимаешь обновить и всё становится на свои места. В остальных браузерах всё норм (даже в IE7). В чём может быть проблема? Вот html код: <div id="header"> <img id="site_name" src="/img/site_name.jpg" width="465" height="51"> <div id = "reg"> <form> <p align = "center" id = "input">Вход</p> <p id="surename"><input type="text" placeholder="Фамилия"></p> <p id="password"><input type="password" placeholder="№ читательского"></p> <input type="image" class="login" src="/img/login.jpg"> <a href="" …
0 votes2 answers -
Блок с разной высотой по бокам.
Как сделать вот такой вот блок? Бордером не получиться, т.к. он должен растягиваться по ширине(слева - сужаться, справа - расширяться).
0 votes25 answers -
Как сделать изображение в адресной строке(слева)?
Как сделать изображение в адресной строке(слева)?
0 votes5 answers -
Позиционировние
Праблема такая: верстка дивами, три колонки, поверх границы между второй и третьей колонкой хочу повесить позиционированный див. Пытаюсь естественно применять position:relative. в результате сей операции внутри блока, относительно которого позиционируется элемент, образуется промежуток по высоте равный высоте позиционируемогоэлемента. Если применять абсолют, такойже прикол тока перед или после страницы. Ко всему прочему IE6 вообще не отображает сей элемент.. Чтоделать
0 votes2 answers -
галерея картинок
Добрые люди, дайте пожалуйста ссылку где уже обсуждалось создание вот такой (например) галереи или подскажите как реализовать не слишком сложно. http://www.engineersistem.ru/ нужно чтобы с помощью двух стрелок можно было просмотреть несколько картинок, листая их.
0 votes3 answers -
отображение картинки при наведении курсора
Всем привет. http://dkpo.hut2.ru/ 1)Прошу объяснить как сделать чтоб при наведении курсора первый линк не выталкивал другой 2)Нужно чтоб Link1,Link2 при наведении курсора были по серединке квадрата, там где надпись услуги PS Заранее спасибо за ответ :-)
0 votes5 answers -
Плавающий % DIV с min-width для IE6
Возникла такая проблема, вот код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> <style> #wrapper { height: 100px; background: silver; width: 70%; min-width: 1000px; margin: 0 auto; } </style> <!--[if IE 6]> <style type="text/css"> * html #wrapper { width:expression( (document.compatMode && document.compatMode == 'CSS1Compat') ? ( this.clientWidth < 1000 ? "1000px" : ( "auto" ) ) : ( this.clientWidth &…
0 votes22 answers -
Размещение флэш в html верстке
Надо разместить флэшку как элемент html-дизайна сайта. Сделал так: <body> <div id="contanier" <div id="contanier" style="position:absolute;"> <div style="position: absolute; z-index:10; left:205px; top:100px"> <object width="250" height="84"> <param name="wmode" value="opaque"> <embed wmode="transparent" src="http://as-billiard.ucoz.ru/Flash/Ban1.swf" width="500" height="300"> </embed> </object> </div> <div style="position: relative; z-index:9; left:0px; top:0px"></div> Но при этом дизайн перестал центроваться. Как правильно разместить флэш в html дизайне чтобы не сбить центровку? Спасибо.
0 votes12 answers -
высота option
Можно как-то через css определить высоту option в select хотя бы для вебкит браузеров? (Chrome, Safari) Или только эмулировать селект на дивах в этом случае?
0 votes5 answers -
Модальное окно в слайдере
Здравствуйте! Есть слайдер такой же, как здесь: http://www.bkosborne.com/jquery-waterwheel-carousel Картинки в слайдере по умалчиванию, не увеличиваются. Подскажите, какой код нужно прописать, чтобы картинка увеличивалась в модальном окне, примерно, как на этой картинке: http://savepic.ru/5795778.jpg Что только не пробовала, ничего не помогает...точнее, либо не помогает, либо слайдер вообще перестает отображаться. Спасибо.
0 votes5 answers