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
29,542 questions in this forum
-
Помогите
Нужно разместить по центру сриншоты на даной странице http://svetkino.net/detektiv/11-nachalo-inception.html ,у меня ни как не получаеться ,помогите!
0 votes11 answers -
map и position
имеем изображение (img), карту к ней (map) и слой (div), который это все перекрывает <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <style> div{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; } img { position:relative; z-index:1; } </style> </head> <body> <div></div> <img src="http://img0.liveinternet.ru/images/attach/b/3/14/8/14008201_hm4_1_30_0_big.jpg" width="450px" height="450px" usemap="#map" /> <map name="map" id="map"> <area href="#" shape="poly" coords="50,50,400,50,400,400,50,400" title="hover" /> </map> </body> </html&g…
0 votes5 answers -
Специфические шрифты в psd макете
Всем привет. Возникла такая проблема. Теорию html и css я прочитал и решил попрактиковаться. Скачал несколько макетов и тут появилась проблема со шрифтами. В Photoshop я пока плохо разбираюсь, но чувствую нужно будет подучить теорию с ним. Я разобрался, что если в системе нет нужного шрифта, то его легко можно скачать и установить. Но в паре макетов, которые я очень хочу сверстать, шрифты платные. То есть как я понял, единственный вариант - заменить их уже встроенными в Windows. Но при это возникает проблема с размером и полнотой шрифта. Если с полнотой ещё понятно, то проблема с размером более объёмная. Заменяю я шрифт, он становится или Arial, или вообще …
0 votes2 answers -
фиксирование высоты таблицы
Нужно сделать так, чтобы при увеличении текста(Ctrl++) табличка не меняла своей высоты. Есть способ: добавить в отдельные ячейки табицы, другую табицу , но так как у меня достаточно много ячеек, то код получится ОГРОМНЫМ! Если кто знает как решить эту проблему или знает другой способ фиксации таблиц по высоте, пишите.
0 votes1 answer -
отображение слоя с рисунком в нужных пропорциях при измен. разм. окна
На оглавление отводится слой: ширина 100%. В этом слое рисунок. 760*55 Цель: сделать так, чтобы при изменении окна при смене ширины титула: она меняется нормально, изменялась высота в нужной пропорции разрешения рисунка. Одним словом, чтобы он не сплющивался относительно только одной из осей.
0 votes4 answers -
Заместь картинки - [AD] 0_o
Почему так? Может это для Вас и приметив но для меня это важно... И такое у меня ток с одной картинкой... Захожу на сайт - [AD] —-- пару раз обновил - появилась картинка=) <- мистика!) вот css картинки #leftbar .adv img{margin-bottom:2px;display:block;margin-right:0} вот html картинки подробнее... Заранее спасибо.
0 votes12 answers -
в ie6 страница не отображается
Народ есть такой косяк, сверстрал страничку. В XHTML. по результатам validator.w3c.org код валидный. В браузерах opera ie7 firefox safari chrome, все нормально, а вот в ie6 белый лист. Хз что делать. Главная страничка на dnscenter.ru
0 votes6 answers -
CSS float
Всем доброй ночи. Хотел что то похожее на это тут текст тут картинка тут текст побольше тут картинка текст выравнивается по левому краю а картинка поправому <style type="text/css"> div { width:10%; } dl dd { float:left; } dl dt { float:right; } </style> <div> <dl> <dt>тут текст</dt><dd>тут картинка</dd> <dt>тут текст побольше</dt><dd>тут картинка</dd> </dl> </div> И если div меньше ширины картинки и текста то картинка падает вниз. В этом и есть моя проблема.
0 votes9 answers -
Плавающая картинка в блоке
Вопрос по примеру из ЧаВо: http://forum.htmlbook.ru/index.php?s=&...ost&p=94256 Всё хорошо. Но возникает вопрос, если у картинки заданы маргины. ИЕ 6 и 7 растягивает внешний див только на величину рисунка, не учитывая эти маргины. Сравните пример в ИЕ и в Мазиле или Опере: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Плавающая картинка в блоке</title> </head> <body> <div style="border: 1px solid red;overflow:hidden;zoom:1;"> <img src="http://forum.htmlbook.ru/style_images/elegance/logo4.gif" alt="" style="float: left;margin-bottom:10px;"> Test </div> </body> </h…
0 votes7 answers -
Глюк с шириной колонок в IE
В IE 6 появился глюк с шириной колонок. Колонки стали узкими несмотря на то, что я указала для них фиксированную ширину. Причем этот глюк появился только на главной, на остальных страницах все в порядке. А сама страница опустилась вниз и поднять ее никак не получается. Посмотреть это безобразие можно на http://stranasovetov.biz/ Помогите, пожалуйста, кто знает в чем тут ошибка. Сама никак не сображу. Заранее всем спасибо. Людмила
0 votes7 answers -
Позиционирование футтера
Помогите пожалуйста разобраться! Проблема возникла с позиционированием футтера. При уменьшении окна браузера по вертикали футтер "наезжает" на контент. Как избавиться от этого и сделать так чтоб он останавливался перед последним блоком? саму страничку можно найти на http://outfoxer.ua.elro.com/yoga/ball/index.html заранее спасибо.
0 votes2 answers -
z-index IE8
Добрый день! Есть проблема: Есть два дива. bottomgradient - заливается на всю ширину одним элементом. bottomleft - ложится поверх заливки слева. В мозиле все отлично, +1 в опере, а вот в IE8 - хрен. Как это можно исправить? HTML <div id="bottomgradient">bottomgradient <div id="bottomleft">bottomleft</div> </div> CSS #bottomgradient { height:19px; background-image:url(../images/1_22.png); position:relative; z-index:1; } #bottomleft { width:101px; height:19; background-image:url(../images/1_21.png); background-repeat:no-repeat; position:relative; float:left; z-index:2; }
0 votes5 answers -
Ячейки таблицы с одинаковыми полями без скриптов
Доброго времени суток, уважаемые! Никак не могу решить такую задачу: нужно сделать "резиновый" ряд "кнопок" Суммарная ширина ряда - 100% от родителя. Ширина каждой "кнопки" = ширина текста в ней + ОДИНАКОВЫЕ ВО ВСЕХ КНОПКАХ поля. при растягиваии "родителя" размер всех кнопок тоже меняется НА ОДИНАКОВУЮ ВЕЛИЧИНУ хоть дивами, хоть таблицей, но без скриптов желательно вот так должно быть:
0 votes19 answers -
Прошу помочь с версткой.....
Добрый день, имеется в основной части (контенте) 2 DIV колонки, в css стилях выставлен мин высота в 100% так вот 1. В опере вроде на первый взгялд все нрм, без наполнения колонки растянуты во всю страницу, ну как тока добавишь в одну или другую текст , так к примеру если в перой обавили текст, то она увеличивается в размере , а ВТОРАЯ так и е растягивается до размеров первой 2. В эксплорере 8, вообще бэкграунд не заполняет страницу, как к примеру в опере КОД страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">…
0 votes14 answers -
Вертикальный скрол меню с position fixed
Всем привет. На странице расположено горизонтальное меню с навигацией. При скроле страницы вниз, при условии, что блок с меню вышел за пределы экрана, значение его атрибута position меняется со static на fixed. Блок с меню прижимается к верхнему левому углу и растягивается на всю ширину окна браузера. Меню построено в виде аккордеона - при нажатии на ссылки основного меню открываются подменю. ПРОБЛЕМА: При открытии подменю с большим кол-ом пунктов, пункты основного меню ниже выходят за пределы экрана внизу. Скрол меню невозможен из-за position: fixed. Пункты меню становятся недоступными. ЗАДАЧА: Реализовать прокрутку меню по-вертикали, если при раскрытии подменю пун…
0 votes2 answers -
Разъезжается элементарная таблица в IE
<html> <body bgcolor=#FFFFFF;> <style type="text/css"> a img { border: none;} </style> <table cellspacing="0" cellpadding="0"> <tr><td width="181" height="53"> <a href ="#"><img src="new.jpg"></a> </td></tr> <tr><td width="181" height="53"> <a href ="#"><img src="new.jpg"></a> </td></tr> </table> </body> </html> Размер картинки new.jpg 181x53 Такая вот страничка. Везде кроме IE между ячейками пространства нету, в IE же между ячейками проглядывает желтый цвет. Как побороть этот глюк? очень нужно в создании меню использовать карт…
0 votes2 answers -
Validator.w3.org
значит парни вот такие ошибки Прошу помощи Data Life Engine 7.3 (лицензия) Result: 1 Error Address: Encoding: windows-1251 Doctype: XHTML 1.0 Transitional Root Element: html Root Namespace: http://www.w3.org/1999/xhtmll Line 80, Column 22: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag . <p><div id='news-id-4'>Текст ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing eleme…
0 votes6 answers -
Размеры фонового изображения
Каким тегом или свойством автоматически растягивать фоновое изображение в зависимости от разрешения экрана? Процентное отношение?
0 votes5 answers -
место нахождения на сайте
существует такое меню ... <td align="center"> <a href="katalog.html" onMouseOver="ChangeImg('ImgName2','pics/katalog1.png')" onMouseOut="ChangeImg('ImgName2','pics/katalog.png')"> <img name="ImgName2" border="0" src="pics/katalog.png" alt="Каталог"></a> </td> <td align="center"> <a href="gallery1.html" onMouseOver="ChangeImg('ImgName3','pics/photogallery1.png')" onMouseOut="ChangeImg('ImgName3','pics/photogallery.png')"> <img name="ImgName3" border="0" src="pics/photogallery.png" alt="Фотогалерея"></a> </td> ... и т.д, как можно сделать что бы было видно в каком разделе ты находишся? т.е. когда ты на…
0 votes8 answers -
и снова привет
вот подскажите много ли косяков в этом коде <table background="images/shapka4.jpg " bgcolor="#660f0f" border="0" cellpadding="0" cellspacing="0" height="150" width="100%"> <tbody> <tr> <td width=100% valign=bottom> <center> <div id=menu> <font class="middle"><b>Вход для пользователей</b></font> <table cellspacing="0"> <form action="index.php" method="post"></form> <input name="enter" value="1" type="hidden"> <td align="right"><font class="shapka">Логин:</font></td> <td><input class="ss" name="user_login" size="10" type="text"></td&g…
0 votes13 answers -
хак только для opera 9
Всем привет. Подскажите хак, который бы работал в 9й опере, и не распространялся бы на 10 и 11 Знаю, что плохо, но нет времени копаться.
0 votes10 answers -
Наследование высоты блока
Друзья, помогите разобраться... уже весь мозг сломал Есть 2 блока, левый основной и правый, который должен наследовать высоту левого. Но есть небольшая хитрость! Максимальная высота левого не ограничена, когда как минимальная - 400px. У правого нужно жестко зафиксировать, что если высота левого 400px, то у него 400px. А если больше 400, то наследовать его высоту, которая меняется в зависимости от наполнения! Собственно все это нужно, что бы прикрутить полосу прокрутки для правого блока. Т.е. если вдруг высота правого становится больше левого, то у него должна появляться прокрутка! Возможно криво объяснил #main { float: left; margin-top: 16px; background-image: ur…
0 votes2 answers -
Размытие фона (filter: blur) ПОД модальным окном
Здравствуйте! Перелопатил очень много информации и примеров, но так и не понял как размыть фон под модальным окном. В любых вариантах у меня размывается само модальное окно, а фон остается прежним. Хотя, если устанавливаю цвет фона, то он применяется под модальным окном...помогите, пожалуйста, разобраться. https://jsfiddle.net/tm1jnysg/
0 votes1 answer -
хотелось бы узнать о новых технолгиях в сайтосроении?
Кто-нибудьзнаето новых тенденциях в сайтостроении?
0 votes9 answers -
Странный глюк в опере
Делаю таблицу с элементами формы в ячейках <table> <tr> <th width="400px" >Берлин</th> <th>fhdfhfdhdfhfghlfdkhnlfh;fdngblfngblnfbn</th><td width="7px"><select name="bitrate"> <option selected value="320">320 kbps</option> <option value="256">256 kbps</option> <option value="192">192 kbps</option> <option value="128">128 kbps</option> <option value="64">64 kbps</option> <option value="32">32 kbps</option> </select> </td><td width="8px"><input type="checkbox"></td> </tr> <tr> <td ro…
0 votes10 answers