HTML Coding

29542 questions in this forum

1. Повторение тега "class"

   Использую jquery для вывода модальных окон. За вывод модального окна отвечает html код <a class="iframe" href="">Вывод модального окна</a>. Вместе с тем, хочу чтобы вывод модального окна происходил с картинки (спрайта), вывод которой происходит тоже через class - <a class="img-1">Ссылка</a>. Как соединить между собой коды ссылок, чтобы выводимая картинка (class="img-1") могла вызывать модальное окно (class="iframe") ????? Заранее, большое спасибо! Решение: В css файле вместо имён спрайта a.name{} и a.name:hover{} нужно поставить знак #, то есть - #name{} и #name:hover{}, а выводить в коде html через div вот так: <a class="iframe" href="page.…

   Asked by yelkin, December 6, 2010

   0 votes
   6 answers
2. абсолют

   Приветствую вас, уважаемые мастера! Недавно обновлял свой персональный сайт и возникла такая проблема с некоторым нововведением. Даже не знаю как описать проблему, но все-таки попробую: Справа внизу картинка деревца, там где написано "древо...", я его с помощью дива и в параметрах прописал абсолют: <!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--> div.drevo { position: absolute; bottom: 0; right: 0; width: 100%; z-index: 999; }<!--c2--></div><!--ec2--> Всё, вроде бы, нормально, но когда я зашел на сайт с более меньшим разрешением экрана, то нашел непорядок: Загрузилась страница-то должным о…

   Asked by f1nik, February 27, 2011

   0 votes
   3 answers
3. Mod_Rewrite

   Здравствуйте, такая проблема: в .htaccess прописал такое правило: RewriteRule galerry/(.*)/(.*)/(.*)/(.*)/$ /galerry.php?$1=$2&$3=$4 При заходе по site.ru/galerry/show/cat/cat/Люди/ сайт теряет css файл, т.е. все отображает, вытягивает нужную инфу из базы, но без стилей... Как я понимаю, при такой иерархии , считается что каждый подуровень это папка, и css ищется на неправильном уровне... Как ето исправить? Зараннее спасибо за ответы. З.Ы. И если не сложно поправте мне правило так что бы ссылка реврайтилась в site.ru/galerry/cat/Люди

   Asked by greeb, April 28, 2012

   0 votes
   5 answers
4. текст

   уважаемые форумчане подскажите тупому как менять цвет и шрифт текста

   Asked by voin545, April 30, 2012

   0 votes
   2 answers
5. избыточность селекторов

   скажите пожалуйста существуют ли какие-нибудь программы или онлайн-сервисы наподобие минификаторов, которые умеют сокращать длинные цепочки селекторов? например такие .nav_top ul .button_left.active .right .shellbutton .button_right .button_center{} и вообще есть ли существенная польза от таких сокращений? есть мнение, что трудно поддерживать большие проекты, оформленные подобным образом. имеет ли право на жизнь такое мнение? мне например намного проще ориентироваться(дорабатывать, изменять) в любом коде когда элементы определены однозначно(пусть даже за счет избыточности)

   Asked by cyklop77, June 2, 2012

   0 votes
   6 answers
6. Прокрутка

   Подскажите как сделать прокрутку только розового блока http://opex.servegame.com:808/site (основное содержимое), чтобы всё что в него не помещается можно было прокручивать. Если кто не понимает, мне нужно как в контакте прокручивание, к примеру, списка аудиозаписей.

   Asked by Mr_ILYAS, September 20, 2012

   0 votes
   5 answers
7. ошибка валидатора

   подскажите кто знает в чем проблема ? валидатор выдает ошибку 1) —————————————————————————-- required attribute "type" not specified …iv class="art-box-body art-blockcontent-body"><script language="JavaScript1.2"> ? The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. ——————————————————————————— как ее исправить я так понимаю надо указать па…

   Asked by gradusgradus, October 15, 2012

   0 votes
   3 answers
8. Поведение блока в зависимости от другого

   Приветствую! Нужна помощь. Нужно сделать так, чтобы содержимое одного блока центрировалось по вертикали в зависимости от другого. Наглядно должно быть так: То есть нужно как то сделать так, чтобы содержимое блоков 1 и 3 всегда вертикально центрировалось в зависимости от содержимого блока 2. Такое в принципе можно реализовать на таблицах, но увы, нужно это как то сделать на дивах. Подскажите пожалуйста как такое реализовать. Может есть скриптик JS какой. Заранее спасибо!

   Asked by Digidie, October 16, 2012

   0 votes
   8 answers
