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
-
кнопка
Народ помогите добавить кнопку в меню сайта.Как это сделать. Даже скажите как правельно это сделать и что где нужно прописать.для этого сайта
0 votes25 answers -
Относительное позиционирование
Уже не первый раз сталкиваюсь с этой проблемой, но всё как-то старался обходить, теперь хочется вникнуть. Вот есть у меня, предположим, такой код: <div id="header"> <img src="background.gif" alt="" /> </div> Мне нужно ПОВЕРХ этого изображения добавить ещё один слой. Делаю так: <div id="header"> <div id="lay" style="position: relative; left: 700px; top: 25px;"><img src="image.gif" alt="" /></div> <img src="background.gif" alt="" /> </div> Сталкиваюсь с такой проблемой... Image.gif имеет высоту в 10 пикселей. Так вот, это изображение показывается ПОВЕРХ background.gif и, казалось бы, все довольны, но... Почему, спрашив…
0 votes6 answers -
центрирование div
Здравствуйте! Как можно отцентровать div, если его ширина заранее неизвестна. Т.е. есть такой вот html-код: <div id="header"> <div class="menu_container"> <ul class="menu"> <li class="menu_item">пункт 1</li> <li class="menu_item">пункт 2</li> <li class="menu_item">пункт 3</li> </ul> </div> </div> Пункты меню выводятся динамически, т.е. сколько их будет заранее неизвестно. Что прописать в css для header и menu_container, чтобы этот самый menu_container центрировался такой css не помогает: #header { text-align: center; } .menu_container { margin: 0 auto; }
0 votes12 answers -
позиционирование формы
Ребят подскажите как отпозоционировать input и option что бы они были на одном уровне и одинакового размера,кучу видосов посмотрел на ютубе но там никто не объясняет толком как и почему <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <form action="#" method="post"> <p><label for="name">Name: <input type="text"></label></p> <p><label for="passvord">Passvord: <input type="text"></label></p> <p><label for="forza">Forza:</label> <select name="nav" id…
0 votes6 answers -
Значение отступов взависимости от разрешения.
Подскажите, можно ли как нибудь так прописать в css чтобы значение отступов для браузера различалось при разных разрешениях монитора, Например: чтобы для 800х600 равнялось нулю, а для 1024х768 и выше = 3%. Или без скриптика тут не обойтись?
0 votes10 answers -
проблема с отображением флеша
http://www.minimonsta.com.ua Большой флеш-ролик в шапке загадочным образом не отображается в IE7? Кто виноват и что делать? Я не вижу никакой существенной ошибки?
0 votes10 answers -
Буквы разных цветов в одной строке.
Здравствуйте, нужна следующая надпись (вложено), возможно ли так сделать средствами HTML+CSS? Знаю, что первую можно выделить как захочется, применив псевдоэлемент first-letter. Как поступить здесь?
0 votes1 answer -
Наложение, без позиционирования.
Всем привет. Столкнулся с такой ситуацией. В общем у меня есть два элемента. Покажу на рисунке, так нагляднее. из него нужно получить вот такое: Но вроде бы все просто, вот только есть - но. позиционирование использовать нельзя. Почему? просто этот контент не статический и будет со скролом двигаться, и при позиционировании(relative) в 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"> <head>…
0 votes16 answers -
Непонятный отступ сверху в Firefox
Доброе время суток товарищи! Практически весь день бьюсь над проблемой непонятного отступа сверху ТОЛЬКО в Firefox. Фаербагом смотрел, он мне ничего не показывает. Там есть margin-top: 15px у верхних блоков, но так и задумано. В лисе же отступ гораздо больше... Ссылка на сайт: http://weltgroup.ru/sdm124/
0 votes5 answers -
Помогите расположить текст вертикально
Помогите пожалуйста! Нужно развернуть текст на 90 градусов против часовой стрелки, когда-то давно я это находила, но теперь не помню где и как... Может кто знает?
0 votes13 answers -
css карусель
people плиз! рылся в google? так ничего и не нашел, может у кого есть примеры создания css карусели, или ссылки на сайты??!
0 votes12 answers -
Макет для верстки начинающим
Приветик всем, решил поделится с форумчанами макетом для верстки. Начинал верстать сам с макета райра, искал по инету еще макеты но там их очень мало, вот макет более сложный чем райра на радость новичкам Особенности верстки. Резиновая верстка, Минимальная ширина 1024px, Три блока с картинками должны быть полупрозрачными и тянущимися Вот ссылка на psd http://www.rehabsensory.ru/maket/roza.psd
0 votes9 answers -
Выпадающее меню в фрейме. Меню поверх фреймов.
Столкнулся с такой ситуацией: созданое выпадающее меню скрывается под соседним фреймом, так что оно получается обрезаным. Применил фреймы так-как при изменении/редактировании меню требуется вёрстать еще около 300 файлов что крайне не удобно. Вот как это выглядит: Структура такова - есть три фрейма и соответствующим им хтмл. 1-й фрейм - шапка(сверху), 2-й фрейм - меню (слева), 3-й - содержание (справа). Что посоветуете в такой ситуации, кто сталкивался? Вот исходник:
0 votes6 answers -
противная пунктирная рамочка вокруг ссылок в FF после нажатия оных
КАК УБРАТЬ? вопрос уже был, я точно помню, но оказалось, что не взял во внимание, потому что в избранных ссылках не наш?л ничего подобного. и после долгого поиска по форуму тоже никаких результатов я не поимел. уж сил нету, час какой - 6 утра! буду одинаково благодарен за помощь на месте или за ссылку на тот топик, который утерян для меня навеки)
0 votes12 answers -
проблема расположения картинок в навигации.
Сделана навигация. на примере http://www.vw.com/specialoffers/en/us/#eos, центральная навигация. Подскажите как сделать чтобы разделитель не выглядывал,когда кнопка переключателя активна. код CSS. И как сделать,чтобы на активной кнопке цвет текста был активный и не менялся. Подскажите кто может, делаю первый раз и зависла. Сам код: <div id="object1"> <h1></h1> <table class="table1" cellspacing="0" cellpadding="0"> <tr> <td id="td1" onClick="Div_Act(div1, td1);" class="activ1" align="center"> <a href="#" class="menuTabl">'08 lease special</a> </td> <td id="td2" onClick="Div_Act(div2, td2);" class="passiv1" a…
0 votes10 answers -
Засветление рисунка
Ребята, а сделать так, чтобы не создавать рисунок с изображениями, нормальной картинкой и засветленной и этот код использовать: .menu{ list-type-style:none; } .menu li,.menu a{ width:84px; height:30px } .menu a{ float:left; display:block; background-repeat:no-repeat; background-position: 0 0; } .menu a:hover{ background-position:0 -30px; } .menu .home{ background-image:url(images/button1.jpg); } А проще, как это сделать так чтобы было засветление рисунка, когда на него наводишь указатель мыши? Кажется это нужно делать на js, но нет под рукой примеров
0 votes15 answers -
Див, залазиющий на див
Здравствуйте! Подскажите пожалуйста как сделать слой, который будет поверх первого слоя и на всю ширину первого слоя? У меня имеется первый слой - - он включает в себя все слои. А мне нужно сделать еще один слой, который бы был поверх этого слоя и не влиял бы на первый (я хочу сделать эффект затемнения по правому краю страницы)..page-container { width:99%; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em; }
0 votes14 answers -
H1 и Span
Здравствуйте. Для своего сайта я использую в новостном блоке для названия новости h1 заголовок и пере ним спан, но имея поверхностную информацию о SEO не знаю, правильно ли это. <h1 class="title><span>12.03.12.</span>Название новости</h1> для title прописаны в основном свойства шрифта и бекграунд, а для span цвет. Новостной блок по схожести как на http://tes.ag.ru/
0 votes16 answers -
Как запретить браузеру переносить заданную строчку
собственно сабж строку 07-ААА123456 иногда браузер разделяет на две строки после дефиса(в таблице) как ему запретить делать это через поиск ненашел, поэтому запостил подскажите пжлст
0 votes11 answers -
как закрепить меню
Здравствуйте! как закрепить меню, чтобы при свертывании окна internet explorer меню не смещалось вот ссылка на сайт это не реклама http://www.play-on.ru/ . И как сделать, что бы при разных разрушениях монитора меню не было сверху таблицы с текстом. и что бы сайт нормально отображался в разных интернет браузерах
0 votes6 answers -
Прозрачный iFrame
Прозрачность iFrame реализована через CSS: body {background: url(bg.jpg) no-repeat center center fixed; background-size: cover;} iFrame {width: 79%; height: 87%; background-color: #000000; color: #ffffff; margin-top: 1%; opacity: 0.6;} Проблема в том, что кроме фона прозрачным становится всё содержимое. Возможно ли сделать прозрачный фон, с непрозрачным содержимым, но самое важное, чтобы background-color оставался чёрным? Пытался решить проблему с помощью js (динамическое изменение свойств), но слабые познания не дают продвинуться. Заранее спасибо.
0 votes3 answers -
bootstrap для новичка ?
Доброго времени суток, обитатели этого замечательного ресурса. Я начинающий верстальщик. Меня интересует такой вопрос: Стоил ли учится работать с css frameworkами начинающему верстальщику или же лучше все писать самому без какой либо помощи ? Не хочу что бы это как то отобразилось на моем обучении в худшую сторону...
0 votes4 answers -
Элементы наезжают друг на друга
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <div class="header"> <div class="product"> <h1>Product Name</h1> <ul class="sps"> <li>Put on this page information about your product</li> <li>A detailed description of your product&l…
0 votes1 answer -
FORM SELECT ограничение строк
Возник вопрос - можно ли заставить select открываться строго на заданное количество строк и строго в заданном направлении (в частности вниз). Просто рядом находятся несколько select'ов, заполненных разным количеством пунктов. Весьма неэстетично, что один список раскрывается вниз, а соседний распахивается наверх весьма обширным списком... Подозреваю, что этим в принципе нельзя управлять, спрашиваю просто "а вдруг!". Может кто-то нашел нетривиальное решение...
0 votes3 answers -
Reset (прислал верстальщик)
reset.css - прислал верстальщик. Я обычно просто, чтобы не париться, прописываю * {margin:0; padding:0;} Будет ли удобнее и правильнее с таким reset? /* ========== Reset list ========= */ body {margin:0;padding:0;} img {border:0;} :focus {outline: 0;} a {outline:none;} /* ————————-- */ /* Headers all reset */ h1, h2, h3, h4, h5, h6 {margin:0;padding:0;} /* ————————-- */ /* List reset */ ul, ol, li {margin:0;padding:0;list-style: none;} /* ————————— */ /* Definition list (if use) */ dl, dt, dd {margin:0;padding:0;} /* ————————— */ /* Tables (if use) */ table {border-collapse:collapse;border-spacing: 0;} /* ======= End of main list reset ========= */ …
0 votes27 answers