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. Помощь по сайту

    Что делать если, когда сохраняешь гаджет на страницу своего сайта то программа говорит что оно какое-то неправильное и будет удалено и не сохраняестся???????????????

    Asked by diachenko.alex,

    0 votes
    2 answers

  2. OPERA расползание

    При открытии галереи или других "длинных" страниц футер не хочет сползать вниз, а должен... помогите пожалуйста собственно сайт: (убран за ненадобностью)

    Asked by SRGB,

    0 votes
    4 answers

  3. Background

    то что серым цветом,я хочу чтобы было прозрачным.Помогите кто может.А вот и код,который отвечает за него <table border="0" cellpadding="10" cellspacing="0" width="100%" style="border:1px solid #026115;"><tr><td style="background:#999999;">

    Asked by anar1811,

    0 votes
    5 answers

  4. Проблема с резиновым фоном div'a

    На странице 3 картинки для фона: хедер - bg-top.jpg, ниже где контент - middle.jpg (пытаюсь использовать в качестве фона как <img> чтобы растянуть по высоте и ширине от конца header'a до начала bottom'а) и bottom - bottom-min.jpg, который по идее должен быть прижат к низу страницы, но никак не хочет этого делать. Подскажите что как тут быть? <style type="text/css"> *{margin:0;padding:0;} html, body{ width:100%; height:100%; min-width:1000px; } .note{ border:1px solid #ddd; margin:2% 7% 0 0px; width:55%; float:right; min-height:500px; height:auto !important; height:500px; position:relative; } .trans{ background:#fff; opacity:…

    Asked by 2m2,

    0 votes
    10 answers

  5. вопрос по div верстке внутри

    подскажите пожалуйста как у самого внутреннего дива (div margin-top:-20px) сдвинуть вверх текст так, чтобы текст сдвинулся без бэкграунда родительского дива,т.е. чтобы бэграунды остались на своем месте а сдвинулся только текст ? а то получается что с минусовым маргином бэгрануд тела начинает залезать на бэграунд хедера, а мне надо чтобы залезал только текст. <body> <div style="width:700px;"> <div style="background: url(top.png) no-repeat bottom left; height: 30px;"></div> <div style="background: url(bg.png) repeat-y 0 0;"> <div style="margin-top:-20px;"> Мы предлагаем Вам программу-тренинг, прошедшую многолетнюю проверку временем и з…

    Asked by koda19,

    0 votes
    5 answers

  6. Расстояние между рисунком и div-ом только на строгом Doctype.

    Здравствуйте. Есть полностью валидный html-код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Между рисунком и div-ом есть расстояние</title> <style type="text/css"> html,body { margin:0px; padding:0px; min-width:930px; width:100%; height:100%; } </style> </head> <body> <div style="width:183px;"> <img src="1.gif" style="width:183px;height:20px;" alt=""/> <div style="background-color:red;widt…

    Asked by maasja,

    0 votes
    4 answers

  7. Как оставить прозрачность фону, но убрать прозрачность элементов на фоне?

    Подскажите пожалуйста: я использую для div-а: filter: alpha(opacity=50); opacity: 0.5; Див становиться прозрачным, но так же становятся прозрачными текст и картинки на нем .... Как тексту и картинкам вернуть не прозрачность? Используя прозрачную картинку png только или можно как-то еще? Вот что я использую полностью: <head> <title>Полупрозрачный элемент</title> <style type="text/css"> div.page {width:450px; height:300px; background:url(beetle.jpg) repeat; border:2px solid #555555} div.block {width:260px; height:140px; margin-top:79px; margin-left:94px; background-color:#ffffff; border:1px solid #333333; /* Internet Explorer */ filter:alpha(opacity…

    Asked by hea8y,

    0 votes
    2 answers

  8. Изображение в DIV шире окна браузера оставить по центру

    Всем доброго времени. Давно пользуюсь этим сайтом и всегда находил ответы. Но видимо пришло время спросить у знатоков. Суть вопроса. Сразу приведу пример сайта ivi.ru. Хочется сделать как у них. У них рекламные постеры (изображение) в верху страницы размером 1700х424. И они используют jcarousel для слайдера. Но проблема в том, что jcarousel или другие слайдеры работают только с изображениями внутри блока DIV. Если блоку дать значение как background, то картинка центруется, но нет эфекта перехода (затухания). А если задать путь к изображению внутри блока, то блок при меньшем разрешении чем 1700 прилипает к левой стороне браузера, а не цинтрируется. На ivi.ru при изменении …

    Asked by sion999,

    0 votes
    1 answer

  9. Комментарий

    Здраствуйте. Подскажите, пожалуйста, вот есть такой html-код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Меню</title> <style> ul { border: 1px solid black; } </style> </head> <body> <ul> <li><a href="#">Мчади</a></li> <li><a href="#">Када на мацони</a></li> <li><a href="#">Пахлава</a></li> <li><a href="#">Кчуч</a></li> <li><a href="#">Лилибдж</a></li> </ul> </body> </html> Граница вокруг списка появилась, выглядит оно так: …

    Asked by Macdonald,

    0 votes
    3 answers

  10. масштаб сайта на мультитаче

    Столкнулся с пролемой. Есть верстанный DIVами сайт (http://primehotel.ru) с фиксированной шириной. Нормально отображается на всех устройствах, кроме мультитачевских ноутов. Там из за мультитача, сайт грузится примерно в 130% размере. Не влезает в ширину экрана, что создает реальные неудобства. Можно как то заставить сайт показыватсья по дефолту в 100% ? Такая же проблема имеется если просматривать его Firefox'ом. Сайт немного увеличивается, но не выходит за пределы экрана. На любом устройстве. Не подскажете, как можно это поправить?

    Asked by amv,

    0 votes
    5 answers

  11. Как сверстать такой бордер?

    Здравствуйте! Подскажите пожалуйста как быть с бордером в данной ситуации? http://jsfiddle.net/kublyakov/7PC5g/1/ В частности, мешают вот эти белые треугольники. Они берутся из-за разного цвета бордера снизу и по бокам. Подскажите как избавиться от них, что бы бордер сплошняком шел.

    Asked by Kublyakov,

    0 votes
    3 answers

  12. Отступ из-за фона

    Когда наводишь курсор на пункт меню, например "Главная", то все остальные пункты меню смещаются в право. Как сделать, что бы они были неподвижны? http://jsfiddle.net/#&togetherjs=iV0b6oJUzE

    Asked by Roman_qwe,

    0 votes
    7 answers

  13. responsive

    Доброго времени суток. Начал по тиху разбираться с адаптивной версткой и возник вопрос. Нашел в сети простой шаблон для тренировки и сижу делаю. Так вот, если блок, в нем текст. На 1024 паддинги к примеру : 100px 200px 50px 20px; на 320 уже будет 20px 50px 12px 5px. Шрифт тоже становится меньше, сидел долго думал как правильно сделать, гуглил читал, в итоге все равно сделал через @media. Вздохнул с облегчением, спустился к следующему блоку, а там почти такакя же история, сижу опять прописываю кучу @media. И возник вопрос, правильно ли это? Есть ли какой-то способ менять отступы и размер шрифта в зависимости от разрешения или вариант с media считается нормальным? Вот скри…

    Asked by necro,

    0 votes
    5 answers

  14. Как работает Body

    Почему при задании для Body фиксированной ширины фоновый рисунок Body идет на всю страницу браузера?

    Asked by Anuar03,

    0 votes
    5 answers

  15. Как сменить все цены в магазине на HTML-страницах

    Приветствую уважаемые! Попал ко мне интернет магазин на руки, порядка 500 позиций товара Хочу поднять в нем цены на все товары на 20%, т.к. цены в нем сохранены устаревшие Проблема в том, что магазин на HTML-страницах, не на CMS - и такие извращения встречаются, плюс сам я с веб-разработкой не знаком Хочу все эти цены сменить автоматически, без ручной смены на каждой из 500 HTML-страниц На сайте эти цены выглядят вот так: В каталоге: <span class="price">15 590 руб.</span> На самой странице товара: <div id="price-on-nal">15 590 <em>руб.</em></div> Есть PHP-скрипт один, который ставится…

    Asked by stas84,

    0 votes
    0 answers

  16. доступ к DOM anchorHTML

    Всем здрасте! Вобщем мне нужен доступ к string'y "between tags" в <a href="http://example.com">between tags</a> подскажите плз какой аттрибут тэга <a> надо испльзовать. В литературе DOM ниче не нашел. Спасиб!

    Asked by r00t,

    0 votes
    2 answers

  17. Бакгроунд

    Есть такой бакгроунд: Как сделать так чтоб при любом размере окна браузера Верхняя темная часть всегда вверху, а нижняя темная внизу??? Заранее спасибо.

    Asked by Dolphin-1995,

    0 votes
    3 answers

  18. Фиксация фонового рисунка

    Здрасте, всем Есть сайт на php-fusion со скачанным шаблоном, который я перерисовываю. Собственно застрял на этом моменте: // theme settings $body_text = "#000000"; $body_bg = "#FFFFFF"; $theme_width = "100%"; $theme_width_l = "170"; $theme_width_r = "170"; function render_header($header_content) { global $theme_width,$settings; echo "<table align='center' width='100%' border='0' cellpadding='0' cellspacing='0' style='background-image:url(".THEME."images/header-center.gif);margin-top:0px;'><tr><td>"; // Header logo echo "<table align='center' style='background-image:url(".THEME."images/header-center.gif)' border='0' cellpadding='0' cellspacing=…

    Asked by Buzzard,

    0 votes
    3 answers

  19. Видео с FlashMediaServer на сайт

    уже который день мучаюсь но всё никак не пойму в чем проблема, надеюсь на вашу помощь... есть FlashMediaLiveEncoder который в режиме онлайн передает картинку на FlashMediaServer, значит захожу в видеоплеер сервера ввожу адрес куда транслируется и всё вижу всё прекрасно. Он дает мне код для вставки : <object width='640' height='377' id='StrobeMediaPlayback' name='StrobeMediaPlayback' type='application/x-shockwave-flash' classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' ><param name='movie' value='swfs/StrobeMediaPlayback.swf' /> <param name='quality' value='high' /> <param name='bgcolor' value='#000000' /> <param name='allowfullscreen' value='…

    Asked by mx4ever,

    0 votes
    3 answers

  20. Изображение на всю ширину макета

    Прочитал статью на вашем сайте: http://htmlbook.ru/content/izobrazhenie-na...-shirinu-maketa В целом интересно, хотя я до этого уже использовал схожие приемы. Что меня смутило: Однако я всегда делал такие нарезки шириной именной в 1 пиксель. Даже если такой картинкой заливаешь весь фон браузера, то никогда ни каких тормозов не наблюдалось (в том числе и на не самых быстрых компах). Может кто-то пояснить эту рекомендацию или она уже устарела (т.к. все современные компы справляются с такой заливкой на ура) и можно смело резать картинки шириной в 1 пиксель?

    Asked by Arigato,

    0 votes
    6 answers

  21. Смещение текста при изменении размеров окна

    Здравствуйте. При использовании резиновой верстки столкнулся с проблемой : при уменьшении окна браузера текст накладывается друг на друга и просто "выезжает" из своих колонок. Что сделать?

    Asked by Xelborg,

    0 votes
    2 answers

  22. ::after в IE8

    Юзаю в одном месте метод Easy Clearing: div.wrap:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } overflow: hidden вместо этого не предлагать, он в той ситуации не подходит Для IE 6-7 свои дурацкие трюки нужны, IE 8 это нормально хавает. Но так как хочется идти в ногу со временем, то хочется юзать ::after. И всё бы ничего, но IE8 не знает, что это. Можно как-то угодить всем?

    Asked by Gaspode,

    0 votes
    3 answers

  23. Помогите побороть INPUT

    вот собственно креатив: http://jsfiddle.net/pbj5S/ надо сделать так, чтобы инпут выглядел точно как зеленый див, т.е. чтобы тянулся в зависимости от ширины контейнера и отступ справа был пытался двумя вариантами, в первом при position:absolute и left:0; right:40px; его ширина почему то не настраивается автоматически - кто знает, почему? во втором настроил контейнер (синий) и в нем задал для инпута ширину 100%, но паддинги выталкивают его вправо (((( помогите, кто шарит!!!

    Asked by registerers,

    0 votes
    6 answers

  24. Добавить к картинке еще одну картинку

    У меня есть блок в которой находится картинка . И как сделать так чтобы с верху и с низу добавлялась картинка ? типа ободки только картинка

    Asked by skvaer09,

    0 votes
    4 answers

  25. Кросбраузерное рисование многоугольников.

    Хочу сделать небольшую интерактивную карту посёлка на JS, со скролом и зумом. В нижнем слое картинка, а в верхнем нарезанные полупрозрачные участки на которые можно наводить курсор, кликать и всё такое. Вот, не могу определиться чем рисовать эти участки. Хорошо бы, конечно, canvas, но судя по статистике он не будет работать примерно у 10% пользвателей, 8% из которых это IE8. Та же история и с SVG. Map и area тоже нельзя использовать так как участки получаются прозрачными. Подскажите, пожалуйста, максимально кросбраузерный вариант решения задачи.

    Asked by denisator,

    0 votes
    3 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