HTML Coding

29,542 questions in this forum

1. Изображение на изображение

   Здравствуйте, я бы хотел узнать как можно с помощью CSS наложить одно изображение на другое (при наведении). То есть, допустим у меня есть картинка, а при наведении на неё она чуть чуть тускнеет, а поверх неё появляется (плавно) другое изображение. Пример: 1. До наведения 2. После наведения 3. Вторая картинка такая: Вот собственно вот так вот... Помогите пожалуйста =)

   Asked by SkaZzzz, April 25, 2011

   0 votes
   18 answers
2. возможно ли к содержанию одного блока подключить один стиль, а к содержанию другого -- другой?

   предположим имееться такой код: <!-- первый блок --> <div> <div class="b_1>аааа</div> <div class="b_2">бббб</div> </div> <!-- второй блок --> <div> <div class="b_1">вввв</div> <div class="b_2">гггг</div> </div> Надо сделать так, чтобы к содержимому 1 блока применялась такая css: b_1 { background-color: #F0F0F0; } b_2 { background-color: #CCCCCC; } А к содержимому второго блока например такая css: b_1 { background-color: #CCCCCC; } b_2 { background-color: #F0F0F0; } Это возможно?

   Asked by Тёмыч, April 23, 2011

   0 votes
   16 answers
3. Отступы в dreamweaver

   Чего-то я не знаю и делаю не так. Проблема такая: структуру html в дриме размечаю табуляцией, но, когда нажимаешь enter, то дрим автоматом создаёт отступы не табуляцией, а пробелами. В итоге структура рушится. Как сделать, чтобы он делал отступы табуляцией, равной 4м пробелам? надоело вручную каждую строчку исправлять

   Asked by angel12, April 23, 2011

   0 votes
   3 answers
4. Резка макета

   Я не понимаю:в чем смысл слайсов? Когда большие картинки режут на кусочки,это понятно..А вот когда режут целый макет, еще и в .psd тут вообще непонятно. Все равно всякие кнопочки, поля ввода и т.п. лучше делать с помощью html/css, правильно? А если в макете есть какие-то картинки, то их и так можно вырезать. Я просто не вижу в чем преимущество...по скорости получается примерно одинаково. Все равно,когда слайсы, границы приходится подправлять для каждого кусочка отдельно(ну почти всегда). Я, например, когда верстала макет, делала так: выделила фрагмент, который нужен, сделала crop, поубирала ненужные слои(фон например), сохранила для web,вернулась на неск. шагов назад и т.…

   Asked by amuller, April 23, 2011

   0 votes
   10 answers
5. HTML в Ява скрипте

   Вот мне надо чтоб вот этот код <a href="сылка" ><img alt="news" border="0" src="картинка без навидения" onmouseover="this.src='картинка при навидении'" onmouseout="this.src='картинка без навидения'"></a> работал через ява-скрипт то есть через файл .js я пишу его так: document.write('<a href="ссылка" ><img alt="news" border="0" src="картинка без навидения" onmouseover="this.src='картинка при навидении'" onmouseout="this.src='картинка без навидения'"></a>'); но это не хляет помогите плиз просто мне надо написать через яву чтоб с экономить место в кодах или подскажите как это можно прописать через яву?

   Asked by Joko, April 23, 2011

   0 votes
   11 answers
6. Помогите с версткой

   Добрый день всем,помогите сверстать сайт,суть такова:надо сделать так чтобы рисунки 1 и 2 были всегда в верху по углам,рисунки 3 и 4 в низу, при любом формате мониторе(тоесть резиновый шаблон),потом рисунки 5 и 6 должны не репитится, а только должна репитится розовая полоска(рисунок просто разбил на 3 части левую, центральную и правую,чтобы рипитилась только центральная часть).После по горизонтали тоже розовая полоска должная рипитится в низ, и рисунок анологичный что в верхней части контента но только в нижней под цифрами 7 и 8.И самое главное как сделать что бы инфа была поферх этих этих всех рисунков.Тоесть начало информации было в верхней части контента а потом на цен…

   Asked by czp, June 5, 2011

   0 votes
   4 answers
7. background-image

   Не раз замечал, задавая фон, что он не отображается... нужно чтобы был контент(задавать ширину, высоту). Хотелось бы понять, как фон работает в этом примере: слою с идентификатором #page задан фон, но не задана ширина, высота совсем.. За счёт чего он растягивается как надо?? Заранее Спасибо!!

   Asked by DrStrangeLove, April 23, 2011

   0 votes
   8 answers
