HTML Coding

29542 questions in this forum

1. Вопросы по стилям

   1. Я видимо чтото плохо усвоил или чтото случайно пропустил, читая про стили. Делал я на примере 1 видео макет и заметил что класс в хтмл отличается от класса в цсс файле, но при этом отображается так как нужно мне. В html прописано class="grid-img sqr" но в css прописано только .sqr 2. Тот же проэкт, и тут автор видео прописал у селекторов html и body значения. Что будет если я пропишу всё в в один селектор? 3. Селектор .logo, тут font-size: 0; Я правельно понимаю, это для альтернативного текста, в случае если картинка не отобразится? Буду признателен если в ответы покидаете отыеты в виде ссылок.

   Asked by egrom92, February 13, 2019

   0 votes
   2 answers
2. Текст в формах - как исбежать повторного ввода

   Есть вопрос. Может подскажите, где почитать или кто знает простой способ решения данной задачи ? Задача: после отправки данных формы на сервер, при возвращении в форму (например, в случае ошибки в заполнении) необходимо, что бы текст, введ?нный ранее, оставался в форме? Как это сделать?

   Asked by Shur, January 12, 2008

   0 votes
   5 answers
3. Как сделать

   Подскажите как сделать меню из картинок, например на сайте яндекса Яндекс Понимаю вроде что делается через overflow и javascript, но как конкретно - не знаю. Подскажите плиз url где можно по этой теме почитать?

   Asked by vak, December 14, 2008

   0 votes
   5 answers
4. поменять блоки местами

   Всем привет НЕ могу решить проблему есть центр, левый и правый сайдбары в центре некий блок podborka и блок text визуально - podborka выше мне нужно, чтобы в коде блок text был прописан выше блок text спозиционирован статично если прописывать блоку podborka position:relative,margin-top то он становиться зависимым от длины текста если прописывать adsolute, то, если сжимать окно, он залезает на левый сайдбар как решить задачу? спасибо #text { text-align:left; margin-top:350px; } #podborka { height:342px; position:absolute; width:675px; top:420px; left:50%; margin-left:-337px; } html <div id ="center"> <div id = "text"&…

   Asked by cardsmoney, February 3, 2010

   0 votes
   5 answers
