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
-
Сложный слайдер, нужен совет
Ребят, нужен свежий взгляд, уже голова не варит. Есть слайдер. В нижней части находится ось времени с помесячным шагом. На один месяц на оси времени должно приходиться два слайда. То есть при прокрутке слайдера два раза маркер месяца должен переходить на следующий/предыдущий месяц. Единственное, что приходит в голову, это месяца сделать табами, а внутри каждого таба уже реализовать слайдеры. Но это немного не то, потому что будут работать слайдер только внутри одного месяца, и на другие перемещаться не будет. В общем посоветуйте как поступить
0 votes3 answers -
Помогите реализовать меню(css+smarty)
Есть сайт...Я совсем новичок в CSS и пытаюсь переверстать своими силами шаблон для нужного мне движка. Сайт находится по адресу http://www.mycrea.ru После логотипа есть меню(Все, Коллективные, Персональные и т.д.) Вроде поменял картинки, фон и т.д. Запутался только с одним... Задача состоит в том, чтобы При выделении одного из пункта меню, он бы также выделялся бы также с округленными концами цвета 56BF19. Картинки я сделаю. Не могу понять, как их привязать при выделении.Острые углы соответственно нужно убрать. Заранее спасибо. Вот файлик menu.blog.tpl(он отвечает за отображение меню) <TABLE class=pagemenu id=pagemenuszd> <TBODY> <TR> {if $oUserCurr…
0 votes3 answers -
Картинка в теге title
Здравствуйте! Прошу помочь мне людей опытнее меня. В общем я создаю сайт, и в название странички хочу разместить картинку. Вот изображение . На нем то что я хочу сделать. Заранее спасибо.
0 votes2 answers -
только ie
вот css * { margin: 0; padding: 0; } body { text-align: center; background: #fff; } #main { width: 900px; height: 100%; margin: 0 auto; } #header { background-image: url(images/header.gif); width: 900px; height: 166px; } #left-column { background-image: url(images/left-column.gif); width: 173px; height: 534px; float: left; } #content { background-image: url(images/content.jpg); width: 727px; height: 534px; margin-left: 173px; } во всех браузерах отображается нормально, как и должно быть, а в Internet Explorer блок #content съехал вниз ни как не могу разобраться, в чем причина?
0 votes5 answers -
верстка на дивах, когда вставлена картинка верстка съезжает
Так вот, ситуация следующая, сверстала макетик, для проверки просто вставила туда текст, все работало замечательно, но по задумке в одном из блоков (их всего 4 - шапка, две колонки, подвал - все фиксированное), а именно в левой колонке, где располагается основная часть, которая должна быть картинкой, слетела верстка. Если в левой колонке стоит просто текст, то все отображается нормально, но если я ставлю туда картинку, то она съезжает вниз на длину правой колонки (на макете зеленая). как это должно выглядеть, но тут вставлен текст. а вот как выглядит макет когда в него картинка вставлена вместо текста. при чем белая полоса над картинкой удлиняется, если длина зеленой ко…
0 votes2 answers -
На Прозрачном Div`e Не Отображаются Картинки
Есть интерактивная карта, над одной картинкой располагается много прозрачных картинок: <div id="bus" style="position: absolute; top: 110px; right: 360px; z-index: 3; white-space: nowrap; " onmouseover="..." onmouseout="..."> <img src="/objico/bus.png" alt="..." title="..." border="0" onclick="..." /> </div> В firefox (и похоже в ie, нет windows-машины под рукой) вокруг прозрачных картинок отображается оранжевый фон. В опере и хроме все отлично. Сначала я думал, что это проблема прозрачности png-файлов, но замена на gif ничего не дала. При ручном задании прозрачного фона div`ам картинки вообще перестают отображаться: <div style="background-color: trans…
0 votes7 answers -
Непонятный для меня синтаксис
Народ, что значит эта запись в css файле? -moz-border-radius:4px; -webkit-border-radius:4px;
0 votes6 answers -
Насколько корректно использовать
Правильно ли в верстке использовать отрицательные margin .class {margin:-250px 5px 10px -270px;} Насколько это правильно и корректно и какие проблемы можно встретить используя отрицательные отступы? Как браузеры воспринимают это или им все равно минусовой он или нет?
0 votes8 answers -
Как вставить еще один div
Изначально было два div : filedin и small-comment-cloud. Между ними нужно встроить еще один site_url с выравниванием по центру, никак не могу это сделать...site_url съезжает на следующую строку. помогите!! Ниже приведен код + css. <div class="filedin"> <?php _e('Filed in', 'themejunkie'); ?>: <?php the_category(', ')?> </div> <div class="site_url"> <?$site_url= get_post_meta($post->ID, 'site_url', $single = true); ?> <?php if($site_url!== '') { ?> <a href="<?php echo $site_url; ?>" rel="nofollow" target="_blank">Посетить сайт</a> <?php } ?> </div> <div class="small-commen…
0 votes9 answers -
картинка по центру в фиксированном блоке
Есть: http://tmin10.net.ru/1.html. Нужно, чтобы картинка была по центру <div id='add'> по вертикали и горизонтали. По горизонтали помогает margin: auto;, а как по вертикали?
0 votes12 answers -
Закругленые границы дивов
наверняка обсуждалось уже не один десяток раз и в гугле поискать можно, но устал уже искать((( Подскажите, как сделать диви с закругленными углами) буду очень благодарен)
0 votes7 answers -
Тег в оформительских целях?
Скажите пожалуйста какой тег лучше всего использовать в оформительских целях? (тени, уголки и прочее). Я использовала пустые дивы, теперь же хочется сделать всё грамотнее. Какой тег, как бы это сказать, не несёт в себе смысловой нагрузки? span? i?
0 votes7 answers -
Chrome: position:relative/absolute и border-radius
Заметил что хром не делает радиус для позиционированных элементов. Как можно обойти? В частности демо: http://gibigate.ru/portfolio/2012/souzparket/index.php - меню слайдера, родительский элемент с бордер радиусом, в фаерфоксе норм, а вот хром хромает
0 votes5 answers -
Снова о IE, z-index
Всех приветствую, достался тут сайт "в наследство", на нем есть левое вертикальное меню, во всех браузерах все отображается как задумано, кроме IE. Версии IE 7-9 везде одно и тоже В верстке не специалист, знатоки посмотрите что можно с этим сделать, уже все мозги об этот z-index сломал. Ссылка на сайт Заранее спасибо за помощь.
0 votes7 answers -
Помогите разобраться с проблемой ширина блока div 100%
Здравствуйте! уже 3 ей день воюю с проблемой помогите одолеть. Проблема такого характера есть блок footer блок div вот ниже весь код. <div id="footer-wrapper"> <div id="footer" class="clearfix"> </div> <div id="footer-info-photographer"> <p></p> </div> </div> вот css код #footer-wrapper { background: none repeat scroll 0 0 #3E3E3E; color: #FFFFFF; } #footer { margin-left: auto; margin-right: auto; min-width: 920px; width: 1200px; } #footer-info-photographer{ margin-left: auto; margin-right: auto; min-width: 920px; width: 1200px; } #footer-info-photographer p{ text-align: center; } П…
0 votes4 answers -
Как правильно вычислить вертикальный padding для текстового блока?
Столкнулся с проблемой вычисления реального отступа в текстовом блоке. Например, если указать padding:10px, то фактический вертикальный отступ получается больше 10px. Где-то как-то padding пересекается с размером шрифта и line-height. Пробовал отнимать, делить, прибавлять, но не отстледил никакой закономерности. Возможно есть какая то формула для вычисления?
0 votes4 answers -
Иконки в списках
Ребят здравствуйте подскажите пожалуйста Проблема с иконками в списках, Есть такое меню Проблема в том что при наведении на пункт иконки должны менять цвет, подскажите как сделать просто вставить иконки у меня получилось но нужно что бы при наведении они меняли цвет (сами иконки спрайтом) Как вообще такое реализовать, может кто сталкивался и нашел решение, пробовал искать в google но нормального решения так и не нашел
0 votes3 answers -
Проблемы с текстом
Подскажите пожалуста как сделать как показано на картинке. Чтобы второй текст был рядом с первым
0 votes6 answers -
С дивами проблема
есть такая ситуация вот код <div> <div id="left"> <div> <div id="left_bg"> <table border=1><tr><td>Работы</td><td>Научная деятельность</td></tr></table> </div> <div id="middle_bg"></div> </div> </div> <div id="right"> <div id="right_top"></div> <div id="right_bottom"></div> </div> </div> и стили #left { height:39px; width: 642px; float:left; } #right { height:39px; width:358px; float:right; } #left_bg { background-image:url(images/menu_left.jpg); background-repeat:repeat-x; width:614px; float:…
0 votes2 answers -
практика верстки
Народ, а где взять "материал" для верстки? Как вы начинали? Сам я в дизайне полный нуль, если сесть за изучения дизайна, не известно когда работать смогу начать. %)
0 votes1 answer -
Проблема с файлами
Возникла такая проблемка, я написал скрипт, который выводит содержимое определенного файла в поле текстареа. Потом написал скрипт который обновляет содержимое в файле, вот он: <? if($_GET['a']=='edit') { $file = fopen("../../config.php","r+"); $text = str_replace('<','<',$_POST[text]); $puts = fputs($file,$text); } ?> но проблема в том, что при записи в файл, скрипт перед ' и ", ставит слэш влево. Что делать?
0 votes7 answers -
Не подгружается *.js и *.css в IE 6.0
Делаю полностью идентичные страницы, копирую просто код из одной в другую. Первая страница подгружает все правильно. Вторая выходит с ошибкой - незавершенная строка комментария. Хотя при первой загрузке этой страницы, все срабатывает. Такая проблема только в ie. Не хочется каждый раз код копировать в начало страницы, поэтому прошу помощи здесь. Если необходимо выложить файлы, говорите сразу.
0 votes2 answers -
Вопрос
Как создать программу ввода списка студентов...с помощью массива... заранее благодарен
0 votes3 answers -
Cвойство css для поднятия строки ?
Добый день. Подскажите пожалуйста какими свойствами сделать чтобы вторая строчка текста начиналась не снизу под иконкой меню, а посредине (относительно иконки) сразу после первой У иконки меню стоит align="middle" Стиль для текста - color: #060561; background: none; font-weight: bold; text-decoration:none; text-align: left; font-size: 12px;
0 votes4 answers -
wingdings
пишу <p style="font-family:Wingdings; font-size:8pt; color:#595959">(</p> везде получаю значок телефона, как и положено, а в файрфоксе получаю скобку. проверено на 2 компах в ff 5. вопрос: почему он игнорирует четко прописанный выбранный шрифт? при том, что в верстке еще использую arial и arial black, которые отлично воспринимаются.
0 votes2 answers