8. нужна критика

   Табличную верстку я знаю хорошо, а вот с блочной дела пока плохо обстоят, просьба, прокомментировать мой код. В хроме и ФФ ображается все правильно, но наверняка есть какие-то подводные камни о которых мне пока не известно... и еще вопрос как заставить работать с ним IE? <html> <head> <title>1234567890-09876543234567890-987654</title> <style type="text/css"> a { color:#FFF; text-decoration:underline } a:hover { color:#FFF; text-decoration:none } #menu { border-radius:10px; margin-left:40px; text-decoration:none; width:334px } #menutable { background:url(images/menu.png) #FB9338; font-family:verdana; font-size:12px; padding-left:20px; wid…

   Asked by belka0011, April 24, 2011

   0 votes
   12 answers
9. Помогите

   нужно сверстать вот такой блок портфолио! заказчик хочет чтобы эти картинки были кликабельные, чтобы в последствии их можно было заменить. Проблема в том что я не знаю как к этому делу подступить, с какой стороны. Там еще тень общая и рамки общие.. Получается нужно вырезать отдельно тени со всех сторон, сами картинки и потом накладывать их друг на друга чтобы была рамка в 1пиксель? или както по другому можно это сделать?

   Asked by CheJo, June 5, 2011

   0 votes
   13 answers
10. Onmouseout При Зажатой Лкм

    Хочу чтобы при зажатии кнопки мыши изменялся стиль блока, а при отпускании возвращался обратно. Казалось бы все просто onMouseDown и onMouseUp. Но если зажать лкм и уйти с блока, то возвращения к прежнему состоянию не происходит, и onMouseOut не работает. Как сделать чтобы событие onMouseOut отрабатывало даже для зажатой лкм? P.S. *лкм - левая кнопка мыши. Вот мой код. <script type="text/javascript"> function changebutton(id, state) { var obj=document.getElementById(id).style; if (state == 'down') obj.background = "url('/img/button_pressed.png')"; if (state == 'up') obj.background = "url('/img/button_passive.png')"; if (state == 'out') obj.bac…

    Asked by graf, April 24, 2011

    0 votes
    1 answer
11. Какой Минимум Знаний Для Создания Сайта?

    Планируется создать сайт на Joomla. Сам я в HTML, CSS пока разбираюсь очень плохо. Нужно ли кроме HTML, CSS, что либо еще, если на сайте будет форум? Насколько я знаю, форум создается только на PHP. Но можно ли, каким-то образом, подключить готовый форум, без знаний языка? Может даже и что еще потребуется? Почему спрашиваю? Потому что хочу попробовать сам его сделать. Или же лучше отдать профессионалу?

    Asked by Тишина, April 24, 2011

    0 votes
    14 answers
12. Макет Для Вёрстки

    Сейчас забрёл в раздел форума: Макеты для верстки. А там картинка. Можете объяснить как с ней работать? И с чем их едят?

    Asked by DeD_AvToRuTeT, April 24, 2011

    0 votes
    3 answers
13. Favicon

    Есть ли способ внедрить favicon помимо <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">?? Как-то раз я видел, что favicon был внедрён как-то иначе, но так и не понял как... Как ещё можно внедрить??

    Asked by DrStrangeLove, April 24, 2011

    0 votes
    15 answers
14. Выпадающее Окно С Формой

    Здравствуйте друзья. Сразу скажу что не знал в каком разделе создать тему и решил все таки здесь. Ребята, подскажите как мне сделать такое вот допустим есть ссылка на странице и после нажатия на нее чтобы на той же странице по центру появлялось новое окошко моих размеров с формой для обратной связи?

    Asked by _one, April 24, 2011

    0 votes
    7 answers
15. Div Двигает Родительский Div

    Значит вот такая вот структурка html для примера <div id="main"> <div id="blog"> </div> </div> Значит как я понимаю тот div который в другом div называется дочерним ,а старший типа родительским. Теперь css #main {width:1100px; height:1100px; margin-left:auto; margin-top:10px; margin-bottom:10px; margin-right:auto; background-image:url(../images/mainbg.jpg); } #blog {width:461px; height:341px; background-image:url(../images/photo.jpg); margin-left:91px; margin-top:58px; } И что я наблюдаю .Отступ от левого края родительского дива main в порядке ,а вот отступа от верхнего края не наблюдается.За то сам родительский блок опустился.

    Asked by boooze, April 24, 2011

    0 votes
    4 answers
16. Верстка форм - нужен совет.

    Доброго времени суток. Есть такая вот картинка, выносящая мозг мне уже несколько суток: Как лучше её сверстать? С уважением, Олег.

    Asked by tt48, April 24, 2011

    0 votes
    16 answers
17. Подскажите пожалуйста

    http://spectexnikaavto.ru/contact_form.php Собственно вся проблема не могу - форму поднять вверх.... с z-index уже замучался... Святые верстки подскажите ...

    Asked by Select, April 24, 2011

    0 votes
    2 answers
18. img в строчном элементе span

    Пытаюсь засунуть картинки img в inline элемент span (или <div style='display:inline'>) с заданной шириной. Оберточный элемент схлопывается, картинки слепляются. Самое интересное что в IE все работает как надо, проблема в firefox и хром. Помогите пожалуйста моей беде... При этом элементы обязательно должны быть строчными, так как я не знаю сколько будет картинок, и они могут перейти на другую строку. Код <span style="width: 200px; border: 1px black solid;"><img src="/img/k.jpg" width="50" height="50"></span> <span style="width: 200px; border: 1px black solid;"><img src="/img/k.jpg" width="50" height="50"></span>

    Asked by graf, April 24, 2011

    0 votes
    2 answers
19. не работает марджин

    привет...в футере не работает марджин, не могу понять почему <div id="footer"> <a class="sitemap" href="#">Карта сайта</a> </div> #footer { width:795px; height:59px; background: url(../img/footer.jpg) no-repeat; margin-left:20px; margin-top: -6px; } a.sitemap { color:#0099FF; font:14px "Myriad Pro"; margin-left:30px; margin-top:16px; /*тот что не работает*/ height:15px; width:74px; } подскажите пожалуйста

    Asked by andys, April 24, 2011

    0 votes
    10 answers
20. Растягивающийся фон

    Вобщем смысл вот в чем. Нужно задать фон для верхней части сайта (хеадера). Фон дожен быть резиновый или хотя бы фиксированного размера по центру. Но нужно чтобы картинку нельзя было скопировать обычным способом тоесть чтобы она была прописана именно в CSS в теге background-image. Вот я прописываю её а картинка начинает дублироватся. Вот код из CSS #header { background-image: url(logo.png); } Как сделать что-бы он растягивался, а не дублировался?

    Asked by zer00, June 6, 2011

    0 votes
    4 answers
21. как браузер поймет такой код?

    как браузер поймёт такое css: .a .b .c { color: #999; } свойство будет применено к классам b и c, которые находяться внутри класса a. свойство будет применено к классу c, если он находиться внутри класса b, который находиться внутри класса a.

    Asked by Тёмыч, April 25, 2011

    0 votes
    1 answer
22. Печать куска текста со сранички

    День добрый всем! Извиняюсь за глупость вопроса, но проблема такая: есть страничка со списком пунктов самовывоза (например вот такая _http://www.wildberries.ru/services/shipment.aspx) как лучше реализовать кнопку печать для каждого пункта в отдельности? если не создавать для каждого отдельно страничку. есть идея сделать к каждому пункту самовывоза картинку (где будет карта и текст с описанием как дойти) и кнопку с "распечатать" которая просто будет отправлять эту картинку на печать, только как это реализовать и будет ли это корректно?

    Asked by Torvin, April 25, 2011

    0 votes
    8 answers
23. Помогите вылечить IE

    Понимаю, что название темы звучит утопически =D В IE 6-7 странные вещи творятся. _http://romilen.neru9.com/ В частности, блок контента съезжает вниз, а текст в нём перекрывает изображения, хотя не должен бы. Это для начала =D

    Asked by Gaspode, April 25, 2011

    0 votes
    2 answers
24. Никакой реакции на <i></i>

    Добрый день. При загрузке данных из БД обрабатываю их следующим образом: $pmtext = nl2br($arraylistpm['pmtext']); $pmtext = str_replace("[I]","<i>",$pmtext); $pmtext = str_replace("[/I]","</i>",$pmtext); В итоге фактически тэги <i></i> добавляются, а браузер на них никак не реагирует. Где собака зарыта ?

    Asked by bobo, April 25, 2011

    0 votes
    11 answers
25. Отдельный css для каждого li

    Есть вот такое меню <div class="menu"> <ul id="level"> <li><a href="http://" class="level" >...</a></li> <li><a href="http://" class="level" >...</a></li> <li><a href="http://" class="level" >...</a></li> <li><a href="http://" class="level" >...</a></li> </ul> </div> Использую border-radius и box-shadow для пунктов. Каждый пункт - отдельный овал с тенью. Названия пунктов разные по длине, соответственно овалы получаются разные. А вот для ie как всегда отдельный сss. Другие элементы я просто картинками сделал вместо css3, а вот как с разными по длине пунк…

    Asked by qazibum, April 25, 2011

    0 votes
    6 answers