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
-
Как исключить налезание текста или заставить слои "тянуться"?
Проблема в следующем: страница сверстана на слоях (css), слои располагаются один за другим с обтеканием - примерно как на примерах верстки слоями в учебнике на этом замечательном сайте. Так вот текст в верхнем слое при большом его объеме или увеличении в браузере размера шрифта налезает на текст, находящийся в слое расположенном ниже (по вертикали). То есть текст не растягивает слой по вертикали, вернее растягивает, но не отодвигает ниже следующий слой, а просто накладывает текст поверх него. Игры с добавлением полос прокрутки категорически не канают - внешне это будет погодить на фрэймы. Я понимаю, что мне скажут: верстай таблицу и вс? будет тянуться по содержимому без н…
0 votes13 answers -
как исключить элемент из выборки?
помогите пожалуйста решить проблему есть html: <div id="test"> <div> hide text </div> <p>visible text1</p> <h2>visible text2</h2> <p>visible text3</p> <div>visible text4</div> </div> мне нужно получить (с тегами): <p>visible text1</p> <h2>visible text2</h2> <p>visible text3</p> <div>visible text4</div> желательно использовать xpath
0 votes0 answers -
Как использовать @extend стилей из другого SCSS файла и есть ли в этом смысл?
Заранее прошу прощения если этот вопрос уже задавался, но, несмотря на обширное кол-во информации по теме, найти ответа на свой вопрос я не смогла. Суть в следующем: Например, у меня есть два отдельных scss файла - header.scss и footer.scss. Стили футера почти полностью совпадают со стилями хедера, за исключением пары свойств. Но если я прописываю в файле footer.scss @extend header - стили хедера не могут использоваться, т.к. это другой файл. Подскажите, как идеологически вернее делать в данной ситуации? Чтобы новый класс/элемент получал стили существующего класса из другого файла + добавлял свои или менял некоторые стили на свои.
0 votes1 answer -
Как использовать button
Подскажите, как и где использовать button? Этот тег у меня нигде не применяется. Если нужно отправить форму - то это Input type='submit', если это просто кнопка с действием, н-р, в виде поп-апа, то <div class="btn-blue">. Наверное стоит кнопки не формы заменить на button? <button class="btn-red"> вот так? Если не удается создать нужно оформление тегу <input type="submit"> из-за одиночности тега, то не label лепить, а <button type="submit">? Кстати в ие7 не поддерживается? html5div случайно не включает его поддержку? button type=button - по умолчанию стоит и можно никогда не писать?
0 votes9 answers -
Как использовать Condition-CSS или XCSS ?
Как использовать Condition-CSS или XCSS для подключения отдельных стилей бравзера ?
0 votes0 answers -
как использовать iconv
Можно использовать iconv для целого файла? Я бы применил функцию к переменной, но код писал не я, так что я не знаю куда ее впихнуть. Поменять в редакторе кодировку не выходит, вылазят странные символы.
0 votes2 answers -
Как использовать relative в Bootstrup
Подскажите пожалуйста, у меня почему то не работает команда relative Не получается сделать шапку сайта, элементы не позиционируются правильно а картинка выпадает из контейнера. Вот код https://jsfiddle.net/regina68/p30780r8/
0 votes3 answers -
как использовать smarty в различных физических папках сайта
Такой вопрос. Ведь сайт состоит из различных включаемых блоков(новости и пр.) и разделов эти части расположены в различных папках на диске. Для того что бы не запутаться в шаблонах мне бы хотелось, чтобы шаблон отдельного блока хранился непосредственно в той папке в которой находиться сам блок или раздел. Что в этом случае делать для каждого блока создавать extends Smarty класс и прописывать новые пути или это можно проще а лучше грамотнее сделать(из практики)? Спасибо.
0 votes1 answer -
0 votes2 answers
-
Как используется на реальных проектах bootstrap ?
Здравствуйте. Я начинающий верстальщик. Посмотрел вакансии какие требуются знания для того чтобы стать HTML-верстальщиком, и одним из требований который присутствует в практический каждой вакансии это bootstrap. Начал читать документацию bootstrap'а понял как он работает но все же остались вопросы которые я хотел бы тут задать и получить на них ответ от специалистов в данной сфере. И эти вопросы актуальны не только для bootstrap но и для остальных CSS framework'ов (faunadation, semantic UI, skeleton и т.д.) 1. Первый момент который я не понимаю это как в bootstrap использовать готовые стили, ведь они никак не подходят к моему макету ? (перезаписывать, а это прави…
0 votes5 answers -
Как исправить hover?
Как исправить hover подменю, а именно, не возможно попасть курсором на подменю и выровнить бэкграунт подменю по центру?
0 votes2 answers -
Как исправить анимацию после добавления блока?
Здравствуйте! Делаю сайт на базе этого шаблона. По сравнению с исходным шаблоном добавил в разметку доп меню с желтыми пунктами Профсоюз и т.д. Это подменю c селектором .headerrow .cell_pad .moduletable:nth-child(2) спозиционировал абсолютно относительно верхнего края родительского элемента div.cell_pad, для чего последнему пришлось дать position:relative; После это вся анимация опустилась на высоту внедрённого элемента с селектором .headerrow .cell_pad .moduletable:nth-child(2). Почему? Ведь в мануале написано, что position:absolute должен заставлять соседние элементы, а именно первый div.moduletable, вести себя так, как будто следующего за ним позиционированного эл…
0 votes5 answers -
Как исправить блок под Safari?
Сверстал страничку. На Хроме, Опере, ФФ отображается норм. А вот в Safari этот блок растягивает. У меня нету техники apple что бы залезть в консоль. Может кто-нибудь поможет? Префиксы вроде бы на месте.Вот как в остальных браузерах и в Safari <div class="container"> <main class="3d-print-pages"> <section class="price-section padding-left"> <div class="price-section__call"> <h2 class="price-section__text-heading">Стоимость печати рассчитывается следующим образом:</h2> <div class="price-section-text-wrap"> <p class="price-section__text-price-strong"><strong>Цена 1 грамма пластика (ABS, PL…
0 votes2 answers -
как исправить глюк с меню
Здравствуйте. Подскажите, пожалуйста, как исправить глюк с меню, ссылки вылезли за предел, почему не могу понять. http://jsfiddle.net/CVvq9/
0 votes3 answers -
как исправить описание
http://lybrook.net/1014-million-sposobov-poteryat-golovu.html
0 votes2 answers -
Как исправить эти ошибки?
Подскажите как исправить # Error Line 112, Column 66: Attribute "target" exists, but can not be used for this element. …e.ua/ru/currency/converter/" target="_blank"> Валютный конвертер</a> <a ✉ You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect inst…
0 votes6 answers -
как исправлять ошибки на сайте?
просканил на валидаторе сайт свой, заметил кучу ошибок , в основном такие: # Error Line 101, Column 188: ID "login" already defined …0" /><input name="login" type="hidden" id="[b]l[/b]ogin" value="submit" /></form></td> An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). в связи с этим есть вопросы: 1. ошибка в букве "l" в слове login ? правильно же написано 2. Скажите Что за линии и что за колонки? строка что…
0 votes9 answers -
Как ищет IE?
Странное явление обнаружил. Если стили и разметка загружаются с FTP, страница благодаря https://code.google.com/p/html5shiv/, отображается корректно. Если все загружается локально, при наличии Инета конечно, Ишачек корчит страницу как хочет, напугал признаюсь. А что думают профики, какая разница Ишачку? Ссылка ведь на библиотеку в любом случае прописана однозначно.
0 votes2 answers -
Как к изображению можно добавить мал. картинку в верхний правый угол?
Дорого дня. Как к изображению можно добавить мал. картинку в верхний правый угол? Еще такой вопрос терзает, как лучше прописывать путь к картинке в таком виде <img src="image/1.png" /> или же <img src="http://site.ru/image/1.png" />
0 votes4 answers -
Как к селекту привязать координаты с google-карты?
Есть такая вещь, на странице снизу есть google-карта, выше нее - селект с названиями горов, как сделать так чтобы выборе города из селекта на карте переходило на его координаты? как можно к option привязать координаты?
0 votes7 answers -
Как к фону применить градиент
Подскажите пожалуйста, как к фону применить градиент
0 votes1 answer -
Как картинку по верх всего повесить?
Доброго дня всем! У меня вопросик по CSS, помогите ответом: есть фон, на нем верхняя картинка (условно назовем ее Header)которая по ширине уже чем фон, и есть логотип, который надо по верх Headerа закрепить, но так чтобы он вылезал за его рамки? Короче говоря - Как картину по верх всего повесить в произвольном месте??? Я это сделал так: .logo { background-image: url('images/logo.png'); background-repeat: no-repeat; height: 441px; width: 362px; margin: 0; } Но когда меняю значение "margin" карявиться весь сайт!!!
0 votes10 answers -
Как кастомизировать форму хабспота?
ЗдравствуйтеНе получается кастомизировать форму хабспота. (только стили и визуал)Не понимаю в чем проблема и где не там пишу.Доки: https://developers.hubspot.com/docs/...d_form_optionsПрописываю и реакции 0: <style> .my-custom-form input[type=text] { border: 3px solid red; } </style> <div> <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script> <script> hbspt.forms.create({ portalId: "6402240", formId: "c39e10cd-caf3-4853-b412-fef2e723c153", cssClass: "my-custom-form" }); </script> </div>
0 votes0 answers -
Как кинуть хак для IE6?
Добрый день! В связи с тем, что IE6 не понимает параметров min-width и max-width, хочу подкинуть ему хак, который установит обычный параметр width для слоя. Подскажите пожалуйста, как подкинуть хак только под IE6? P.S. IE7 и IE8 понимают параметры min-width и max-width.
0 votes2 answers -
как классу .title сделать максимальную ширину до класса .some?
как классу .title сделать максимальную ширину до класса .some если оба класса в одной строке? код тут http://jsfiddle.net/mkWm2/1/
0 votes1 answer