Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Тройная рамка вокруг содержимого

    Добрый вечер. Появилась задача сделать такую кайму по периметру всего содержимого сайта: Это три borderа в трёх вложенных блоках?

    Asked by borus,

    0 votes
    2 answers

  2. Прижать 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…

    Asked by romanov,

    0 votes
    15 answers

  3. div с абсолютным позиционированием внутри td с относительным. Chrome - ok, ФФ - все плохо

    Здравствуйте! Столкнулся со следующей проблемой. Есть строка таблицы, в последней ячейке которой появляется крестик, для удаления строки. Все выглядит вот так: Этот скрин сделан в хроме, где все отображается хорошо. Но в фф появляется проблема - все эти крестики складываются "стопкой" в верхнем правом углу страницы. У последней ячейки позиционирование относительное, у крестика - абсолютное. Вот пример разметки таблицы: <table class="content-table campaignsList"> <cation>cccc</caption> <tbody> <tr> <th> <div class="inner"> <span class="text">cccc</span>…

    Asked by cartrege,

    0 votes
    5 answers

  4. Заменить горизонтальную линию картинкой

    Здравствуйте. Собственно, такой вот возник вопрос. Можно ли как в CSS прописать, чтоб везде на сайте, где стоит тэг <hr />, заместо полоски выводилась некая картинка - в данном случае та же полоска, но изощрённо оформленная.

    Asked by m|m,

    0 votes
    10 answers

  5. HTML - первые шаги

    Здравствуйте, по совету невесты решил учить веб-программирование. Как и любой уважающий себя новичок быстро скопировал пример первой страницы в блокнот, сохранил как положено.. Короче, если уважаемая администрация не возражает, я бы хотел, чтобы тема была открыта, пока я не закончил с основами ХТМЛ-)) И людей знающих и умеющих прошу помогать советами, направлять, и указывать на ошибки, и отвечать на ~1000 вопросов, которые у меня возникнут... Первый вопрос- В примере задана кодировка (если я правильно понял,это есть настройка кодировки страницы) -- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Хтмл документ открываю через мазил…

    Asked by Grizz-Lee,

    0 votes
    16 answers

  6. 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; }

    Asked by buko,

    0 votes
    14 answers

  7. Блок на всю ширину экрана

    Вопрос для знатоков. Нужно внутри блока фиксированной ширины вставить блок, который при любом разрешении будет на 100% ширины экрана, а не родительского блока. Все перепробывал, ничего не выходит. Может кто подскажет?

    Asked by necro,

    0 votes
    11 answers

  8. 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…

    Asked by faradei21,

    0 votes
    13 answers

  9. съезжает меню

    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…

    Asked by palomig,

    0 votes
    5 answers

  10. есть 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>Компания «Турбомикрон» всегда совершенствует свой сервис по работе и обслуживанию своих новых так и постоянный клиентов. Мы налаживание связи со всеми товаро-транспортными компаниями, для того чтобы наша работа с клиентами была максимально продуктивна.Поэтому наши турбины мы можем отправлять по всей терри…

    Asked by OlegBrony,

    0 votes
    3 answers

  11. Опять про футер

    короче, воть .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 пкс вниз низа страницы и оооооочень далеко влево.. Помогите плз... СПС. Просто маюсь уже оооочень долго, башка того...

    Asked by Admin,

    0 votes
    3 answers

  12. Реализация красивого блока

    Столкунулся с проблемой которую не представляю как решить, день потратил а толку никакого, последняя надежда на форум.. Ситуация такая требуется вставить блок с помощью css .nizblock1 {background:url(../images/top.td1.gif) no-repeat left; font-weight:bold;text-align:right; padding-bottom:150px; } В итоге получается вот такой вот блок и вот здесь начинается загвоздка, при различных разрешениях блок смещается... каким образом можно сделать, чтобы width при увеличении или при изменении разрешения экрана всегда был 100%?? у меня вообще не получилось... Дальше я попробывал данную картинку разделить на 3 части (левая, центральная, правая) чтобы выводилась левая затем …

    Asked by yyyurik,

    0 votes
    6 answers

  13. Выезжание меню

    здравствуйте. взял скрипт с вашего форума, и появилась загвоздка надо чтобы при нажатии на определенную менюшку, она и выезжала, а у меня выезжают все ставя разные 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…

    Asked by IceFroz,

    0 votes
    5 answers

  14. Непереносимый текст

    Как сделать чтобы определенный кусок текста не переносился на новую строчку ни при каких условиях?

    Asked by Kenshi45,

    0 votes
    1 answer

  15. Flash в Firefox

    Подскажите пожалуйста!! не отображаеться флеш ролик в ФФ, в IE все нормально, если на ролик правой кнопкой мышки- просмотреть в ФФ все показывает.. а на сайте нет. вот сслыка: http://autoeuro.ru/8marth.htm заранее спасибо

    Asked by wetta,

    0 votes
    13 answers

  16. Помогите объединить вкладки!

    Не могу никак убрать пробел между вкладками Models и New faces. Помогите, плз! Вот.

    Asked by Poptimistic,

    0 votes
    15 answers

  17. Кто подскажет, кто расскажет...

    Благодаря собственной ошибке выявил занятную вещицу Посмотреть - http://trifler.ru/blog/i/hackcss/hackcss.htm Загляните в html-код

    Asked by gordi,

    0 votes
    24 answers

  18. Смещение блока с margin: 0 auto; при разных разрешениях

    Есть проблема. Помогите, пожалуйста, если можете! Очень срочно. Уже несколько дней воюю. На сайте должен быть полупрозрачный блок тянущийся на всю ширину экрана, но контент блока фиксированный на разрешение 1024 В FF и IE7 все хорошо, а в Opera и IE8 при изменении ширины экрана справа и слева от фиксированного блока появляются верикальные однопиксельные полоски, т.е. этот блок при разных разрешениях смещается из-за margin: 0 auto то вправо то в лево. Если фиксированному блоку поменять ширину с 998 на 997, то проблема пропадает в Opera и IE8? а появляется наоборот в FF и IE7. Верстка сделана след. образом: в <div> с фоном ПНГ длиною 1920px (но центральная часть 998p…

    Asked by vasilek,

    0 votes
    4 answers

  19. Разместить текст поверх блока <canvas>

    Вот проект: jsFiddle Проблема: Необходимо разместить подпись (тег h3) поверх блока canvas(отражение картинки, генерируется скриптом. В коде просто серый прямоугольник). Вставить подпись прямо в блоке canvas нет возможности. Такой вариант работает, но не подходит потому, что подпись должна быть всегда на одинаковом расстоянии от картинки, поверх отражения. Картинки могут быть разного размера, поэтому отражение тоже разной высоты и привязка к нижней границе отражения не годится. .door_name{ text-align: center; width: 200px; margin-top: -50px; } Подскажите решение плиз, бьюсь уже пол дня. Я бы изменил конечно код, который генерируется JS, но у меня нет в наличии необфусци…

    Asked by Adamatis,

    0 votes
    0 answers

  20. Рендеринг шрифта отличается на macOS и Windows

    Здравствуйте. При выделении подключаемый шрифт на сайте рендерится по разному на macOS и Windows. Браузер Chrome последней версии. Вот так шрифт отображается на ОС Windows - идеально расположен по центру А вот так уже на macOS. Шрифт смещен с центра к верху. Сталкиваюсь не в первый раз с этой проблемой. В чем может быть проблема? Возможно кто-то сталкивался с подобным? В какую сторону копать в таком случае?

    Asked by Temiks,

    0 votes
    3 answers

  21. Глючит IE?

    Привет... Не могу справиться с проблемой... Подскажите пожалуйста. Сайт, сделанный мною www.somato.md работает как надо в мозилле и опере. А вот в IE (IE6) какие-то странные глюки на ссылках. При первом щелкче по ссылке - она прыгает на следующую строчку и не открывается. Открывается только после второго щелчка. Посмотрите, пожалуйста. Особенно раздел новостей. Подскажите что делать?

    Asked by Гена Герасим,

    0 votes
    2 answers

  22. Несколько вопросов

    Вопрос в том что бы такое сделать чтобы контейнер в котором есть картинка растягивался по высоте учитывая высоту картинки, у меня сейчас получается что контейнер растягивается учитывая только текст. Вот само дело: http://kim-evgene.ucoz.ru/MilanoModa/index.html Можно конечно указать высоту, но это уже не то, и при этом в IE6 происходит сдвиг креднего контейнера относительно header'a и foorer'a на пару пикселей вправо

    Asked by Kim,

    0 votes
    8 answers

  23. как обычно 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…

    Asked by savushka,

    0 votes
    3 answers

  24. Разметка сайта

    Встал вопрос разметки сайта. Честно пытался поискать сам, но плохо понимаю как это называется правильно. Вопрос следующий: как выглядит структура когда для сайта со стандартной шапкой, меню и изменяющимся содержимым. Обновляется весь сайт после перехода по ссылке меню или только рабочая часть? Используются фреймы или что-то другое?

    Asked by Splash,

    0 votes
    2 answers

  25. Текст на полупрозрачном фоне

    Помогите разобраться!!! Почему в таком варианте все правельно отображается и в опере и в эксплорере: <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…

    Asked by dmitriev,

    0 votes
    5 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept