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
-
Хочу сверстать мой первый шаблон!
Уважаемые форумчани, хочу сверстать свой первый шаблон! Не дадите ли вы какой нибудь простенький макетик для меня :-) Заранее спасибо!
0 votes21 answers -
Два <div> в одну строку
Здравствуйте! Подскажите пожалуйста, как расположить два дива в одну строку в данном случае? .container1 { width: 100%; padding: 20px 0 20px 0; background: #000; } .container1 .new { width: 470px; padding: 20px; margin: 0 auto; } .container1 .last { width: 470px; float: right; padding: 20px; } Скриншот: Пробовал играться с float-ами, как в основном советуют — не получается.
0 votes4 answers -
Ширина ячейки
Добрый день. Подскажите пожалуйста как сделать так, чтобы ширина ячейки была по содержимому, но в случае, если текст сильно длинный (например 50 символов), то его надо перенести на следующую строку. До этого обходился свойством nowrap как атрибут или как значение css свойства white-space. Как бы нет проблемы выставить ширину ячейки, допустим, 250рх, но если в какой-то выборке для данной колонки будут только короткие значения, то будет некрасиво наблюдать пустое место в ячейке. Пробовал всякие комбинации с white-space, word-break, max/min-width, да что-то не получается. Задачка вообще решается? Спасибо.
0 votes4 answers -
утеря позиции фона при повторении
Добрый день. Помогите решить. есть код background: url(../img/bg-top.png) no-repeat 2px 0px, url(../img/bg-center.png) no-repeat 0px 200px, url(../img/bg-bot.png) no-repeat 2px 97%; } и все вроде как хорошо, но мне нужно что-бы центральная часть повторялась. и когда я ставлю повторение то она заполняет весь блок а не с позиции в 200px и перекрывает верхнюю и нижнюю картинку. помогите пожалуйста. спасибо
0 votes1 answer -
#срочно Помогите со слайдером.
Доброго времени суток. Взял работу, и в ней у меня возникла проблема. В макете имеется такой слайдер → http://imgdisk.ru/images/HAfbw.png Раньше много раз имел дело со слайдерами, но не с такими. Проблема в светлом окошке над слайдером. Как реализовать перелистывание не только картинок, но и контента в этом окне? Подскажите(любым способом) как это реализовать? Может быть у кого-то есть ссылка на уже готовый слайдер такого типа?
0 votes5 answers -
Проблемы с кроссбраузерностью
http://jsfiddle.net/AycqA/1/ помогите кто может, в ie 8(другого нет) отображается вообще ужасно прозрачные квадраты просто с границей.... на старой опере тоже криво. PIE помогает но когда наводишь в IE то вообще творится незнаю что...
0 votes4 answers -
Почему не появляется тень?
Собственно, сабж. Мне надо добавить тень к элементам. Так и записал: -webkit-box-shadow: 0 0 0 6px rgba (0,0,0,1); -moz-box-shadow: 0 0 0 6px rgba (0,0,0,1); box-shadow: 0 0 0 6px rgba (0,0,0,1); Но ничего не произошло. В чем обычно бывает дело, подскажите, будьте любезны.
0 votes2 answers -
Выпадающее меню скрыто скриптом
Доброго времени суток форумчане! Подскажите пожалуйста. На сайте http://prikoltube.ru вверхне меню при наведении курсора на "Еще категории" раскрывается но его перекрывает рекламный блок что ниже. Пробовал z-index не помогло, видимо он не работает с скриптом, который перекрывает меню. МОжет есть у кого идеи и предложения как исправить эту ошибку?
0 votes4 answers -
Как сделать, чтобы фон слоя не распранялся на бордер?
Как сделать, чтобы фон слоя не распранялся на бордер (бордер прозрачный)? Задача такая, чтобы слой был overflow, но при этом внизу его есть типа неровный край из-под которого должен выглядывать другой слой. Этот край я приделываю через псевдоэлемент, шириной во весь экран. Если не оверфловить слой, то при сужении экрана до ограниченной у слоя ширины - справа начинает появляться белое пространство. Это я лечу через overflow. В общем вопрос самый первый.
0 votes2 answers -
[Помогите] Простая мелочь по кнопкам (CSS)
css: .new_botton { color: #000000; text-decoration: none; background-color: #97C3FC; padding: 7px 30px; border: 1px solid #7E7676; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; line-height: 24px; text-shadow: #A5A5A5 0px 1px 0px; } .new_botton:hover { background: #8B9DFA; } Надо сделать что бы кнопки были одной ширины независимо от текста, да может я не правильно начал делать кнопки через украшения ссылок просто тоесть у меня html имеет вид: <a class="new_botton" href=итд....>, но я думаю и при такой реализации можно сделать одной шириной. Пробовал width не работает) Помогите реализовать... п…
0 votes5 answers -
Можно как-то задать два шрифта в "font: ...", но с разными font-size/line-height?
Доброе! Можно как-то расширить http://htmlbook.ru/css/font Есть блок тектса, у него сейчас: font: 16px/19px 'Myriad Pro'; ... но если нет в системе Myriad Pro, хотелось бы следующим подрубить trebuchet ms c 15px/17px , ибо 16px/19px от Myriad Pro уже не подходят. Браузер может прочитать только такую конструкцию: font: 16px/19px 'Myriad Pro', trebuchet ms; но не такую... (которую бы хотелось) font: 16px/19px 'Myriad Pro', 15px/17px trebuchet ms; Есть какой-то выход из подобной ситуации?
0 votes5 answers -
Что это за красная линия?
http://img.pixs.ru/storage/5/8/2/Bezimyanni_5147755_9401582.png Всем привет.. Я вот 3-4 дня начал заниматся HTML.. у меня такая проблема.. Что это за красная линия между кнопками "in" и "f"... никак не могу исправить это.. HTML <div class="Share"> <a target="_blank" href="https://www.youtube.com/user/BaxramEfendi/videos"><img class="Youtube" src="Icons/youtube-icon2.png" width="36px" height="36px" onmouseover="this.src='Icons/youtube-icon.png'" onmouseout="this.src='Icons/youtube-icon2.png'" /></a> <a target="_blank" href="https://plus.google.com/109111671453089973163/posts"><img class="Gplus" src="Icons/…
0 votes7 answers -
Как сделать чтобы при hover над картинкой появлялся блок?
Господа,я новичок,поэтому сильно ногами не бейте. Задание: Сделать список мультфильмов как показано на картинке: Т.е. при наведении мышки над картинкой появляется еще год в правом верхнем углу,и полное название мультфильма на русском и англ. Мой код: http://cssdesk.com/vN3W8 Не понимаю как сделать так чтобы при наведении над картинкой отобразился блок с годом или блок с полным именем мультфильма,при этом блок только с русским названием мультфильма - исчезал. Понимаю что делать надо через hover - но как,подскажите? Да и вообще прокомментируйте пожалуйста код.Мне кажется что я очень сильно тут намудрил. Заранее спасибо!
0 votes12 answers -
Почему за "height: 100%" берется только высота окна?
Здравствуйте. Такая проблема у меня. Когда ставлю для div в свойствах height: 100%, то за эти самые 100% берется только высота окна браузера, то есть если у меня разрешение по вертикали 768px, отнимаем отсюда тулбар браузера и получается около 710px. Это и получается у меня высотой 100%. НО, если добавить на сайт больше контента, так чтобы появилась полоса прокрутки, то высота блока в браузере все равно 710px. Вот приложил скриншот. На нем отметил, что высота окна браузера равна 412 пикселей при открытом проводнике кода, от этого и высота div равна 412 пикселей, хотя контент идет далее. Из-за этого некоторые блоки не растягиваются до конца. Скриншот http://5.firepic.org/…
0 votes13 answers -
шрифты в мак ос
http://zverushka.zz.mu/med/ заголовки основного меню отображаются в винде нормально, но на мак осе выглядят жирными. Как будто не тот шрифт, да и вертикально они выше. В чем может быть причина? Какой тип шрифтов в первую очередь грузится в этой системе или ее браузерах? Кстати такое кажется только в mountain lion системе мака, просто лион версия в сафари 6й версии отображает хоть и вертикально криво, но не таким толстым.
0 votes10 answers -
Разрешение экрана!
Возникла такая проблема: У меня ноутбук разрешение экрана 1366*768 У меня все нормально менял разрешение экрана на 1024*768 тоже все нормально Но у друга моего разрешение экрана большое у него ПК браузер такой же Все блоки слетают Как возможно решить такую проблему? В принципе то что у меня прописано .midleFIX { margin:0 auto; width:800px; }
0 votes5 answers -
Как пользоваться спецификацией www.w3.org/TR/html5/
Здравствуйте. Я новичок в сайтостроении. Изучаю html5. Подскажите как и где правильно смотреть спецификацию на этом сайте www.w3.org А когда узнал что разрабатывается html5.1 то вообще перестал все понимать. Если еще не вышел html.5 почему разрабатывается html5.1? www.w3.org/TR/html51/ Помогите пожалуйста мне с этим разобраться. Что какая ссылка значит и как там все смотреть?? Заранее спасибо..
0 votes11 answers -
Выравнивание блока по центру - альтернатива center
Возникла проблема при вставке баннеров - никак не могу выровнять их по центру, кроме как былинным тегом center. Код такой: <div style="text-align:center;"><!-- Баннер--><div id="k_inline" style="display: block; width: 728px; height: 90px;"><IMG SRC="public/style_images/test/banners/728x90.gif" WIDTH="728" HEIGHT="90" BORDER="0" ALT=""></div><!-- /Баннер --></div> Обращаю внимание, что на код между <!-- Баннер--> и <!-- / Баннер--> я повлиять не могу, он формируется java скриптом. Спасибо
0 votes2 answers -
Проблема в отображении фиксированных элементов в Chrome
Добрый день! Есть такая проблема: если поставить фиксированно позиционированный элемент (без значений позиции, авто) внутрь элемента, который лежит внутри относительно позиционированного элемента, то такой элемент в Chrome отображается на неверной позиции. Во всех других браузерах этот элемент отображается на нужной позиции: той, в которой бы он появился, если бы был статическим) Вот пример простой: http://cssdesk.com/Gvpvg Вот пример практический: http://cssdesk.com/mnMxs Если кто сталкивался или знает, как это решить без применения js-костылей, то помогите пожалуйста. Судя по гуглу, с такой проблемой ещё никто не сталкивался.
0 votes12 answers -
Проблемы с шрифтами
Добрый день. Дело в том, что не понимаю, что происходит. У меня на сайте используются нестандартные шрифты, которые закинул в папку fonts и подключил их через стили. В индексе прописал <link href="fonts.css" rel="stylesheet" type="text/css"> чтобы он подгружал их, сами шрифты в fonts.css выглядят так: @font-face { font-family: Roboto; src : url('fonts/Roboto-Regular.eot'); src: url('fonts/Roboto-Regular.ttf'); } P { font-family: Roboto; } @font-face { font-family: Roboto-Condensed; src : url('fonts/Roboto-Condensed.eot'); src: url('fonts/Roboto-Condensed.ttf'); } P { font-family: Roboto-Condensed; } Проблема в том, что если просматривать сайт с компьютера, то все …
0 votes8 answers -
Как задать высоту ВСЕХ ячеек в таблице?
сабж плиз )
0 votes1 answer -
Проблема с отображением в IE 8
Здравствуйте! Всего пару дней изучаю HTML и CSS, пытаюсь сверстать свой первый сайт. На первых же порах столкнулся с проблемой неправильного отображения в IE 8, в Chrome всё в порядке. Подскажите пожалуйста, что делаю не правильно? Где ошибся? Заранее спасибо! Вот мой код: http://jsfiddle.net/Uqvgj/
0 votes17 answers -
Не отображает спрайт
Не отображает картинку : <a class="icon-lj" href="#" target="_blank" title="FDDF" rel="nofollow"></a> Отображает если "div": <a href="#" target="_blank" title="FDDF" rel="nofollow"><div class="icon-lj"></div></a> Что не так?
0 votes2 answers -
не кратное 12 количество колонок в бутстрапе3
помогите пожалуйста разобраться в бутстрапе3 используется 12 колоночный шаблон. очень удобно, используя эти классы col-xs-12 col-sm-12 col-md-12 col-lg-6 , распределять колонки или горизонтально расположенные элементы. но бывает так, что число элементов в строке(.row) не кратно 12. например 5. посоветуйте пожалуйста как поступать в этом случае
0 votes6 answers -
поиск картинок для шапки сайта
Помогите найти картинки похожие на http://rghost.ru/49391161/image.png (Чёрная на белом фоне - резкий переход) примерный размер 1400x200 Картинки разной тематики, но желательно связанные с компьютерной- сферой
0 votes0 answers