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
-
header ширина
Привет. У меня header имеет ширину width 100% и высоту 820 px. Подскажите пожалуйста, как сделать обертку для всего контента (wrapper) меньшую чем размеры headera. Но притом чтобы header оставить таких размеров как и есть.
0 votes9 answers -
Намудрил с менюшкой
Есть страница. Слева, в плавающем фрейме, меню. Кликаю по менюшке куда нибудь, перемещаюсь на др страничку с этим же плавающим фрэймом. Соответственно редактировать меню очень просто. Один раз что нибудь изменил.. и везде изменилось )) Только проблема вс? таки возникла. По кнопке Главная страница, эта самая гл.страница загружается в этом флоат-фрэйме. Как сложно объяснить то по человечески......
0 votes5 answers -
Динамический размер div
Есть div. Нужно сделать так, чтобы движениями курсора можно было растягивать его. Как любое окно в Windows, например.
0 votes4 answers -
Проблема с coolspan
Здравствуйте, помогите, пожалуйста решить проблемку.. Работаю с системой Ucoz (наверняка слышали..) В информере сделал рамку, но вот незадача, как сделать, чтобы НЕ БЫЛО полосы только сверху или СНИЗУ, а то верхняя полоска нижнего заголовка идёт вплотную к верхнему заголовку и того получается, что под каждым заголовком идёт полоса 2 пикселя! (если уж совсем никак, то как можно разделить эти заголовки? Разделить-бы на один пиксель..) Код сего: <div style="border: 1px solid; border-collapse: collapse; padding: 3px;"><li><a href="$LAST_POST_URL$">$THREAD_TITLE$</a> <div align="right"><span style="font-size:7pt; font-weight: bold;">$POST_…
0 votes4 answers -
Особенности работы IE
Периодически сталкиваюсь с довольно странным поведением IE, когда браузер при первом заходе на страницу отображает код неккоректно, а после F5 уже правильно. Решил разобраться в этом вопросе. В гугле я запрос даже не могу составить, чтобы поискать причину проблемы. Поэтому решил спросить у вас, не сталкивался ли кто-нибудь с подобной странностью. Может быть знаете, из-за чего это происходит?
0 votes8 answers -
Семантичен ли код?
Подскажите данная конструкция имеет право на жизнь с точки зрения семантики? Или колонки правильней делать дивами?
0 votes7 answers -
проблема с -moz-radius-border
Никак не могу провернуть -moz-border-radius.... http://rubasket.com/forum/ внизу страницы всё ок , а вверху- дочерний блок (белого цвета) скрывает бордюр родительского,в рез-е чего скругления нет.... помогите плиз (только не заданием у дочернего блока верхнего маргина,так как при этом шапка будет больше по высоте)
0 votes10 answers -
Некорректная высота ячейки в IE
Ну собственно вопрос в названии темы. Чтобы было более наглядно - http://mak-rm.com/cars/ В фоксе все идеально. Почему ИЕ делает высоты у строк по своим законам?
0 votes10 answers -
привязать img к бэкграунд
img являеться частью бэкграунда. Как сделать чтобы img не выделялся.
0 votes6 answers -
как предотвратить разрыв блока
Привет есть такой код <div class="over_hidden"> <div class="float_left"> <div class="border float_left"> <table> </table> </div> <div class="some_text"> vcvxcvxcvxcvxcvxc sdfsd f sfs fsd fd sfs dfsd f sdf sdf sdf sdf sdf sdfs f dsad ad asdasdsadsadsadsa dasdadasd asdsadasdasd fsfsdfsdf sfsdfsdfsdf fsfdsfsdf sdfsdfsd vxcv </div> </div> </div> у таблицы width: auto если нет блока div.some_text то div.border оборачивает таблицу по содержимому и не растгиваеться на всю ширину если добавить блок с текстом то он растяшиваеться на 100% div…
0 votes13 answers -
Помощь с версткой
Прошу помочь с версткой. Я ее уже почти сделал, но все выглядит очень криво, на костылях. Пишу для Blackberry PB используя bbUI.js, но это почти ничего не меняет. В идеале все должно выглядеть так: Вот что у меня получилось своими силами: <div data-bb-type="round-panel" style=" margin-top: 10px; margin-bottom: 10px; margin-left: 20px; margin-right: 20px; border-radius:8px; box-shadow: 0px 0px 0px 6px #f6f6f6, 0px 0px 0px 7px #cccccc; padding:10px;"> <div data-bb-type="label" width="800px" id="story" style="display:inline-block; width:800px;" >Default Story<br><br><br><br>dddddddd<br>aaa<br><br><br><br>qq…
0 votes5 answers -
Танцы с бубнами, или оберточный див.
<div class='sic'> <div class="call call-on"><span href="#non"> </span></div> <div class="email"><span> </span></div></div>.sic div { position:relative; z-index:1; overflow:hidden; list-style:none; padding:0; margin:0 0 0.25em; width: 30px;}.sic div:before,.sic div:after,.sic div span:before,.sic div span:after { content:""; position:absolute; top:50%; left:0;}.sic div span:before,.sic div span:after { margin:-8px 0 0; background:#c55500;}Если код с классом то все выглядит так: http://prntscr.com/475oby А если без класса .sic, то так: http://prntscr.com/475p17 Все пустое, ниче…
0 votes9 answers -
Размер верхнего отступа картинки от рамки bxSlider
Не поможет ли кто может сталкивался - есть такой бесплатный слайдер bxSlider http://bxslider.com Ставится он легко, в настройках все понятно, однако получаю такую картинку - сверху очень большой отступ картинки от вьюпорта, может кто сталкивался? как бороть? скрин прилагаю..... порылся в css слайдера - ничего не действет на проклятущий отступ
0 votes9 answers -
Тормозит прокрутка
Вот получилась такая прокрутка http://669327.insturbo.web.hosting-test.net/ Но к сожалению боковая кнопка меню уезжает вверх вместе с прокруткой , а нужно зафиксировать !!! Меняю position: absolute; на position: fixed; и вся прокрутка начинает тормозить немного ((( Уже все перепробовал и не как не хочет принимать position: fixed; ! может кто то подскажет как избавится от такой проблемы !?
0 votes1 answer -
Float, выравнивание по ширине
Здравствуйте. Вопрос по следующей вёрстке: <!DOCTYPE html> <html lang="ru"> <head> <style> .left{ float:left; background:red; } .no_float { background:green; text-align:center; font-size:30px; } </style> <meta charset="utf-8" /> <title>Документ без названия</title> </head> <body> <div class="left"> float:leftrvrcrvrvr </div> <div…
0 votes4 answers -
Разделение таблицы линиями на сектора
Я пишу игру судоку на javascript,использую для этого таблицу table. Как разделить ячейки таблицы линиями на сектора как в судоку. Допустим таблица 16x16 ячеек как провести линии каждые четыре ячейки. Вот код: <!DOCTYPE HTML> <html> <head> <title>Судоку</title> <style> .game-board { border: 0; border-spacing: 0; border-collapse: collapse; background: #fff; } .game-board td { width: 25px; height: 25px; line-height: 20px; text-align: center; border: #9cb0ca 1px solid; } </style> </head> <body> <…
0 votes6 answers -
Вид кнопки "Обзор" в форме загрузки файла
Здравствуйте, уважаемая администрация этого отличного ресурса!) Перейду сразу к делу: можно ли каким-нибудь образом изменить вид кнопки "Обзор" в форме передачи файла? Заранее спасибо, с уважением OldEr.
0 votes4 answers -
display:inline-table в ie7
Подкажите почему не работает свойство display:inline-table в ie7 http://v4.przrf.ru/
0 votes2 answers -
Карусель и разные браузеры
Есть сайт http://www.pssh8.ru В шапке карусель из фотографий на JQuery. Столкнулась с тем, что в Firefox все отображается нормально. А вот IE добавляет к фото поля по другому. Как привести к единому восприятию, я не знаю Понимаю, что наверное сверстала криво, а как сделать правильно не понимаю. Помогите, пожалуйста! Вот код шапки: <table width="990" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td style="background-image:url(img/foto_bg.png); width:484px; height:265px;" valign="top"> <div id="s1"> <img src="img/up_img_01.jpg" style="padding-left:35px; padding-top:24px; display:block;"/> <img src="im…
0 votes9 answers -
Резиновое меню списком внутри DIV
Есть DIV, резиновый Внутри него должно быть меню, из 5ти элементов, каждый по 20% соответственно. Когда ставлю 20 - менюшка уезжает за ДИВ, тоесть считает 20% от всего окна. Как её заставить встраиваться в див? Наверно какие-то параметры display надо прописать, но пока не понимаю. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> #hmenu { z-index:1; height: 50px; background:red; margin-left: 2…
0 votes13 answers -
поиск по прикрепленному к сайту файлу
Помогите! Ситуация такая: есть сайт и есть таблица с 5 колонками в excel.Надо на сайте сделать поиск по этой таблице, но только по значению первой колонки и при выводе результатов на сайте пользователь видел содержание только той строки, в первой колонке которой есть искомый элемент. выглядеть это должно примерно так: то что нужно получить
0 votes18 answers -
Отступ в html верстка меню windows 8, квадратики
Доброго дня, друзья у Вас абсолютно замечательный форум, и сайт, надеюсь на Вашу помощь. Статью уже почитал. http://htmlbook.ru/faq/theme/margin можете мне обьяснить более популярно? Был на курсах html css 0 уровень, вот задача сверстать меню windows 8 как сделать так, чтобы квадратики были не 4 подряд, а чтобы было 2 строчки первая строчка - 2 квадрата вторая строчка - 2 следующих квадрата ? Как управлять квадратами? Как Стать Властелином Квадратов? С уважением. Ларин Иван css такой https://yadi.sk/d/t_he7WNNhaWXX
0 votes4 answers -
Почему не работает псевдокласс
<input name="search" type="text" placeholder="Поиск..."> input:after{ content: ""; display: block; width: 20px; height: 10px; background: black; margin: 20px 0; } Не понимаю должен блок появляться https://jsfiddle.net/gnzrnko8/
0 votes5 answers -
Баг IE: контейнер заканчивается раньше дочернего центровщика
Компоновка: типичный блок .Wrapper, который имеет ширину 100% от ширины окна, и центровщик (margin: 0 auto;) с указанными min-width и max-width: В IE следующий баг: Wrapper почему-то заканчивается раньше, чем надо, а центровщик с содержимым перекрывает следующую такую же компоновку ниже: Такой баг был замечен уже практически на свёрстанном лендинге, а потому было очень трудно сделать минимальный работающий пример. Я постарался убрать весь лишний HTML для данного примера, но CSS тоже самое было сделать очень трудно. Если Вы запустите пример в IE (ещё раз повторюсь, что в других браузерах всё нормально), то увидите следующее: На StackOverflow у…
0 votes4 answers -
Разные css для разных экранов
Как определить через скрипт размер экрана и подгрузить соответствующий файл css? Есть ли какие нибудь негативные моменты из практики при использовании данного способа?
0 votes8 answers