9. ol и ul как сделать один список в строку, а другой в колонку

   Ну собственно в заголовке указано что я хочу, подскажите, почему-то никак не получается вот что пробовал Если например писать #menu li {display: inline;} тогда работает а если писать #menu ol li {display: inline;} тогда не работает но в первом случае оба списка становятся в строку, а мне нужно чтобы только ol был в строку, а ul был в колонку. Как решить такую проблему? или придётся создавать отдельный класс для ol и отдельный для ul?

   Asked by McLotos, February 6, 2013

   0 votes
   3 answers
10. Блок отображается не там где надо

    Господа,подскажите почему блок right-block не хочет встать на свое место(справа в главный блок)?ему задано float:right http://cssdesk.com/zsAyf

    Asked by Temik2704, October 22, 2013

    • Новичок
    0 votes
    8 answers
11. Что нужно сделать, чтобы мой блок позиционировался сверху-вниз, а не наоборот.

    Я почти нулевой-начинающий верстальщик. Никогда этим не занимался и за пару дней мало чему научился. Мой HTML: <!DOCTYPE html><html lang="ru"><head> <title>Моя страница!</title> <link rel="stylesheet" href="StyleSheet1.css" /></head><body> <header class="framing" style="height: 200px;"></header> <section class="framing inlineblock" style="width:900px; height:600px;"></section> <aside class="framing inlineblock" style="width: 200px; height: 300px;"></aside> <footer class="framing " style="width: 1125px; height: 100px; "></footer></body></html>Мой …

    Asked by antonbruilo, August 12, 2014

    0 votes
    7 answers
12. вопрос про иероглифы

    Появились иероглифы вместо русских слов в Sublim-е. как это исправить?

    Asked by severianin, November 13, 2015

    0 votes
    5 answers
13. html Веб-дизайн в андроиде

    Файл html не видет файл css в той же папке, хотя файл image из той же папки подключается. В третьем коде при выводе в браузер высвечивается тег <р>. Скрытый текст <link rel="stylesheet" href="style.css"> <img src="images/coast.jpg <p>Иванов А.А.<br><time datetime="10.06.2017T10:00">10 июня 2017 10:00</time></p>

    Asked by stilist, June 25, 2017

    • андроид
    • css
    0 votes
    1 answer
14. Отправка заявки на почту

    Выводится "Письмо отправлено" при попытки отправки заявки на почту на локальном сервере и на хостинге. Но сообщение не приходит на почту, как это можно исправить? Спам проверяла, там тоже письма нет. Помогите, пожалуйста

    Asked by Юлия_36, August 22, 2018

    0 votes
    1 answer
15. Как это сверстать?

    Здравствуйте, подскажите, как можно сверстать вот такую штуку с вертикальной линией? Перерыл весь интернет, всё не то...

    Asked by Svobodin, October 13, 2019

    0 votes
    2 answers