5. Делаю сабе визитку... Вопрос относительно меню и центрирования дива

   Доброго всем времени суток... Делаю себе сайт визитку... пока есть две страницы ( http://berkutmail.narod.ru http://berkutmail.narod.ru/gallery01.html ) появились вопросы на которые сам не могу найти ответ.... 1 не могу понять, что за сообщение вылезло в левой стороне страницы (от куда оно взялось и как от него избавиться)??? это сообщение отсутствует только в Хроме... - в остальных браузерах проявляется... хотя когда смотришь сайт с жесткого диска а не с хоста - сообщения - нет.. 2 подскажите как отцентрировать див в котором находится изображение / галерея по центру экрана по вертикали.... 3 каким образом делается, чтоб меню открывалось/закрывалось по клику... заранее б…

   Asked by Night Man, March 8, 2011

   0 votes
   8 answers
6. списки с разделителями

   сверстал галерею на основе списков.структура такая: 4 изображения, разделитель, <ul>4 изображения</ul>, разделитель, и т.д. использовал несколько блоков <ul></ul>. правильнее было бы использовать один блок <ul></ul> (потому что на cms удобнее натягивать). подскажите пожалуйста как верстаются подобные галереи. необходимые условия: 1. галерея резиновая(тянется по горизонтали как в моем примере), 2. после каждой четвертой картинки есть разделитель

   Asked by cyklop77, November 29, 2011

   0 votes
   19 answers
7. HTML5

   Не нашел старой темы,решил создать новую и посоветоваться с вами,поделитесь мыслями,как быть в такой ситуации: <a class="main_item" title="blabla" href="blabla"> <h2 class="listing">BlaBla</h2> <span class="wrap_productImg"> <img class="productImg" width="198" height="89" alt="blabla" src="images/small/2.jpg"> </span> <div class="wrap_price_main"> <span class="priceBlock"> 1111 <span class="rub">руб.</span> </span> </div> </a> правильным ли будет такой вариант: <section> <article> <a class="main_item" title="blabla" href="blabla"> <header> …

   Asked by milkeyway, June 8, 2012

   0 votes
   7 answers
8. О css фреймворках

   Вопрос к мастерам и гуру! Уважаемые скажите, в каких целях и как часто вы используете фреймворки? Верстал много различных страниц, но я так и не пойму, чем фреймворки должен упростить жизнь как верстальщику? Если есть конкретный дизайн страницы, и он никак не похож на то что предлагает фреймворк, то не ужели есть смысл это все допиливать подгонять? Это же занимает на много больше времени, нежели верстки с нуля. Те же самые адаптивные навигационные бары с бургер батонами, аккордионы. Или же на самом деле предназначение фреймворка для не знающего верстки кодера, сделать быстренько страничку, которая по сути не имеет дизайна как такового? Может быть и грубый пример, но ес…

   Asked by vladmih, August 5, 2015

   0 votes
   7 answers
9. Как сжать изображения на мобильной версии?

   Как эффективно сжать изображения на мобильной версии с уравнением пропорций размера?

   Asked by Hoax, August 20, 2015

   0 votes
   5 answers
10. Скачет масштаб/размер шрифта в мобильном браузере

    Друзья, есть такая проблема. Когда загружаешь сайт (я тут укороченную версию сайта укажу, чтоб поисковики не хавали) http://goo.gl/hFhizU на смартфоне (проверял на Android в Chrome Browser) и прокручиваешь в вертикальной ориентации, то изменяется масштаб или размер шрифта. На определённом месте он увеличивается, а затем, где-то внизу, уменьшается обратно. Смотрится дико. Никак не могу найти причину. Может, кто-то сталкивался, имеет опыт? Подскажите, пожалуйста, куда копать, в чём может быть дело?

    Asked by StormMan, September 29, 2015

    0 votes
    4 answers
11. Два и более аккордеона на странице

    Доброго времени суток. Возникла проблема с использование двух и более аккордеонов на странице и я к сожалению не могу сама разобраться, как это сделать... Я использую данный аккордеон https://tympanus.net/codrops/2013/03/29/nested-accordion/ , прикреплю свой файл, т.к. в нем есть небольшое изменение, если нет раскрывающего блока, то нет активности у раскрытия. Вызывается работа аккордеона простым кодом. $( '#cbp-ntaccordion' ).cbpNTAccordion(); Работаю в umi, там можно в xsl прописать у id="cbp-ntaccordion{page/@id}", то будет добавляться id данной страницы, но вот как правильно прописать {page/@id}, чтобы в js тоже подставлялся данный номер?…

    Asked by Mary_RND, February 22, 2017

    • html
    • css
    • js
    • xslt
    • umi
    0 votes
    3 answers
12. Пробел между строками в таблице

    Между строками в таблице остается пробел, а необходимо сделать таблицу, в которой содержимое всех ячеек выглядит как одно целое. Если поставить ячейкам рамки, то видно, что пробел (свободное место) появляется только под рисунками, видимо задача в том, чтобы убрать его. Пожалуйста, подскажите путь решения проблемы, заранее извините, если этот вопрос уже поднимался тут (не нашел). <html> <head> <link rel=stylesheet type=text/css href=style.css> </head> <body bgcolor="#7086a4"> <table cellspacing="0" cellpadding="0"> <font size=3>Links</font> <tr> <td><a target=_parent href=http://000.ru/><img src=pics/…

    Asked by Job, June 22, 2008

    0 votes
    1 answer
13. Некорректное отображение в Мозилла ((

    Добрый вечер форумчане. Проблема маленькая, но на самом деле очень серьезная, из за нее работа встала( Имеется сайт не во всю ширину экрана, он находится по центру в виде вкадрата/прямоугольника. Проблема: Если вертикальной информации на сайте много, повляется боковой (вертикальный ползунок) и как бы целиком отталкивает сайт влево на несколько пикселей. В ИЕ все окей. Как быть, подскажите пожалуйста? ДОКТАЙП попробовал разные но не помогло.

    Asked by Leg1oneR, November 26, 2008

    0 votes
    5 answers
14. Скролбар в Div'e

    Здравствуйте! Уперся в необходимость скроллбара в Div'e, да причем не простого, а чтоб можно было его как угодно оформлять и использовать в любых комерческих проэктах! На JavaScript есть интересный скрол - зовется FleXcroll! Вобщем он полностью соответствует требованиям - но в рид ми прописана строчка о то ,что не стоит использовать его в комерческих проэктах не согласовав с авторами. Как это реализовать ? Какой скрипт лучше использовать ? PS: У меня получилось осуществить стандартный скроллбар в Div'e - посредством overflow-y:scroll и заданием фиксированного размера для DIV. Хотелось бы узнать как его можно "разукрасить" ?

    Asked by monkeymafia, March 13, 2010

    0 votes
    3 answers
15. Сьезжает шапка, картинки как ссылки

    http://ufa.ufalavka.ru/ имеется сайт, проблемы в ие и мозиле в опере норм. В мозиле шапка уезжает, и сбоку картинки сделаны под меню, они почему то обведены синим, в опере такого не наблюдается. что посоветуете?

    Asked by River, May 15, 2010

    0 votes
    7 answers
16. Не Могу Указать Стиль Для Простой Html Структуры

    Здравствуйте. Честно говоря я в ступоре) html: <body> <p> <h3> 3 15 10 2 </h3> </p> </body> css: body p h3 {color:#FF0;} /* не работает */ body > h3 {color:#0F0;} /* работает */ как так? видимо я не знаю какгото великого секрета.

    Asked by _duke_, September 12, 2010

    0 votes
    6 answers
17. SVG и Opera 11

    На странице http://emacsformacosx.com/ пример, как можно использовать векторный SVG на странице. Все мануалы и статьи по верстке SVG ведут на этот пример. (вообще тут прочитал про SVG: http://habrahabr.ru/blogs/svg/82649/) Он отлично открывается и в FF 3, 4 и в Opera 11, и в Chrome 11. Но, когда я весь исходный код страницы скопировал и выложил у себя на хостинге получилось вот что: http://www.ddvhouse.ru/svg.htm В FF всё работает, в Chrome пропал фоновый градиент, а в Opera вообще ничего не работает. По крайней мере, у меня так. У вас тоже? Может кто-нибудь объяснить почему так произошло?

    Asked by ddvhouse, June 5, 2011

    0 votes
    3 answers
18. Отображение скрытого слоя

    Привет народ. Как сделать, чтобы при наведении сразу не исчезал блок (можно было просмотреть, по-клацать там), т. е. я сделал только открытие.сокрытие блока по наведению мыши. <script type="text/javascript"> sid = ''; function ishow(id) { if(sid != '') { document.getElementById(sid).style.display = "none"; } else { document.getElementById(id).style.display = "block"; } } function ihide(id) { if(id != '') { document.getElementById(id).style.display = "none"; } } </script> <a href="#" onmouseover="ishow('lodka_1');" onmouseout="ihide('lodka_1');"><img src="images/lodka_1.png" width="292" height="107" /></a> <div …

    Asked by DeD, October 3, 2011

    0 votes
    23 answers
19. Как сделать transform:scale поверх соседних элементов?

    Привет! http://apriori.leveler.ru/в нижней части страницы есть три баннера, при трансформации они увеличиваются за соседями, что в принципе логично. Но в Firefox например с такой версткой z-index работает и картинка всплывает над соседями. Посоветуйте пожалуйста, как правильно сверстать такое? Чтобы и bootstrap остался (при изменении размеров окна картинки должны выстраиваться вертикально) и над соседями подняться?

    Asked by d0ublezer0, August 23, 2015

    0 votes
    7 answers
20. Выравливание по нижнему краю body

    Доброе время суток, уважаемые гуру. Подскажите пожалуйста мне, неучу, как выполнить выравнивание по нижнему краю ? Да ещ? так, чтобы при добавлении контента, предшествующая информация сдвигалась вверх, и скроллинг не появлялся. Спасибо.

    Asked by mp3frog, June 18, 2008

    0 votes
    2 answers
21. Проблемы с IE iframe style

    <iframe frameborder="0" width='100%' height=800 src="pages/okompanii.htm" align="left" style=" border: 0px solid #000000; background-position:center; background-repeat:no-repeat;background-image:url(images/framefon.jpg)"> Ваш браузер не поддерживает плавающие фреймы! </iframe> В опере все корректно отображается, а вот продукт Майкрософта отнял у меня вчера час времени и результата все равно нет! Так и не отображается фоновое изображение! Может кто-то знает что делать!

    Asked by joohny, September 10, 2008

    0 votes
    2 answers
22. Как создать полноценный проект?

    Всем привет. Последние несколько месяцев пытаюсь создать сайт.Так вот ,при этом каждый раз сталкиваюсь с новыми трудностями,чем дальше тем больше вопросов.Сейчас моя ситуация такая.: -Знаю html,css -Знаю php и немного ,что нужно, MySQL -Могу всё это вместе объеденить т.е. понимаю как работают в совукупности все эти языки. -Javascript знаю,что это.Но синтаксис и т.п. его не знаю.При создании сайта не разу ещё не использовал. Как я делаю сайт? Значит я открываю пустую страницу редактора и пишу код html вместе с css.Потом добавляю программинг т.е. php. Не использую никакую CMS и сам не пишу никакую CMS.Создавая сайт ,хочу чтоб он стал серьёзным проектом (например как 74.ru,…

    Asked by new01, March 14, 2011

    0 votes
    5 answers
23. форматирование сылки

    народ, помогите плиз с задачкой: надо чтобы ссылка независимо от длины текста (возможно на одну или две строки) находилась ровно посередине backgraund-image'a, последний имеет заведомо бОльший размер чем, самая большая ссылка. Размер имейджа мы знаем (допустим 220px*60px). Вот класс для ссылки: a.manufacturer { background-image: url(src/button.gif); width: 220px; height: 60px text-align: center; vertical-align: middle; } a.manufacturer:hover { background-image: url(src/button+.gif); } а не работает. Просьба не предлагать запихивать ссылку внутрь дивов, ячеек таблицы и тд, надо просто выровнять текст по центру по высоте и ширине, где бы ни находилась ссылка с таким стиле…

    Asked by red_88, March 4, 2009

    0 votes
    7 answers
24. Подскажите, как правильно сделать.

    Добрый вечер. Нарисовал первый свой дизайн для личной странички, нарезал в фотошопе, вёрстка делалась автоматом при сохранении картинок. Получилось, что дизайн фиксированый, надо переделать под резиновый. Попробовал сделать, но возникли вопросы, прошу подсказать правильное решение. Вот начальный вариант, а вот это то, что я пытаюсь сделать(переделать). Первый вопрос связан с фоном сайта. Фоновый рисунок у меня разделён на две части, вторая часть находится в отдельном диве(обозначен синей полосой, верхняя граница). Возможно ли сделать так, что бы фоновый рисунок был одним целым, но при этом, при увеличении текстовой области по высоте, тянулся вместе с ней, есть ли вариант …

    Asked by slo_nik, February 25, 2010

    0 votes
    7 answers
25. как уместить текст в размер экрана opera mini?

    есть большой текст, берется из базы и с помощью в js с помощью sustr режется и запихивается в див. мне нужно что бы на мобильном браузере, сейчас тестирую на opera mini, не появлялось вертикальной прокрутки. Но я никак не могу рассчитать сколько именно текста поместится в див. Шрифт не моноширинный и тд. Получается только примерно определить. И мне вот интересно есть ли какой-то способ подгонять размер шрифта так чтобы текст умещался в див не растягивая его. И еще проблема, я ставлю диву height: 100%; ,но если в нем нет текста то он не растягивается по вертикали.

    Asked by mitiya, July 22, 2012

    0 votes
    3 answers