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
-
<br> лучше не делать?
1. А как лучше? если нужно тупо сделать 3 строки между словами? 2. стоит ли делать: .w100 { width: 100px;} .w110 { width: 110px;} .h26 { height: 29px;} .h30 { height: 30px;} class="w110 h30" насколько это нужно, целесообразно и вообще, кроме как сокращение кода?
0 votes3 answers -
не получается background
Всем привет! Пытаюсь сверстать макет, чисто на дивах. Имеется див со следующими параметрами: .bgimg4 { width:912px; height:auto; background-image:url(bgimg2.gif); background-repeat:repeat-y; border:0px; } Проблема в том что, как только в этот блок, я помещаю дивы, с заданными параметрами float:left; или right - фоновый рисунок вместе с дивом просто сворачивается наверх о_О, Примерно так как я на картинке изобразил: Вот. Это моя первая верстка, по этому очень прошу не бить сильно, если что не так.
0 votes7 answers -
Два вложенных дива в ie6
<!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" xml:lang="ru" lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <meta http-equiv="Content-Language" content="ru" /> <style type="text/css" media="all"> * {padding:0; margin:0;} #gor1 {border:3px solid green;} #gor2 {border:3px solid red; overflow:auto;} </style> </head> <body> <div id="gor1"> <h1><nobr>Длинный текст заголовка</nobr></h…
0 votes2 answers -
не большой вопрос о таблиц
Добрый день Делаю шаблон для cms, нужно сделать таблицу с тремя столбами, как на картинке: возможно сделать? помогите
0 votes10 answers -
Увидел одно интересное меню
Здраствуйте! Гуляя по РуНету, наткнулся на Сайт с, как мне показалось, интересным меню. Как подобное реализуется? Возможно ли такое сделать без JS, испльзуя CSS u HTML? PS: Уж извините за "рекламу"
0 votes6 answers -
Как реализовать на CSS
Есть сайт http://planeta-kino.com.ua/ Там основной фон растягивается пропорционально на всю ширину экрана (это понятно как делать), но там еще центр картинки всегда остается на определенной высоте от верха, то есть при растягивании экрана картинка увеличивается так что центр остается на месте а верх обрезается. Там реализовано скриптами, как такое реализовать на css? (точно знаю что можно) Спасибо! На данный момент у меня такой код: html (<img class="rezina" src="img/background.png"/>) css (.rezina { position:fixed; z-index:-1; width:100%; min-width:800px;} )Растягивание работает отлично, но как закрепить середину? Спасибо
0 votes3 answers -
Web Developer
Возникла проблема. Установил Web Developer 3.3 на Firefox 10.0.2, дополнение отображается в списке, но не включить панель дополнения ни через меню "вид", ни "инструменты". В чем может быть проблема?
0 votes6 answers -
Шапка 1600px
Добрый день всем, уважаемые форумчане. Есть несколько вопросов. Я, мягко говоря, в ступоре, два дня пытаюсь найти решение. Значит так - есть шапка, в шапке на бэкграунде имага с размером 1600пикселей в длину, чтобы на любом разрешении (не беру во внимание 1900+ итд) было смотрибельно и приятно. Проблема в следующем - в ДИВе шапки должно быть несколько элементов (меню и картинки-ссылки) ! если ДИВу шапки задать width: 100%; то все замечательно на всех разрешениях - тянется, как надо ! но! мне нужно отпозиционировать относительно краев шапки элементы вышеуказанные (меню и картинки) если же у нас width: 100%, соответственно элементы каждый раз просто-напросто от краев брау…
0 votes11 answers -
Разные стили для картинок с одинаковым классом
Добрый день! Буду признателен, если поможете с решением одной проблемы. Точнее, это даже не проблема, а попытка найти более оптимизированное решение. Есть CMS. Пользователь в текст страниц может вставлять картинки и выбирать для них разный стиль отображения\выравнивания, в частности, float: left и float: right. Стиль прописывается внутрь тега. Вопрос: Можно без применения jquery и др. отловить значение атрибута float в стиле и исходя из этого назначить разные стили? Или может от чего то другого можно оттолкнуться? Может как-то через псевдоклассы из CSS3. Так же немаловажен вопрос кроссбраузерности решения. Пример. Код у картинок внутри текста будет именно в таком виде. К…
0 votes4 answers -
Проблема с футером
Задача: создать SEO адаптированный шаблон. Проблема: футер заходит под контент при уменьшении окна браузера по вертикали. Вот пример Большая просьба указать на ошибки, если таковые имеются или помочь хотя бы ссылкой на аналогичную проблему. Заранее благодарен.
0 votes6 answers -
background(ie)
Всем доброго дня. Интересует почему в браузерах ie 7-9 Не отображается фон дива ( <div class="logo"></div> ) Сайт _liolll.o0.pm
0 votes2 answers -
Pop-up окошки
Всем привет! В общем при написании сайта возникла проблем с выскакивающими окнами. Весь интернет пролазил, но понятной инструкции для не знающих продвинутых языков нет. Пожалуйста. можете доходчиво мне объяснить что и как на пальцах. Окна должны перемещаться и изменять размер. Зарание спасибо!
0 votes9 answers -
Маштабирование фона
Всем доброго вечера, господа, подскажите пожалуйста, как делать так, чтоб фон (картинка) автоматически маштабировалась (обрезалась/уменьшалась, увеличивалась) пропорционально размеру окна браузера. Заранее спасибо.
0 votes2 answers -
Блочный элемент не может содержать блочные и строчные элементы вместе?
Я на данной статье прочитал следующее "Блочные элементы могут содержать как строчные, так и блочные элементы, но не оба типа элементов сразу." Это как понимать? т.е. так делать нельзя? https://jsfiddle.net/toe0nkwc/? Всё вроде работает и отображается.
0 votes4 answers -
Перенос части текста из первого конейтнер во второй
Как перенести, часть текста во второй контейнер, если в первом закончилось места, а то текст выходит за границы контейнера? Вот пример: Код <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML5</title> <style> .page {width:100px; height:100px; background-color:yellow;} .page2 {margin-top:-100px;margin-left:100px;width:100px; height:100px; background-color:red;} </style> </head> <body> <div class="page">Привет мир! Привет мир! Привет мир! Привет мир! Привет мир! Привет мир! Привет мир!</div> <div class="page2"></div> </body> </htm…
0 votes3 answers -
Значение свойства в стиле и классе
<div id="div1" class="c1"> .c1 { visibility:hidden; } alert(document.getElementById('div1').style.visibility) выдаёт пустое место. Можно ли сделать чтобы выдавал 'hidden', не прописывая при этом явно style в диве?
0 votes2 answers -
видеопоток
вкрутил видеопоток в одну из страниц , а вот с плагином,как обычно проблема mime/type --> octet/stream кто кодэки подскажет подходящие для открытия потока?
0 votes2 answers -
DOCTYPE
Доброе время суток!!! Помогите решить проблему! Есть html файл <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <style type="text/css"> html, body { margin:0px; padding:0px; } table.main { width: 100%; height: 100%; border-collapse: collapse; } td.news { width: 30%; background-color: blue; } td.text { width: 70%; height: 100%; } </style> </head> <body> <table class="main" border="1"> <tr> <td class="news">news</td> <td class="text">text</td> </tr> </table> </body> &l…
0 votes4 answers -
Помогите Глючит В Ие Таблица + Формы
Народ, сорь. облазил весь интернет, но решения своей проблемы не нашол. В начале верстал в дивах (слоями) в конце решил проще по старинке табличной версткой написать - один и тот же глюк При вставлении в ячейу (или в див) формы <form> в ИЕ все расползается. точнее: ячейка расширяется а вместе с расширением ячейки бэкграунд становится виден как 1целый + кусочек идет на повтор ниже по вертикали как избежать этого? + как первые две формы (логин и пароль) никак не могу поставить по вертикали по центру (горизонтально по центру ячейки они стали у меня) может какое нибудь другое решение предложите... выслушаю все) Заранее спасибо <style type="text/css"> .login { w…
0 votes2 answers -
Проблемма с font-weight в Opera 11.61
Помогите разобраться с багом возникающем в Опере. При наведении на пункт списка, он меняет цвет с белого на серый и меняется font-weight с normal на bold. Во всех браузерах работает нормально, а в Опере после уводы мышки от ссылки остается часть текста в ховер-варианте. Вот: Вот разметка и стили: * { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; } ul { display: block; list-style-position: outside; list-style-type: disc; margin-bottom: 1em; margin-top: 1em; padding-left: 40px; } ul li { font-size: 14px; l…
0 votes7 answers -
Как облегчить вес картинки?
здравствуйте. у меня картика фона для body весит 1,2 мб (где-то 1600*2500px ) даже загружается с опозданием она в формате jpg в gif ещё больше весит. а есть ли какой-то способ уменьшить вес картинки, сохранив её размеры? спасибо
0 votes4 answers -
В чём ошибка кода )
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script > function one (objName) { if ( $(objName).css('display') == 'none' ) { $(objName).animate({height: 'show'}, 400); } else { $(objName).animate({height: 'hide'}, 200); } } function two (objName) { if ( $(objName).css('display') == 'none' ) { $(objName).animate({height: 'show'}, 400); } else { $(objName).animate({height: 'hide'}, 200); } } </script> <body> <div id="table" class="tab" > <div class="row"> <span class="cell"><h1><img src="news/111.jpg" width="170" height="125" alt="" align="left" /> ЗАГОЛО…
0 votes6 answers -
iFrame | В подвал!
Здравствуйте! Подскажите, пожалуйста, почему, когда я поставил iframe в подвале, указав в src="http://adres.com/index.html#go", при заходе на сайт он сразу же кидает меня в подвал! И на все других моих устройствах тоже самое. Но! Когда я убрал #go, всё вернулось на свои места, отлично работает, только вот с помощью margin пришлось отрегулировать положение объекта. - это не удобно... Легче id в адресе прописать... Так вот, подскажите, пожалуйста, почему так происходит? Я первый раз с таким встречаюсь... Раньше с iframe у меня всё работало. Заранее БОЛЬШУЩЕЕ СПАСИБО! Буду благодарен, если ответите
0 votes2 answers -
Положение таблиц
Привет всем! Помогите, пожалуйста, сделать так таблицы:
0 votes10 answers -
в ie 7 не отображаются маркеры у списков
в мозилле в опере и в IE6 маркеры у списка отображаются нормально, но IE7 не хочет их показывать, и ещеочень странно это все происходит, я отрываю страницу маркеры появляются на миг и исчезают вот css код #list3 { width: 136px; height: 100px; position: relative; float: left; font-size: 12px; font-family:Verdana, Geneva, sans-serif; font-weight: bold; padding-left: 1em; margin-left: 1em; margin-top: 5px; list-style-image: url(img/bullet.gif); list-style-position: outside; } li { margin-bottom: 3px; } a.li { text-decoration:none; }
0 votes2 answers