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
-
Косяк Хрома
Как сделать что-бы при уменьшении или увеличении блок не становился меньше? http://za-zabor.ru/ Косяк возникает в меню (в виде забора) Вот так должно бытьhttp://itmages.ru/image/view/468883/a47d3af8 А вот так получается http://itmages.ru/image/view/468881/7d57ed7f За ранее спасибо)
0 votes5 answers -
При нажатии элементы должны "улететь" вверх
Здравствуйте! Есть проблема, с решением которой запутался. Нужно сделать так, что при нажатии на ссылку, она улетала вверх (скажем на 300px) и вместе с ней еще один элемент (к примеру DIV). При этом все остальные элементы должны остаться на месте. Я так понимаю чистым CSS3 здесь не обойтись? Подскажите самый правильный путь... Я слышал, что такое можно делать с jQuerry, стоит ли копаться в нем?
0 votes5 answers -
Проблема с построением фона
Всем привет! Делаю вид новостей, столкнулся с проблемой..... такая структурка: <div style="margin-bottom:10px;"> <div style="width: 705px;height: 30px;background-image: url(http://s017.radikal.ru/i441/1301/fd/e6675f8585aa.png);background-repeat: no-repeat;"></div> <div style="width: 675px;background-image: url(http://s018.radikal.ru/i510/1301/c5/306147fcb3b6.png);background-repeat: repeat-y;padding:0px 15px 0px 15px;color:#383838;"> Название новости<br> <img src="#" width="200px" height="124" align="left" /> <div style=" float: left; width:460px; padding-left:5px;">Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пы…
0 votes2 answers -
Межстрочный интервал
Нужно сделать веб страницу по образцу: У меня же получается следующее: Нужно уменьшить межстрочный интервал, в соответствии с образцом. Попробовал задать его через тег line-height во внутреннем листе стилей, но он воздействует на текст не так, как надо: при его использовании меняется межстрочный интервал, но строки, на которых содержатся подстрочные и надстрочные индексы (3я и 4я строка абзаца) продолжают отстоять друг от друга на расстояние большее, чем их соседи без индексов (1я и 2я строка), что не соответствует образцу. Как еще можно исправить этот недочет? И да, не знаю важно это или нет, но образец - это вордовский документ, а не веб-страница.
0 votes6 answers -
Не выходит прилепить подвал к низу
http://cssdeck.com/labs/full/qxxwbmr1 Проблема вот в чем, начал делать сайт без верстки в тупую лупить с картинки) Вот столкнулся с очердной проблемой ПОДВАЛ) Как этот подвал прибить к низу???
0 votes5 answers -
Растянуть трехколоночный макет на высоту экрана с минимальным содержанием до прижатого вниз к футеру
Здрасьте. Только не бросайте сразу камнями. Читала, думала, три дня пыхчу и все никак. С дивами в первые столкнулась (помогаю папе в создании сайта). В общем есть трехколоночный макет, с шапкой (хэдером) и подвалом (футером). вот сам макет http://gorodtaxi.com/index11.html(убрала все наполнение, чтобы было проще). Теперь рассказываю что есть: 1. шапка - фиксированная высота, размещена в основном контейнере. 2. контейнер: структура - сайдбар 1, контент, сайдбар 2. все три колонки помещены в контейнер 1, 2 и 3, для того чтобы все вместе растягивались по содержимому наиболее наполненной колонки. 4. в контейнере перед футером стоит распорка clearfloat, чтобы ничто никуда …
0 votes3 answers -
Вставить узор png в DIV
Как вставить png узор над блоком DIV так как на картинке. И чтобы он растягивался при изменении ширины дива? https://yadi.sk/i/3fu3fo0rh6LJc https://yadi.sk/i/XeVu53LFh6LKD
0 votes3 answers -
Просмотр видео через торрент на сайте
Как можно реализовать просмотр видео по p2p через ОБЫЧНЫЙ JS плеер, без расширений и всяких сервисов сторонних - только средствами Chrome(Opera и т.п.)? P.s.Реально проверенные способы советуйте - никто как вы поняли зайдя на сайт, не будет устанавливать хрен знает зачем расширение(которое только для ОгнеЛиса помоему)
0 votes3 answers -
Вопрос про блочную модель и спецификацию W3C
Вот начал учить блочную модель и на сайте w3c нашел только https://www.w3.org/TR/2016/WD-CSS22-20160412/box.html#bidi-box-model и это https://www.w3.org/TR/css3-box/ во втором год 2007 стоит и еще и рабочий черновик Возникли вопросы: 1. Что учить раньше по спецификации (по порядку, сначала нужно 2 потом 3-й модуль, или 2 ой уже не стоит) ? 2. Это все спецификации связанные с блочной моделью, или есть другая более новая ? 3. Исходя из всех этих ссылок (спецификаций) я не совсем понимаю: Какое свойство входит в состав блочной модели а какое нет ? (в одной спецификации есть Overflow, float элементы а другой нет).
0 votes6 answers -
Не совпадает расчетная ширина элемента и фактическая
Есть список, в каждом элементе списка от 2 div которые содержат картинки разной ширины 452 и 215 пикселей. Div должны располагаться в линию с заданными отступам по 10 пикселей. Соответственно, я рассчитываю, что ширина элемента списка будет (10+452+10)+(10+215+10) =707 пикселей. Выглядеть должно примерно так http://jsfiddle.net/8b4dso7L/3/ , но это работает только при ширине родительского элемента не менее 711 пикселей. при задании ширины родительского элемента в 707px верстка съезжает http://jsfiddle.net/k9j1gbsp/3/ В чем я туплю? Откуда еще 4 пикселя?
0 votes3 answers -
Вертикальные строки внтури горизонтальных блоков списка
https://jsfiddle.net/49jzxfc1/1/ Подскажите, как сделать, чтобы строки в каждом блоке были вертикально
0 votes2 answers -
Как сделать эффект предзагрузки ?
Добрый день. В интернете не нашел ответа. Есть небольшое промо видео на 4 секунды, формат неважен сделаю любой, как его можно использовать в качестве эффекта для предзагрузки сайта ? Нужно, чтобы при открытия сайта на весь экран шло видео а как закончится открылся бы сайт. Подскажите пожалуйста
0 votes1 answer -
Подключить flash
quot;-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Как подлючить flash?
0 votes1 answer -
отображение в FF и IE6 блка информации
Здравствуйте уважаемые коллеги. Проблема вот в чём Есть блок content в нём ещё три блока сontainer в которых распологаются всякие <h1><h2><p> и <ul> Собственно в FF отображает всё как надо IE6 не отображает ничего. Вот код #content { float:right; overflow:hidden; width:589px; } #content .сontainer{ float:left; overflow:hidden; width:589px; background:url(../images/bg-c-cont.png) repeat-y 0 0; margin:0 0 10px 0; } Мне кажется что не дописал какой-то хак специально под IE. Буду благодарен тому кто поможет решить эту задачу.
0 votes3 answers -
MySQL i Web
Подскажите пожалуйста, где можно почитать о принципе совместной работы Web сайта и баз данных SQL? И вообще все, что с этим связано.
0 votes4 answers -
Ресайз видео при нажатии на превью
Вопрос: Есть блог на wp. На главную в сайдбар выводятся превьюшки видео-роликов с ютуба. Превьюшки размерами: 110*80 Как сделать так, чтобы при нажатии на превью, пользователь либо переходил на ютуб (на канал с роликом), либо на страницу на сайте, где и выложен сам ролик. Код <object data="http://www.youtube.com/v/<?php echo stripcslashes($fvideo); ?>" type="application/x-shockwave-flash" width="110" height="80" style="border: 2px solid gray;"><param name="movie" value="http://www.youtube.com/v/<?php echo stripcslashes($fvideo); ?>" /><param name="wmode" value="transparent"/></object>
0 votes1 answer -
Как сделать div с одной стороны...
Как сделать div с одной стороны с закругленными уголками, а с другой нет? Мне нужен эффект "торчащего из-за окна браузера" блока... Вот скрин если нужно... На нем видно блок, который торчит из-за левого окна браузера... Как мне так сделать?
0 votes5 answers -
Панорама в шапке сайта
Здравствуйте уважаемыйе форумчане!На фотошопе создал панораму из 3х картинок,теперь поставил задачу применить ее в шапку сайта:разрезал на 3 части и позаменял ссылки стандартных картинок шаблона на мои рисунки.В итоге возникла проблема центральный рисунок не вклеивается в панораму,его обрезает.Пытался менять размеры,но сбиваются рамки рисунка.Прошу у вас помощи! вот панорама которую нужно вставить: а вот что у меня выходит: (там еще дополнительный вопрос:как убрать отступ указанный на картинке?) вот код шапки(сайт находится на бесплатном хостинге ucoz.ru) : ссылки такого плана "background:url('http://elenevp.at.ua/1.jpg')" переделывал в "<img src="http://elenevp.at.…
0 votes2 answers -
Резиновый слой по центру окна броузера
Всем привет Чтобы было понятнее, приведу пример: http://htmlbook.ru/layout/sloy-po-tsentru-veb-stranitsy Нужно сделать слой по центру окна броузера, но не фиксированной ширины, а резиновое! Внутри окна будут выводиться данные в несколько колонок, поэтому важно чтобы ширина окна подстраивалась под выводимые данные. По центру-то я его размещаю без проблем (правда, не тем способом, который описан в примере): div#main-window{ width: 500px; /* если убрать ширину, то получается говно */ margin-left: auto; margin-right: auto; } Но вот ширина 500px смущает. Если убрать width, то слой распахивается на всю ширину окна, что не есть гуд. Можно конечно использовать max-wi…
0 votes9 answers -
Как войти на только что созданный сайт
Здравствуйте, делала по инструкции мини-сайт из 2 страничек, завела домен и субдомен, на субдомен через FTP загрузила 2 htm-файла, в папку Public_htm, но, как я понимаю, надо еще что-то настроить или загрузить, т.к. со своим сайтом я не могу соединиться, возникают проблемы соединения. Что же делать? Я даже не знаю, где про это можно почитать, первый раз пробую сделать сайт...
0 votes2 answers -
Вапрос по css конструкциям
Здравствуйте! Сразу прошу прощения если данная тема уже обсуждалось на форуме. Поиском пользовался не нашел ответа. И честно говоря даже не представляю как задать вопрос правильно. Проблема в следующем, есть следующие css конструкции: .my_class [color=#ff0000]>[/color] a { различные свойства}[/indent] [indent=1]#my_id:cheked [color=#ff0000]~[/color] .my_class_2{ свойства}[/indent] [indent=1]#my_id: [color=#ff0000]+[/color] a { свойства} скажите что делают ">" "~" "+" данные символы в этих конструкциях или направте где про них можно почитать.
0 votes4 answers -
Посоветуйте програму для рисования в PNG под иконки в CSS
Посоветуйте в чем нарисовать иконки в PNG с элементами имеющими прозрачные области. К примеру логотип Вконтакте: квадрат с вырезанной буквой "В" в центре. К примеру в фотошопе приходится вырезать букву В в ручную, что не очень радует. Может есть попроще и покрасивее способы? Спасибо.
0 votes7 answers -
Google Analytics завышает посещения
Всем привет, подскажите пожалуйста, Google Analytics на сайте завышает все показатели более чем в 10 раз, по сравнению со счетчиками Яндекс.Метрики, Liveinternet и Piwik. Порядок цифр примерно такой: google 50-80k посетителей в день остальные 5-7к посетителей в день С чем это может быть связано? Правда есть один нюанс - до 80% трафика это переходы с YouTube и других источников по ссылкам, открывающимся в новом окне, может ли это быть связано? Заранее спасибо за ответы.
0 votes6 answers -
На мобильных устройствах обрезается половина фона
Пациент: http://demo.imatte.us/english/ На десктопе всё нормально, а вот на мобильных устройствах беда. Вот, например, iPad: Подскажите, как пофиксить?
0 votes2 answers -
Проблема с отступами
день добрый вот кусок стилей .content .kont{width: 390px;display: inline-block;vertical-align: top;margin:0 px 5px 0 10px;-webkit-box-shadow:0px 0px 8px 1px rgba(0, 0, 0, 0.33);} не могу этому блоку задать margin -top ?ссылка: http://teslalight.com.ua/kontakti/.html по бокам отступы работают, а сверху нет. Подскажите что мешает его сдвинуть? Это код из движка джумлы. могу задавать отступа для этого класса!
0 votes4 answers