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
-
Тройная рамка вокруг содержимого
Добрый вечер. Появилась задача сделать такую кайму по периметру всего содержимого сайта: Это три borderа в трёх вложенных блоках?
0 votes2 answers -
Прижать footer к низу страницы
Все добрый день, помогите пожалуйста сделать так чтобы футер оставался всегда внизу страницы, перебробовал разные варианты не получается, вот примерная структура страницы <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd"> <html> <head> <body> <div id="cont"> <div id="otziv"> <div id="main"> <div id="container"> <div id="footer"> </div> </div> </body> </html> CSS #cont { margin-left: -550px; position: relative; width: 1100px; } #otziv { background: url("../imgs/otziv.jpg") no-repeat scroll 0 0 transparent; float: left; hei…
0 votes15 answers -
div с абсолютным позиционированием внутри td с относительным. Chrome - ok, ФФ - все плохо
Здравствуйте! Столкнулся со следующей проблемой. Есть строка таблицы, в последней ячейке которой появляется крестик, для удаления строки. Все выглядит вот так: Этот скрин сделан в хроме, где все отображается хорошо. Но в фф появляется проблема - все эти крестики складываются "стопкой" в верхнем правом углу страницы. У последней ячейки позиционирование относительное, у крестика - абсолютное. Вот пример разметки таблицы: <table class="content-table campaignsList"> <cation>cccc</caption> <tbody> <tr> <th> <div class="inner"> <span class="text">cccc</span>…
0 votes5 answers -
Заменить горизонтальную линию картинкой
Здравствуйте. Собственно, такой вот возник вопрос. Можно ли как в CSS прописать, чтоб везде на сайте, где стоит тэг <hr />, заместо полоски выводилась некая картинка - в данном случае та же полоска, но изощрённо оформленная.
0 votes10 answers -
HTML - первые шаги
Здравствуйте, по совету невесты решил учить веб-программирование. Как и любой уважающий себя новичок быстро скопировал пример первой страницы в блокнот, сохранил как положено.. Короче, если уважаемая администрация не возражает, я бы хотел, чтобы тема была открыта, пока я не закончил с основами ХТМЛ-)) И людей знающих и умеющих прошу помогать советами, направлять, и указывать на ошибки, и отвечать на ~1000 вопросов, которые у меня возникнут... Первый вопрос- В примере задана кодировка (если я правильно понял,это есть настройка кодировки страницы) -- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Хтмл документ открываю через мазил…
0 votes16 answers -
height: 1%; для ссылок
Здравствуйте Помогите пожалуйста разобраться. Есть у меня один щаблон, код которого я пытаюсь понять. Остановился на таком вопросе как "вертикальное меню". Вот здесь шаблон: http://lukomorie.dax.ru/ Я не понял зачем height: 1% нужен в этом стиле: #subnav li a { background: url("../images/bg_subnav.gif") no-repeat scroll 100% 100% transparent; display: block; height: 1%; padding: 5px 10px; text-decoration: none; }
0 votes14 answers -
Блок на всю ширину экрана
Вопрос для знатоков. Нужно внутри блока фиксированной ширины вставить блок, который при любом разрешении будет на 100% ширины экрана, а не родительского блока. Все перепробывал, ничего не выходит. Может кто подскажет?
0 votes11 answers -
firefox не понимает
В общем вот сайт vinilloff.ru Захожу с мозиллы и при наведении на панель кнопок курсором, анимация появляется в верхнем левом углу экрана. В опере и хроме такого нет. Вот код: .left { display: table-cell; position: relative; width: 150px; height: 40px; background: transparent url(knopkaleft.png) no-repeat; color: #424242; vertical-align: middle; } .left span { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent url(knopkaleft.png) no-repeat; background-position: -150px 0; opacity: 0; width: 150px; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s…
0 votes13 answers -
съезжает меню
http://immersprint.tk/(не реклама) вот сайт, если входу под логином и паролем, то верхняя менюшка нормально располагается, фиксированная позиция, а если я как гость на сайте, то меню съезжает вверх, да и вообще сейчас влево уехало... #container { margin: 0 auto; padding: 30px 30px 0; width: 930px; background:rgba(0, 0, 0, 0.6); border-radius: 5px 5px 0 0; box-shadow: 0 0 5px 0 #555555; overflow: hidden;}#top-menu-container { margin: -32px auto; width: 990px; height: 55px; position: fixed;}#top-container { background: #333333; background: rgba(51, 51, 51, .95); border-radius: 0 0 5px 5px; padding: 0 30px; width: 930px; border-bottom: 1px solid #999999; positio…
0 votes5 answers -
есть div. в нём p и img. img справа. как сделать так, чтобы float: right не убирал изображение из потока?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700|Raleway:200" rel="stylesheet"> <title>Content</title> </head> <body> <div id="all"> <div id="up"> <p>Компания «Турбомикрон» всегда совершенствует свой сервис по работе и обслуживанию своих новых так и постоянный клиентов. Мы налаживание связи со всеми товаро-транспортными компаниями, для того чтобы наша работа с клиентами была максимально продуктивна.Поэтому наши турбины мы можем отправлять по всей терри…
0 votes3 answers -
Опять про футер
короче, воть .foo { width: 800px; height: 120px; vertical-align: bottom; bottom: 0px; margin: 0px; background: black url(img/botgr.gif) no-repeat bottom right; position: absolute; } в осле уходит на 30 пкс вниз низа страницы и оооооочень далеко влево.. Помогите плз... СПС. Просто маюсь уже оооочень долго, башка того...
0 votes3 answers -
Реализация красивого блока
Столкунулся с проблемой которую не представляю как решить, день потратил а толку никакого, последняя надежда на форум.. Ситуация такая требуется вставить блок с помощью css .nizblock1 {background:url(../images/top.td1.gif) no-repeat left; font-weight:bold;text-align:right; padding-bottom:150px; } В итоге получается вот такой вот блок и вот здесь начинается загвоздка, при различных разрешениях блок смещается... каким образом можно сделать, чтобы width при увеличении или при изменении разрешения экрана всегда был 100%?? у меня вообще не получилось... Дальше я попробывал данную картинку разделить на 3 части (левая, центральная, правая) чтобы выводилась левая затем …
0 votes6 answers -
Выезжание меню
здравствуйте. взял скрипт с вашего форума, и появилась загвоздка надо чтобы при нажатии на определенную менюшку, она и выезжала, а у меня выезжают все ставя разные id результата не добился (может не так делал?) подсобите пожалуйста) страница ==> http://icefrozsite.narod.ru/out.html код <!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=windows-1251"> <title>Выезжание</title> <style> * { margin: 0px; padding: 0px; } #picture { position:r…
0 votes5 answers -
Непереносимый текст
Как сделать чтобы определенный кусок текста не переносился на новую строчку ни при каких условиях?
0 votes1 answer -
Flash в Firefox
Подскажите пожалуйста!! не отображаеться флеш ролик в ФФ, в IE все нормально, если на ролик правой кнопкой мышки- просмотреть в ФФ все показывает.. а на сайте нет. вот сслыка: http://autoeuro.ru/8marth.htm заранее спасибо
0 votes13 answers -
Помогите объединить вкладки!
Не могу никак убрать пробел между вкладками Models и New faces. Помогите, плз! Вот.
0 votes15 answers -
Кто подскажет, кто расскажет...
Благодаря собственной ошибке выявил занятную вещицу Посмотреть - http://trifler.ru/blog/i/hackcss/hackcss.htm Загляните в html-код
0 votes24 answers -
Смещение блока с margin: 0 auto; при разных разрешениях
Есть проблема. Помогите, пожалуйста, если можете! Очень срочно. Уже несколько дней воюю. На сайте должен быть полупрозрачный блок тянущийся на всю ширину экрана, но контент блока фиксированный на разрешение 1024 В FF и IE7 все хорошо, а в Opera и IE8 при изменении ширины экрана справа и слева от фиксированного блока появляются верикальные однопиксельные полоски, т.е. этот блок при разных разрешениях смещается из-за margin: 0 auto то вправо то в лево. Если фиксированному блоку поменять ширину с 998 на 997, то проблема пропадает в Opera и IE8? а появляется наоборот в FF и IE7. Верстка сделана след. образом: в <div> с фоном ПНГ длиною 1920px (но центральная часть 998p…
0 votes4 answers -
Разместить текст поверх блока <canvas>
Вот проект: jsFiddle Проблема: Необходимо разместить подпись (тег h3) поверх блока canvas(отражение картинки, генерируется скриптом. В коде просто серый прямоугольник). Вставить подпись прямо в блоке canvas нет возможности. Такой вариант работает, но не подходит потому, что подпись должна быть всегда на одинаковом расстоянии от картинки, поверх отражения. Картинки могут быть разного размера, поэтому отражение тоже разной высоты и привязка к нижней границе отражения не годится. .door_name{ text-align: center; width: 200px; margin-top: -50px; } Подскажите решение плиз, бьюсь уже пол дня. Я бы изменил конечно код, который генерируется JS, но у меня нет в наличии необфусци…
0 votes0 answers -
Рендеринг шрифта отличается на macOS и Windows
Здравствуйте. При выделении подключаемый шрифт на сайте рендерится по разному на macOS и Windows. Браузер Chrome последней версии. Вот так шрифт отображается на ОС Windows - идеально расположен по центру А вот так уже на macOS. Шрифт смещен с центра к верху. Сталкиваюсь не в первый раз с этой проблемой. В чем может быть проблема? Возможно кто-то сталкивался с подобным? В какую сторону копать в таком случае?
0 votes3 answers -
Глючит IE?
Привет... Не могу справиться с проблемой... Подскажите пожалуйста. Сайт, сделанный мною www.somato.md работает как надо в мозилле и опере. А вот в IE (IE6) какие-то странные глюки на ссылках. При первом щелкче по ссылке - она прыгает на следующую строчку и не открывается. Открывается только после второго щелчка. Посмотрите, пожалуйста. Особенно раздел новостей. Подскажите что делать?
0 votes2 answers -
Несколько вопросов
Вопрос в том что бы такое сделать чтобы контейнер в котором есть картинка растягивался по высоте учитывая высоту картинки, у меня сейчас получается что контейнер растягивается учитывая только текст. Вот само дело: http://kim-evgene.ucoz.ru/MilanoModa/index.html Можно конечно указать высоту, но это уже не то, и при этом в IE6 происходит сдвиг креднего контейнера относительно header'a и foorer'a на пару пикселей вправо
0 votes8 answers -
как обычно IE6 против Mozilla и Opera
Страница нормально отображается в мазилле и опере , а в ие6 блок с выбором курса сползают куда-то вправо. С чем это связано? Не ругайте слишком сильно, я не волшебник я только учусь. Mozilla Opera IE6 Код HTML <!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> <link href="select curs.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- .style1 {color: #003366} --> </style> </hea…
0 votes3 answers -
Разметка сайта
Встал вопрос разметки сайта. Честно пытался поискать сам, но плохо понимаю как это называется правильно. Вопрос следующий: как выглядит структура когда для сайта со стандартной шапкой, меню и изменяющимся содержимым. Обновляется весь сайт после перехода по ссылке меню или только рабочая часть? Используются фреймы или что-то другое?
0 votes2 answers -
Текст на полупрозрачном фоне
Помогите разобраться!!! Почему в таком варианте все правельно отображается и в опере и в эксплорере: <html> <head> <meta http-equiv="Content-Language" content="ru"> <meta http-equiv=Content-Type content="text/html; charset=windows-1251"> <title>Untitled Document</title> <style type="text/css"> #container{ position:relative; } .overlay{ position:absolute; top:0; bottom:0; left:0; width:100%; background:#009CE6; opacity:0.2; -khtml-opacity: 0.2 -moz-opacity:0.2; /* для старых браузеров на основе Gecko */ filter:alpha(opacity=20); /* Для IE6&7 */ } .content { positio…
0 votes5 answers