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
-
Почему Bootstrap переносит айтем на следующую колонну
Изначально айтемы стояли на своих местах, но когда я добавил больше текста, то получилась вот такая картина. На втором скриншоте показано то, как должны стоять айтемы.
0 votes3 answers -
Есть проблема..
Всем доброго времени суток!!! У меня возникла проблема..... Можно ли как то автоматически определять размер ширины браузера и автоматически пересчитывать ширину выпадающего меню. Т.е. меняется ширина открытого окна=>меняется ширина выпадающего меню. Нужно что бы параметру width присваивалось значение: 0,33*("ширина открытого окна"-290px), как это осуществить? "Ширина открытого окна" должна динамически изменять при е? реальной смене. Спасибо все кто что подскажет
0 votes5 answers -
Регулировка отступов в <p>
Вопрос в соответствующий раздел для знающих Немогу вспомнить, а может и вовсе незнал, но мне нужно отрегулировать растояне от строчки до строчки между абзацами , как это сделать раскажите люди добрые.
0 votes3 answers -
Width 100% относительно др. таблицы
Помогите пожалуйста, сайт www.q-flash.net некорректно отображается в IE, в FF все нормально... Таблица под названием q-Flash при разрешени 1024х768 разьезжается на 100% окна, сломал всю голову.... как сделать чтоб вложенные таблицы заниали 100% ширины от табл q-Flash, а не от окна. Заранее спасибо откликнувшимся... Added: Оказывается все просто достаточно в табл q-flash добавить style="table-layout: fixed;" но никто не мог подсказать...:/ тему можно закрывать
0 votes0 answers -
Разное отображение стилей в IE 7.0 и FF 3.0.7
Уважаемые Гуру. Нужен Ваш совет. И так. Есть код CSS body {margin: 0px;} img {border: 0px;} BODY { FONT-SIZE: 11px; COLOR: #075273; FONT-FAMILY: Tahoma, Arial, Helvetica } TD { FONT-SIZE: 11px; FONT-FAMILY: Tahoma, 'Arial Cyr', 'MS Sans Serif' } A { FONT-SIZE: 11px; COLOR: #d7e5ec; TEXT-DECORATION: none} A:active {FONT-SIZE: 11px; COLOR: #d7e5ec; FONT-WEIGHT: normal; TEXT-DECORATION: none} A:visited {FONT-SIZE: 11px; COLOR: #d7e5ec; FONT-WEIGHT: normal; TEXT-DECORATION: none} A:hover {FONT-SIZE: 11px; COLOR: #3a92b3; FONT-WEIGHT: normal; TEXT-DECORATION: underline} /* Поле меню */ .menu { padding: 0; margin: 0; font: 8pt/11pt Tahoma, sans-serif; width: 180px;…
0 votes7 answers -
еще немножко про div'ы
Есть родительский блок, в нем располагаюся два дива, у первого из которых ширина фиксированная в px, у второго она должна занимать все остальное пространство. Как такое реализовать с помощью css? т.е. есть в общем случае такой html-код: <div id="content"> <div class="left"> <ul> .... </ul> </div> <div class="right"> ... </div> </div> что нужно задать в css? #content { width: 100%; overflow: hidden; } .left { width: 220px; } .right { /* Что тут нужно задать? */ }
0 votes14 answers -
Оформление меню
Делаю выпадающее меню, возникла проблема реализации, как на картинке видно сами пункты чуть отделены вниз. Есть мысли у кого нибудь как удобнее это меню реализовать. Заранее благодарен
0 votes8 answers -
Онлайн аудиозапись
Привет всем вэб мастерам... У меня вот такой вопрос возник. Я хотел бы на сайте сделать аудиозапись. Чтобы можно было записать своё аудио сообщения прямо на сайте, затем чтобы оно автоматический сохранилось и появилось где его записывали... А у других была возможность его прослушать. Я в интернете излазил где только смог, ничего не нашёл... Подскажите вообще возможноли такое сделать, если возможно то как... Надеюсь мой вопрос понятен. Всем за ранее спасибо
0 votes3 answers -
Некорректно отображается маркер списка
Добрый вечер! Столкнулся со следующей проблемой: некорректно отображается маркер списка исключительно в опере, при том что в фаерфоксе, эксплорере и хроме всё как и должно быть. Выглядит это следующим образом: Это такая особенность оперы, или с этим можно что-то сделать? Подскажите пожалуйста. Вот css на всякий случай: ul li.collapsed { list-style-image: url("../images/plus.png"); } ul li.expanded { list-style-image: url("../images/minus.png"); }
0 votes4 answers -
Правильное использование тегов HTML5 в контенте
Имеется вот такой простой макет С тегами в шапке и нафигации я разобрался, а вот с блоком контента не могу. Самое первое что я думаю надо сделать, это обернуть весь блок контента тегом <main>, это правильно? Сам контент может быть представлен в разном виде. Вот например на главной странице сайта каждый блок с картинкой надо обернуть в <section> и <article>? Или как то по другому? При нажатии ссылки "Подробнее" открывается вот это Опять же, верхняя часть в <section>, название фото в <header>, описание в <article>, "Название альбома, просмотров комментариев" в <footer>? После чего ещё 2 <section> для Добавления комментариев…
0 votes9 answers -
Верстка "бумажного конверта": позиционирование поля "индекс"
Добрый день! Мне необходимо реализовать форму, которая бы внешне выглядела как бумажный конверт. Верстка блочная, "резиновая". Все получилось, кроме одной вещи. Имеем два поля ввода: "Откуда" и "Индекс места отправления". Во всех браузерах выглядеть должно так: Поле "Индекс" должно заканчиваться там же, где и поле "Откуда", пиксель в пиксель. Иначе получится не как на настоящем конверте. Сейчас мой код хорошо отображается в FireFox, но в других браузерах индекс съезжает то влево, то вправо. Код CSS: input { position:absolute; margin:0; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #70aae8; padding-left:0.4em; font-size:9pt; } label span …
0 votes4 answers -
Как выровнять frame справа от img ?
Здравствуйте. Столкнулся с такой проблемой - никак не могу выровнять 2 картинки и 1 frame (в котором содержится поисковая форма поиска яндекса по блогам) "в одну строку". Дабы избавиться от части недоговорок, я приведу код обеих картинок (они стоят в 1 строке ровно) и поисковой формы (она вста?т вниз). Все теги на странице идут подряд без переноса строки. Картинка ?1 <a href="http://plummet-me.livejournal.com"><img src="http://plummet.ru/img/666.gif" width="80" height="15" hspace="5" border="0" alt="Рейтинг блогов" align="top"/></a> Картинка ?2 <a href=http://ljplus.ru/counter/rating target=_blank><img src=http://ljplus.ru/counter/lj.php?uid=2…
0 votes1 answer -
Обработка таблиц эксплорером.
Здравствуйте. Столкнулся с такой проблемой. Есть страница сайта, загрузка которой занимает 1-1,5 секунды. Табличная вёрстка. Так вот, при заходе на эту страницу в начале появляется белый фон, далее через 1-1,5 секунды разом выводится всё содержимое. Вопрос, как сделать чтобы загрузка происходила постепенно, как в FireFox'е? Я так понимаю эксплорер пока не найдёт последнего тега </table> не покажет содержимое? Если так, то как это избежать? Или спасёт только вёрстка слоями?
0 votes7 answers -
Див посередине сливается с левым дивом
Див находящийся в центре сливается с левым дивом, оба они находятся в одном большом диве
0 votes9 answers -
Как запретить автозаполнение формы
Всем привет! На сайте есть несколько форм, одна из них - форма авторизации. Если залогинившись пользователь нажимает у себя "Сохранить пароль", то логин и пароль начинают подставляться в еще одну форму на сайте. Вторая форма к авторизации не имеет никакого отношения, name у input'ов и у самих форм заданы разные, единственное чем формы похожи - два поля ввода и у обоих type такие же как в авторизации (text и password). Как сделать что бы браузер не заполнял автоматически эту форму? У меня все это происходит в Chrome. В других браузерах не смотрел. autocomplete="off" Сам нашел Спасибо =)
0 votes1 answer -
Responsive-таблица + Flexbox
Здравствуйте. Хочу сделать вот такую таблицу со скролом https://www.w3schools.com/howto/howto_css_table_responsive.asp Все работает, как и в примере https://jsfiddle.net/dvwyLw30/ Но стоить применить для контейнера flexbox (раскомментируйте .container {/*display: flex;*/}), как скролиться начинает уже вся страница, а не таблица. В чем причина? Хочу понять, как это работает. И как мне добиться нужного результата.
0 votes1 answer -
Резина в меню
Есть css вот такой: #menu { position: absolute; margin: 352px 0 0 213px; } #menu li { float: left; padding-right: 35px; margin-left: -1px; } #menu li a { float: left; text-decoration: underline; font-size: 11px; color: #202e2e; font-family: Verdana; } #menu li a:hover { text-decoration: none; } <ul id="menu"> <li><a href="#">меню1</a></li> <li><a href="#">меню2</a></li> </ul> Как сделать чтобы это меню было в ширину резиновым на 100%, но при этом сохранились расстояния между пунктами меню как есть при сужении окна браузера?
0 votes6 answers -
кодировка
таварисчи проблемы с декодированием... при вводе русских символов выводит строку %E2%E0%F1%E8%EB%E8%E9 как ее обратно в русские превратить?
0 votes4 answers -
нужна Ваша помощь
Доброго времени всем! Нужна Ваша помощь! Как сделать страничку с отзывами? Возможно ли это средствами CSS сделать??
0 votes8 answers -
Смещение таблицы в центр
<table align="center" border="1" cellspacing="0" width="900" height="60"> <tr> <td> </td> </tr> </table> <div style="clear: both;"></div> <table style=" float: left;" align="center" border="1" cellspacing="0" width="200" height="200"> <tr> <td> Меню<br> Меню2<br> Меню 3 </td> </tr> </table> <table style="display: inline-table;" align="center" border="1" cellspacing="0" width="500" height="800"> <tr> <td> </td> </tr> </table> Как сместить 2 нижние таблицы по центру
0 votes4 answers -
Не отображается картинка в IEtester
По умолчанию когда выбираешь в каком браузере открывать, открывает страницу. Ссылка Если вкладка открывается для стандартного ie или для ie8, то все нормально. А если вкладка для ie6 или ie7, то не отображается картинка, где написано IETester Home, в чем проблема? В настройках браузера включено отображение изображений.
0 votes11 answers -
не растягивается таблица по вертикали, только в Опере и в IE
Есть таблица(основная) в ней форматируются все остальные элементы, слева есть ячейка, в ней позиционирование элементов осуществляется с помощью дивов. Когда дивы растягиваются ячейка тоже растягивается, таблица соответственно тоже(в теории, но на практике она растягивается только в FF). В Опере тянется только левая ячейка, а все что правее остается на месте. В IE правая часть тянется, но появляются отступы от низа таблицы и от верхней ячейки. Как сделать так чтобы таблица нормально тянулась вместе с ячейкой в Опере и IE.
0 votes1 answer -
Нужна помощь!
Здрасте! Я нович?к в этих делах, и знаю только часть(1/2) языков html и css, больше не чего не изучал пока(плохой доступ к инету). У меня вопрос: можно ли на сайте написанном исключительно на html и css написать регистрацию пользователей и форум на этих же я зыках, или для этого нужны ещ? и скрипты, если нужны то какие! Заранее спасибо!
0 votes13 answers -
background-position
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> .tebody { width: 100%; height: 100%; background-image: url(/img/design/nights/back.jpg); /* Путь к фоновому рисунку */ background-position: center center; /* Положение фона */ } </style> <title></title> </head> <body> <div class="tebody"> </div> </body> </html> простая страничка что нужно: чтобы картинка бекграунда становилась в центр экрана и от центра начинала повторяться по обеим осях во всех направлениях firefox - работает ие7 - работает ие6- не работает, становится в верхний левый угол и пов…
0 votes6 answers -
Обход overflow-x IE6.0
<div style="position:absolute; top:150px; left:3%; width:97%; height: 475px; overflow-x:hidden;"> <!-- Див для смещения !--> <div id="company_image" style="position:relative; left:0%; width:100%; height:95%;" onMouseOver="move_right();"> <img id="company_img" src="img/company2.jpg" style="position:absolute; left:28%;" /> </div> <div class="div_textin" id="company_text" onMouseOver="move_left()" style="position:absolute; left:100%; top:40px; width:1000px; height:330px; text-decoration:none; font-family:'Times New Roman', Times, serif;"> <div align="justify" style="position:absolute; top:0px; left:-5%; width:35%;"> bla-bla1 &…
0 votes2 answers