16. Помогите с эффектом наложения

    Здравствуйте! Помогите, пожалуйста! Есть два блока (div): один с картинкой, а другой с текстом. Нужно реализовать: сначала блок с картинкой должен перекрывать блок с текстом, а потом блок с текстом должен перекрывать блок с картинкой. Для этого я делал в попытке реализации данного эффекта: .image { display: inline-block; Position: absolute; z-index: 1; } @Keyframes block_overlap { from { z-index: 0; } to { z-index: 2 } } .text { display: inline-block; position: absolute; animation-name:…

    Asked by Andrey_Afonchenko, February 2, 2020

    • css
    • html
    • анимация
    • наложение
    • изображения
    0 votes
    1 answer
17. Горизонтальное меню

    Подскажите пожалуйста как сделать такое вот меню. Я делаю следущее <div align="left" style=" width: 900px; height: 40px;border: 2px solid; border-color:ffffff;"> Тут задаю размеры блока на котором оно будет. <a href=" "class="rollover1" > </a> <a href=" " class="rollover2" ></a> <a href=" "class="rollover3"></a> <a href=" "class="rollover4"></a> <a href=" "class="rollover5"></a> Тут идет перечисление граф в меню,Хотелось бы сделать меню как то по проще,дело в том что при этом коде каждый следущий рисунок меню становится вертикально и получается столбик.Который потом очень неудобно по…

    Asked by Whatsup, June 7, 2008

    0 votes
    0 answers
18. нюансы построения шаблона с div

    У меня такая задача есть файлик шаблона сайта с большим количеством div и файлик с css где задаются стили для этого div. У меня такая проблема все дивы выводятся друг за другом и получается что в начале идет название обьекта потом картинка потом описание и потом рейтинг все это идет вертикально. Например http://templatesellers.info/joomla_virtuem...plate=1255tools Мне бы хотелось зделать горизонтально как например тут http://showcase.joomlabamboo.com/simple_sh...id,46/vmcchk,1/ как зделать чтоб дивы строились слева напрво а не сверху вниз? По коду совсем мало понятно идет например в первом div product_name в следующем product_price далее product_image потом product_de…

    Asked by alexandre1, October 16, 2008

    0 votes
    1 answer
19. Динамическое изменение класса CSS

    Привет вот простой код <style> .class1 { color:red;} </style> <script> function change_css_class(class_name) { ... <- как обратиться к конкретному свойству класса и изменить его? } </script> <a href="http://google.com" onmouseover="change_css_class('class1');">google</a> <span class="class1">1</span> <span class="class1">2</span> <span class="class1">3</span> ... <span class="class1">n</span> есть необходимость по событию(наведению мыши) на ссылку менять параметры каласса class1 - пусть к примеру изменить цвет на синий. Количество элементов у которых нужно менять заранее не изве…

    Asked by maxbet, July 11, 2009

    0 votes
    1 answer
20. Фотогралерея

    Вот создаю я фотогалерею.В ней должны показаться все фотографии пользователя.Возникает такая проблема.Например, крупные соц.сети типа мой мир ,вконтакте делают фотографии по ширине и высоте одинаковые. Но ведь не все фотографии изначально одинакового размера т.е. я ширину разделю на один коэффицент,а высоту на другой,то фотография исказится. Так вот как все соц сети делают фотоографию одинаковой и по шиирине и повысоте и она не искажается?

    Asked by new01, April 17, 2011

    0 votes
    9 answers
21. Критерии проверки верстки

    По каким пунктам вы проверяете соответствие высокому качеству свою вёрстку? Кроссбраузерность - само собой. Я только смотрю под различные разрешения, а также под отсутствие картинок. Сейчас прошёлся по своим работам и заметил, что текст у меня вываливается из блоков при масштабировании шрифта. Стоит ли на это обратить внимание? И ещё один вопросик, как обычно стоит резать макет: для любого фона (преимущественно png) или только для того, какой в макете (преимущественно jpg)? Спасибо!

    Asked by monsterr, April 26, 2011

    0 votes
    6 answers
22. Правильная раскладка блоков для оптимизации

    В интернетах прочитал, что для лучшей оптимизации сайта его лучше верстать так, что бы блок с контентом шел первым (соответственно при отключенных стилях контент тоже будет идти первым, что есть хорошо). Допустим надо сделать такой простой макет: Обычно в интернетах для такого макета пишут что-то вроде этого: <div class="container"> <div class="header"></div> <div class="content-wrapper"> <div="sidebar"></div> <div="content"></div> </div> <div class="footer"></div> </div> Как видно блок content находится далеко не в начале. Вывести его вперед в блоке content-wrapper …

    Asked by bob_24, September 7, 2011

    0 votes
    3 answers
23. Помогите определить в чем проблема

    Добрый день У меня такая проблема: если я добавляю к тексту тег <a href> то текст исчезает,но ссылка создается, т.е текст не видно,а нажав в той области перейти по ссылке можно. не могу понять в чем дело,помогите,может кто знает в чем проблема??? в стиле прописано: div#img3 { width:369px; height: 325px; background: url(images/img3.png) repeat-y; float:right; } a { color: #e1bd2b; text-decoration: none; } a:hover, a:active { text-decoration: underline; }

    Asked by 2-tone, January 13, 2012

    0 votes
    5 answers
24. font-face

    как подключить шрифты в FireFox 3.0??

    Asked by Lincky, February 6, 2012

    0 votes
    6 answers
25. отменить вывод подсказки

    подскажите пожалуйста способ, которым можно отменить вывод подсказки title="" при наведении курсора на ссылку e.preventDefault() не срабатывает, удалять/перезаписывать атрибуты title скриптом или ручками не вариант

    Asked by cyklop77, January 4, 2013

    0 votes
    4 answers