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
-
Эффект "Растирка" (smudge) в CSS3
Добрый день!!! Возникла необходимость добиться данного эффекта для оформления содержания. Загнутые уголки не подходят нужен именно "вытянутый" эффект... Возможно сотворить сие чудо или придётся по старинке подпихивать картинку? Заранее спасибо!
0 votes8 answers -
css, блоки доной высоты
Имеется 3 блока по вертикали, средний блок с контентом меняет свою высоту в зависимости от объёма содержимого. Как сделать так чтобы левый и правый блоки равнялись на средний. Блоки сами по себе не вложенные друг в друга. если не затруднить как можно подробнее, в гугле читал, но так и не понял
0 votes8 answers -
Поставить H1 и div в одну строку
Здравствуйте, нужна помощь по следующему вопросу: Хочу поместить кнопку Google +1 на страницу каждой категории. Как сделать так, чтобы кнопка была справа от заголовка? Вот стиль заголовка категории: h1.archive-title { padding:0 0 15px; margin-bottom:15px; border-bottom: 1px solid #ddd; }Для кнопки я создал стиль: #plusone { float: right; display: inline; }Поставил div с кнопкой рядом с заголовком: <h1 class="archive-title"><?php _e("Рецепты"); ?>: <?php echo single_cat_title(); ?></h1> <div id="plusone"><g:plusone></g:plusone></div>Естественно, так оно не работает. Пробовал прописывать в стиле для h1 (displ…
0 votes8 answers -
Как можно сделать чтобы <div> был размером с картинку добавленную в стилях ?
Скажите пожалуйста, как можно сделать в моем случае <div class="comment"> <div class="author"><div> <div> В классе author через свойства background добавлена картинка. Но проблема в том что картинку не видно полностью, как можно сделать чтобы author был размером с картинку.
0 votes8 answers -
Создание 404 страницы
Доброго времени суток!!! Подскажите пожалуста, как правильно создать 404 страницу, я хочу перенести сайт на другой домен, а посетителей терять не хочиться, ведь на старый адрес ведут много ссылок. Как создать такую страницу, что бы она переадресовывала посетителя на новый адрес?
0 votes8 answers -
Скрипт по защите е-маиль адресса не работает....
Всем доброго дня, вечера и настроения. Вопрос чайника. Не пинайте, а если все таки, то, пожалуйста, не ногами и не по голове. Есть вот такой скрип по защите е-маиль адреса от спамовых роботов: <script language="JavaScript"> <!-- var name = "name"; var domain = "domain.ru"; document.write ('<a href=\mailto:' + 'имя' + '@' + 'домейн.ru' + '\>'); document.write('<img src=pict/mail.gif border=0 alt=" НАПИСАТЬ ">' + '</a>'); // --> </script> Во всех браузерах работает, а в Мозиле (версия 7) не работает... Какова причина? По идее при нажатии на ссылку (в данном случае картинка) должен открываться мейлер (почтовая прогр.)... Мозила открывает …
0 votes8 answers -
Маленький дефект отображения футера в Opera
Здравствуйте, уважаемые эксперты! Столкнулся с небольшим, но очень неприятным глюком при отображении вёрстки сайта в Opera "Версия: 11.50 Сборка: 1074". Во всех браузерах всё ок, а вот в Опере при первом открытии страницы футер выглядит съехавшим вверх (страница построена с прилипающим к низу подвалом). После обновления страницы футер садится куда надо. Причем можно сделать "Проинспектировать элемент" на любом элементе и справа в списке стилей любую галочку снять, футер тут же встанет на место. Такое ощущение, что не хватает странице совсем чуть-чуть, чтобы догрузить до конца все данные. Вёрстка валидна. Тут HTML код Тут CSS
0 votes8 answers -
Меню на JS
вот тут верстка: ВЕРСТКА В общем меню надо сделать так, чтобы при наведении на любой участок раздела меню картинка этого пункта меню менялась с черно булой на цветную. Э это смог реализовать только когда наводишь непосредственно на саму картинку. Когда навожу на ссылку, картинка не меняется! Как сделать чтобы поменялась?? Сейчас я пытаюсь написать функцию на JQuery, но пока идей нет. Это то самое меню! <ul class="pages-menu"> <li><a href="#" title="#"><img src="images/home-a.png" onmouseover="this.src='images/home-h.png';" onmouseout="this.src='images/home-a.png';" />Главная</a></li> <li><a href="#" title=…
0 votes8 answers -
Как раскидать картинки по тексту?
У меня есть страница с текстом и картинками. Но при довольно широком разрешении экарана они ведут себя невполне удачно, а при узком всё нормально. Нельзя ли реализовать, не нарушая резиновость, такое выравнивание, чтобы в случае нехватки текста между картинками изображения поджимались друг к другу но не отлеплялись от стенок слоя?
0 votes8 answers -
Проблема табличной верстки
Доброго времени суток) Столкнулся с проблемкой, нужно по макету сверстать вид новости. Верстка должна быть резиновой, т.е. новость должна растягиваться в ширину. Вот сам макет: Итак, проблема вот в чем, табица состоит из двух строк, в первой строке три элемента: 1.Левый угол 2.Середина 3.Правый угол. Вот скриншот, направляющими разделена первая строка таблицы: Во второй строке таблицы я хочу расположить саму новость, но получаетс следующее: Вот код HTML: <table class="post"> <tr class="post_top"> <td class="ptl"></td> <td class="ptc"><div class="post_title">ПОСЛЕДНИЕ НОВОСТИ МОБИЛЬНОГО МИРА</div></td> …
0 votes8 answers -
div'ная верстка
Здравствуйте вот решил заняться разработкой сайтов но возникли вопросы, если вы не против то все вопросы я буду задавать в 1 теме! 1 вопрос как сделать 2 блока в контейнере , 1 блок в левой стороне второй по центру , делал это с помощью функции float левый блок получается а вот как сделать по центру не соображу! вот мой коддинг))))) index <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Название страницы</title> <link rel="stylesheet" type="text/css" href="../css/style.css"> </head> <body> <d…
0 votes8 answers -
Помогите плз найти и убрать внешнюю ссылку
У меня на сайте висит внешняя ссылка, не могу найти как ее убрать. В браузере когда смотришь исходный код, там она отображается так: </div><div style="display:none;"><a href="http://juveclub.ru/">juveclub.ru</a></div> </div></div> <div class="clr"></div> В main.tpl код так отображается: <div class="centerside"><div class="centersideinn"> {info}{content} </div></div> <div class="clr"></div> Подскажите плз где мне ее найти. Спасибо. Сайт на движке дле, шаблон просто с нета скачивал.
0 votes8 answers -
внизу 3 пустых экрана образовалось...
Создаю верстку, проверяю в хроме... Сделал - проверил в IE 7 и понял, что накосячил! ))) Можете найти в каких тегах или стилях кроется лишнее или ошибочное? )) http://newsushiline.ru.r01-service.ru/www/index.htm
0 votes8 answers -
Деликатная проблема
Имеем wrapper с 980px ширины, в нем находится header,content,footer. Каким образом сделать так чтобы содержимое content была больше 980px (в моем случае 100% экрана). Неужели придется header и footer выставлять отдельно, а у врапера убрать?
0 votes8 answers -
border-image
Здравствуйте Уважаемые форумчане. Возникла проблема с border- image Необходимо сделать div который будет со всех сторон окружен картинкой. Использую такой код -moz-border-image: url(border-image-bottom.gif) 30 round round; -webkit-border-image: url(border-image-bottom.gif) 30 round round; -o-border-image: url(border-image-bottom.gif) 30 round round; border-image: url(border-image-bottom.gif) 30 round round; Вроде все хорошо, но с левой и с правой стороны ничего не отображается, как это можно исправить? Ссылка на пример http://jsfiddle.net/Q4xDQ/
0 votes8 answers -
Флоаты
В чём разница в этих двух примерах: http://jsfiddle.net/CX6HZ/ http://jsfiddle.net/L83zb/ И там, и там один слой зафлоченный - а другой нет.. другой слой и там, и там -без float и блочные. Но почему в одном примере другой слой встаёт ниже, а в другом стоит/обтекает с боку??
0 votes8 answers -
Правка CSS выпадающего меню
Здравствуйте! Возможно ли сделать так, чтобы подменю открывались не вправо (как на скриншоте), а под (снизу) основным разделом (на скриншоте - это "О факультете") Код меню: /*Page menu*/ #foxmenucontainer{height:40px;display:block;margin:0 auto;font: 11px verdana,Arial, Tahoma,Century gothic, sans-serif;font-weight:normal;text-transform:uppercase;width:100%;background:#0D 6091 url('/images/menu.png') repeat-x;} #menu{margin:0 10px;padding: 0; height:40px;overflow: visible;} #menu ul {float: left;list-style: none;margin: 0;padding: 0;} #menu li {float: left;list-style: none;margin: 0;padding: 0;text-shadow:1px 1px 0 #0C5782;} #menu li a, #menu li a:link, #menu li …
0 votes8 answers -
transition div на сенсорных панелях
Всем здравствуйте в связи с высокой популярностью устройств с сенсорным вводом озадачился поведением блока при transition. на обычном мониторе существует указатель мыши, тут всё работает. проблема с тачскрином. срабатывает через раз, а именно, если "нащупать" некий прямоугольник. понятно, что пользователь долго искать не будет. ширина и высота блока указана. пример здесь: www.ridnimebli.com/cfcf/shbln.php
0 votes8 answers -
как уменьшить border-left и выровнять по середине?
Здравствуйте. Если делать : <ul class="qwe"> <li class=""> </li> <li> </li> <li> </li> </ul> И у .qwe { border-left:1px solid gray } или просто ставить бордюр для какого-нибудь div , то получается | (черта бордюра) -растянутая по высоте на весь li или div. если поставить этому div или li height:10px, то конечно бордюр уменьшается, но вместе с div или li. Можно ли как-то регулировать высоту этого бордюра и его центрирование?
0 votes8 answers -
подлянка от firefox
Верстаю сайт в две колонки с фиксированной шириной, колонки разделяются бордером. В FF7 при масштабировании правый блок уезжает вниз (в данном случае - при уменьшении масштаба). Если я уменьшу ширину левого блока на 2px, то правый будет уезжать только при самом минимальном масштабе (что нивелируется отниманием еще 1px). Но 2 пикселя в моем макете - слишком заметная величина. В принципе, здесь я вполне могу выехать за счет паддингов, но хотелось бы знать, почему FF ведет себя таким образом и как с этим бороться. http://jsfiddle.net/ZaN5n/
0 votes8 answers -
Проблемы с резиновой шапкой
Добрый день. Подскажите пожалуйста как сделать чтобы в шапке картинки не накладывались друг на друга, при уменьшении браузера. http://www.zaria15.ru/
0 votes8 answers -
как выделить выбранный пункт в css меню
Здравствуйте. Наверное начну с того, что именно мне нужно. Вот есть горизонтальное css меню и надо сделать так, чтоб например при выборе раздела "Photoshop" цвет (картинка) вкладки менялся на какой нибудь другой, ну чтоб пользователь видел в каком разделе он находится. Эор можно сделать средствами CSS? .top-menu { height: 28px; padding-left: 30px; position: absolute; } .top-menu a { display: block; float: right; text-decoration: none; color: #3b3b3b; z-index: 10; width: 111px; display: block; height: 28px; text-align: center; line-height: 28px; background: url(../images/top-menu2.png) left top no-repeat; margin: 0 0 0 -7px; …
0 votes8 answers -
Выделение раздела в котором находимся
Здравствуйте, искал как решить данную задачу так и не нашел решения которое мне подходит, У меня есть меню в виде картинки сделаны: <img src="/images/prodykcia.png" border="0"> <img src="/images/partners.png" border="0"> <img src="/images/articles.png" border="0"> а мне нужно что если мы, например, находимся в разделе партнеры (<img src="/images/partners.png" border="0">), то она становится <img src="/images/partners-active.png" border="0"> background-ом не получилось так, думал сделать списком а потом просто фоном, но у меня нету ничего текстового, да и получается для каждого нужно стиль, так как картинки разные..
0 votes8 answers -
оптимизация сайта
Добрый день. Занялся изучением html и css, решил сделать сайт, у меня возникла следующая проблема: я создавал сайт пользуясь хромом от гугл. немного оптимизировал под мозилу и оперу. основная проблема возникла с IE. Решил использовать css3pie.com, но оказалось что тень для блоков и прозрачность(пробовал и с рисунками .png) одновременно использоваться не могут(возможно я что то не так делаю), уже позже понимаю что создал изначально "не правильный" дизайн сайта(т.к. пользовался тенями, закруглениями и прозрачностью - все из css3) - все это тормозит на IE(к тому же фон страницы фиксированный рисунок). Что можно сделать что бы не переделывать дизайн сайта? я целый месяц р…
0 votes8 answers -
Проблема с тегом <option>
Добрый день. Есть такая проблема. Хочу чтобы тег <option>, выводил не "a2",а "a2". Возможно это сделать, если да, то как? За ранее спасибо.
0 votes8 answers