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
29542 questions in this forum
-
Интересная задачка
Приветствую. На днях попалось на глаза такое: Описание: Календарик. Колонок календаря всегда 20. может прокручиваться (не до бесконечности). Есть события которые длятся несколько дней (см. рисунок) Исходный данные: Ширина - фикс Высота/ширина колонок - фикс Слева сайдбар - строк может быть даже 200. На заметку: Мышкой можно выделять область (как в Екселе ячейки) (см. рисунок) Интересна реализация верстки. Какие будут идеи? PS: макет сам наклепал на скорую руку.
0 votes44 answers -
Отображать тэги с новой строки
Здравствуйте. Скрипт генерирут строку <input type=checkbox ..> t1 <input type=checkbox ..> t2 ... <input type=checkbox ..> tN Квадратики вместе с тектом отображаются в одну строку. Как с помощью css сделать так, что бы отображался квадратик и текст, а следующий квадратик с текстом отображался бы с новой строки? Зарание благодарен =)
0 votes12 answers -
Борьба position:absolute и position:relative с z-index
Расскажите, по какому принципу определяется приоритет блоков, спозиционированных абсолютно и относительно? Т. е. всегда ли блок с position:absolute будет находиться над блоком с position:relative ? У меня сложилась такая ситуация в Mozilla и z-index не помогает ее исправить. Причем в IE 7 как ни странно отображается согласно моей задумке
0 votes14 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 -
Проблема с отображением SVG
Всем привет. Ребята столкнулся с проблемой по SVG, файлы попросту не отображаются, при этом консоль не ругается, адреса в коде актуальные но само отображение не происходит. [hide]bogus.hohmochka.in.ua[/hide] кто то может подсказать, в чем может быть трабл? куда копать то? ЗЫ: хайд какой-то странный =)
0 votes2 answers -
Почему придирается валидатор
Проверила сайт валидатором. Нашел 4 ошибки. Я не пойму в чем он видит эти ошибки. Пожалуйста, помогите понять, что же он гад от меня хочет. Ошибки я выделила красным, чтобы понятней было к чему валидатор придирается. Вот сам код, который валидатору не понравился: <meta name="keywords" content="здесь перечень ключевиков /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" /> <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" /> &l…
0 votes9 answers -
Как растянуть div по высоте
Здравствуйте. Подскажите, пожалуйста, как сделать, чтобы рамка блока 2 растягивалась в зависимости от высоты рамки блока 3. Верстка блочная. Помогите пожалуйта.
0 votes10 answers -
Как текст выше поднять а картинку оставить?
Добрый день, подскажите как поднять текст выше, а картинку оставить? <p><a href="http://ya.ru" class="proba1"><img src="/icons/16round/133.gif" alt="альтернативный текст"> Семинар Meritor</a></p> http://itmages.ru/image/view/801815/7473635a Заранее спасибо
0 votes2 answers -
Квадратный див с относительными размерами
Здравствуйте, передо мной стоит задача средствами CSS3 нарисовать круг, который бы изменялся в размерах в зависимости от изменения размера окна. Понятно, что в такой конструкции <div id="wr"> <div id="circle1"> </div> </div> у внешнего DIVа я ставлю width и height относительные, а у внутреннего width:100%; height:100%; background-color: red; border-radius: 50%; Как же мне сделать так, чтобы высота внешнего и внутреннего дивов были одинаковые, то есть, чтобы круг не превращался в овал? Использовать канвас, изображения, джаваскрипт нельзя, только html+css.
0 votes21 answers -
Кроссбраузерность
Заранее прошу прощения за возможно глупый вопрос, но вот как при верстке сайта проверять его на кроссбраузерность ? От меня требуют, что б сайт отображался одинаково практически во всех браузерах, начиная с ie6 и заканчивая safari. Не ставить же себе на компьютер все эти браузеры Или всетаки ставить ?
0 votes43 answers -
Как сделать так, чтобы слой-футер был всегда был внизу страницы
Всем привет! Такая возникла проблемка. Есть три блока: хидер, тело, футер: __________________ | хидер | |__________________| | | | | | боди | |__________________| | футер | |__________________| Надо чтобы футер был всегда в самом низу страницы, вне зависимости от того, сколько контента в боди. Эту ссылку, изучил, но решение предложенное там мне не помогло. У меня два файла: Index.html и main.css вот их код: index.html: <html> <head> <title>сайт.ру</title> <link rel=stylesheet href=main.css type=text/css> </head…
0 votes3 answers -
<li> как повернуть список в горизонтальное положение?
можно ли использавать маркировку il или ul так что бы списко шел не вниз а в бок?
0 votes4 answers -
Растянуть картинку до конца экрана в Bootstrap
Добрый вечер, подскажите пожалуйста как реализовать такую структуру(как на картинке) Скрытый текст при помощи bootstrap. Есть container и есть row, в них два col-lg-6, как сделать чтобы картинка растягивалась на всю ширину до конца экрана? если ее просто поместить в col-lg-6 то она и займет пространство этого блока а надо чтобы было до конца экрана по ширине, и также со второй картинкой , чтобы она начиналась с начала экрана. Есть код и вот что из этого вышло(на другой картнке) Скрытый текст <div class="news-wrap"> <div class="container"> <div class="row "> &…
0 votes6 answers -
динамическое обновление контента
Здравствуйте! у меня возникла такая проблема: имеется шапка страницы(лого) , боковое меню и сам контент сраницы(содержимое страницы) вот.. при нажатии на пункт меню мне необходимо чтобы менялось только содержимое контента, а вс? остальное осталось(менюшка и лого) не изменялись т.е. чтобы они не загружались заного.. как это можно реализовать не использщуя фреймы? может как-то через JavaScript?Как на php сделатья частично понял типо includ' ом файлы подключать вот..., а на html это возможно сделать? подскажите подалуйста,заранее благодарен.
0 votes5 answers -
Текст внутри круга
Всем привет. Вопрос следующего характера. В макете есть текст внутри фигуры - круг. Как сделать так чтобы было обтекание текста внутри круга? Вот что в css. .container_circle{background: #FBFF7D;width: 200px;height: 200px;border-radius: 50%;}.container_circle p{ margin: 0px auto; width: 200px; height: 200px; -webkit-hyphens: auto; -webkit-shape-inside: circle(50%, 50%, 50%); text-align: justify; } Когда же смотрю результат, то круг есть, а текст прямоугольный. Работаю в Adobe DW.
0 votes4 answers -
Автоматическая высота блока при float объектах внутри
Есть слой, внутри которого объекты, примерно так: <div id="wrapper"> <div></div> <div></div> <div></div> </div> <style type="text/css"> div#wrapper { border:1px solid #000; border-radius: 5px; } div#wrapper div { height:50px; width:80px; float:left; } </style> При этом, поскольку float:left элементы как бы немного выходят из общего потока, div#wrapper по высоте их не обёртывает, а нужно, чтобы обёртывал, показывая границу и тупо задать ему height нельзя, т.к. количество элементов внутренних может быть разное. Подскажите, пожалуйста, как такое делать. Может внутренние элементы сделать display:inline-block?
0 votes5 answers -
Чем наполнить портфолио новичку?
Здравствуйте! Подскажите пожалуйста по вопросам портфолио. Ситуация такая: я новичок в верстке, реальные макеты для клиентов еще не верстал, верстал только те, которые скачал в интернете для того что-бы попрактиковаться (текст везде: Lorem Ipsum...), хочу начинать работать на фрилансе, возможно вскоре попробую устроится в офис. 1.Можно ли портфолио на фриланс-сайтах для начала заполнить сверстанными макетами, которые я нашел в интернете и сверстал что бы попрактиковаться или лучше вообще не заполнять портфолио если работ для реальных клиентов нет? 2.Могу ли я сверстав 10 таких скачанных макетов для портфолио идти устраиваться на работу в офис?
0 votes17 answers -
Ссылка - ячейка таблицы??
——————————————————————————-- Меня заинтересовал один момент. Пример, по этой ссылке - http://evapco.ro/index.php. Как в нижнем фрейме сделан перечень товаров? Я так понимаю, это таблица. Но вот подобрать код пока не получается, чтобы добится такого же эффекта. Как можно сделать кажду ячейку отдельной ссылкой? У меня получается сделать ссылкой в ячейке, либо текст, либо картинку, либо наоборот пустое поле(без текста и картинки). А как его сделать так, как здесь? Чтобы вся ячейка была ссылкой, еще и подсвечивалась при наведении курсора? Надеюсь, я нормально обьянил, в чем проблема, и вы меня поймете=) Буду бесгранично признателен за обьяснения и по возможности пример кода.
0 votes16 answers -
Размеры favicon
Вот заинтересовал такой вопрос, какого размера должен быть стандартный favicon я обычно использую фавикон размером 16х16, больших размеров не использую, я как дизайнер знаю что уменьшение картинки как правило приводит к нехорошим результатам, и картинку необходимо поле уменьшения дорабатывать что бы она выглядела хорошо, это же относится и к favicon-у Но вот покапафшись в нете я обнаружил что используются фавиконы больших размеров, зачем и для чего? непонятно товарищи знатоки, может вы подскажите мне
0 votes16 answers -
Масштабируемый текстовый блок с нестандартными краями
Ребята, как, собственно, эту область сделать масштабируемой на дивах? На табличках могу, а на дивах красиво это можно реализовать?
0 votes27 answers -
Как отправить данные из формы по нажатии на ссылке
Ребята, подскажите как мне оправить данные формы по нажатии на ссылку? Чет немогу сообразить. Собственно кнопки у меня такие вот должны быть: При этом, при наведении на кнопку она меняет цвет и надпись стает не подчеркнутой.
0 votes5 answers -
Блоки наезжают друг на друга при просмотре со смартфона bootstrap
Верстаю для тренировки и пытаюсь сделать адаптивную версию, при просмотре с мобильных один блок наезжает на другой. Думала, что колонки в bootstrap автоматически сдвигаются одна за одной в мобильных версиях. перепробовала уже много чего и не могу понять в чем все-таки проблема. вот код: https://jsfiddle.net/6jgoewz5/ http://piccy.info/view3/12360772/8e3e730ee144105131409f09bbe3231f/ как можно исправить?
0 votes5 answers -
Задание класса для Body
Возможно ли задать в css класс для тега Body? Задача реализовать различное графическое оформление для различных страниц сайта. Скажем, определение фона и шрифт для стандартного шаблона идет через класс ".body1", а для определенного диапазона страниц - через ".body2". Либо это делается как-то иначе?
0 votes5 answers -
Жирные цифры в ul
Добрый день! Возникла необходимость реализовать такой вот список: 1. Первый пункт 2. Второй пункт 3. Третий пункт Каким образом можно выделить цифры, и при этом не выделять текст. Пробовал так, не подходит: span {font-weight:normal;} <ul style="font-weight: bold"> <li><span>Первый пункт</span></li> <li><span>Второй пункт</span></li> <li><span>Третий пункт</span></li> </ul>
0 votes8 answers -
<ul> внутри <div>
Имеет ли смысл вкладывать списки ul,ol,menu внутрь diva? Если да, то в каких случаях это нужно делать, а в каких - нет?
0 votes11 answers