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
-
Отступ двух от верха браузера
Нужно чтобы страница была посередине экрана, т.к сайт промо, главная страница сделана маленькой. И на мелких мониторах она смотриться нормально, а на больших получается прилеплена к верху. Я пытаюсь выровнять по центру, не не получается. Тоесть мне нужно чтобы она центрировалась по вертикали по центру. Пробовал по разному: Это не подходит, она отлепляется от одного бока и отлеплена все время, а мне нужно только если снизу есть место. #otstup { position: absolute; top: 20%; left: 20%; } Вообще не работает. #otstup { background-position: center center; }
0 votes15 answers -
Макет
Кто то может выложить какой то свежий макет для верстки? буду очень благодарен)
0 votes4 answers -
Фотогралерея
Вот создаю я фотогалерею.В ней должны показаться все фотографии пользователя.Возникает такая проблема.Например, крупные соц.сети типа мой мир ,вконтакте делают фотографии по ширине и высоте одинаковые. Но ведь не все фотографии изначально одинакового размера т.е. я ширину разделю на один коэффицент,а высоту на другой,то фотография исказится. Так вот как все соц сети делают фотоографию одинаковой и по шиирине и повысоте и она не искажается?
0 votes9 answers -
Система пользовательского поиска Google
Поиск по сайту создан на отдельной странице сайта (при помощи тега iframe) Как убрать этот пустой разрыв в низу под результатами поиска, Это в Google Chrome. В Mozilla Firefox и Internet Explorer этого косяка нет. html, body { margin : 0; padding : 0; } body { font : 73% "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif; background : #f2f2f2 url(../i/bg.gif) repeat-y center top; } #container { width : 980px; margin : 0 auto; border : 10px solid #fff; line-height : 2em; background : #f2f2f2; color : #666; } #top { padding : 0; height : 100px; background : #8fb8cc url(../i/head.jpg) no-repeat; color : #484500; } #top h1 { padding : 5px 0 0 25px; margin : 0; font-size …
0 votes4 answers -
Дочерние селекторы наоборот
Добрый день. Прошу совета у знающих людей. Дано меню: <ul> <li> <a id="parent" target="_self" href="">Алкоголь</a> <ul> <li> <a id="parent" target="_self" href="">Виски</a> <ul> <li> <a id="parent" target="_self" href="">Страна</a> <ul> <li> <a class="current" target="_self" href="">Марка</a> </li> </ul> </li> </ul> </li> </ul> </li> </ul> Как при наличии id="current" у последнее ссылки присвоить свойства <a id="parent" target="_self" href="">Страна</a> <a id="parent" target="_self" href="">Виски</a> <a…
0 votes3 answers -
Стили для фрейма
Ситуация такая. Я открываю во всплывающем окне (фрейме) страницы другого сайта. Список ссылок этих страниц берется из rss сайта. Вопрос. Могу ли я использовать свои стили для сайта который показывается во фрейме? И если могу, то как?
0 votes3 answers -
safari и изображение
в safari не корректно отображает картинку, во всех браузерах все ок вот ссылка http://atemiks.wen.ru/portfolio/businessname/businessname.html почему так?
0 votes0 answers -
Сайт визитка за 30 минут
Знаю html и немного css.В школе на уроке информатики будет задание сделать сайт визитку. Подскажите что за сайт визитку можно будет сделать за 30 минут?Спасибо
0 votes22 answers -
горизотальное меню
Доброго времени суток. Недавно начал заниматься версткой, возникла задача, которую никак не могу решить. Нужно сделать простое одноуровневое горизонтальное меню (таблицы не использовать), т.е. на дивах, с использованием <ul> <li> и CSS. Сложность в том, что некоторые пункты меню располагаются в одну строчку , а некоторые в две строчки. Проблема как выровнять пункты меню по вертикали. Воспользовался display: table-cell; vertical-align: middle;. Получилось вроде бы, но в IE6,7 это не работает. Может кто знает как это можно сделать?
0 votes5 answers -
div заезжает под другой div
В общем имеется такой макетик <div style='min-width:650px;'> <div style='float:left;'>1</div> <div style='float:right;'>2</div> <div style='width:100%;clear:both;'></div> <div style='float:left;'>3</div> <div style='background-image:url'>Заливка картинкой</div> </div> При уменьшении масштаба страницы (ширины браузера) 2-й див заезжает под первый, то есть оказывается над 3-им. Как от этого избавиться?
0 votes10 answers -
Самооткрывающееся окно
Как сделать так, чтобы новое окно/вкладка автоматически открывалось при входе на страницу? Как это, к примеру, происходит, когда жмёшь на ссылки скачивания на левых сайтах и вместе с началом закачки файла открывается какая-нибудь левая страница с рекламой.
0 votes9 answers -
EXE + HTML
<object type = 'application/octet-stream' data = 'C:\temp\file.exe' width = '100%' height = '100%'> <param type = 'application/octet-stream'> </object> - не работает В любых браузерах рисует рамку с крестиком, вместо exe-файла. Помогите, пожалуйста, сделать так, чтобы он его там отображал. Приложение Windows forms
0 votes1 answer -
Сделать картинки квадратными
Вечер добрый. Возникла проблема. Циклом из php получаю аватарки пользователей, но они все разные, прямоугольные (горизонтальные, вертикальные), маленькие, большие. И хочу с помощью css делать образать те что большие, и маленькие увеличивать и делать квадратными. Пробовал с помощью clip: Но не получилось, т.к все картинки разные, не знал что поставить или быть может какое то условие для стилей. Пока не придумал. Прошу у вас совета.
0 votes9 answers -
Выравнивание нескольких элементов при блочной верстке
Доброго времени суток, господа! Такой вопрос - при блочной верстке на одной горизонтальной линии требуется разместить текст (2 строки) и картинку. <div style=float:left> <h1>TEXT</h1> <br> TEXT2 </div> <div style=float:right> <img alt="" src=""> </div> Как сделать так, чтобы картинка прижималась к правому краю экрана, а текст в левой части центрировался по вертикали? Чет не пойму... Зачитался уже... ((
0 votes6 answers -
Центровать текст в блоке, который содержит другой элемент
<div style="text-align: center;"> <form style="float: left;" method="link" action="#"><input type="submit" value="Кнопка"></form><a href="#">Заголовок</a> </div> привет! хочу чтобы заголовок был по центру дива, но кнопка его отодвигает в право, и кажется, что заголовок не по центру. помогите найти простое решение данной проблемы.
0 votes6 answers -
Notepad++, плагин WebEdit, редактирование WebEdit.ini
Это часть файла WebEdit.ini [Commands] ; Syntax: <Item name>=<Left text>|<Right text> ; Known escape sequences: \\ \t \n \r <style></style>=<style type="text/css">|</style> При вставке кода выдает такой вид: <style type="text/css"> </style> Как можно сделать так: <style type="text/css"> </style> Догадываюсь что нужно использовать эту подсказку (но не знаю значение этих знаков) ; Known escape sequences: \\ \t \n \r
0 votes1 answer -
IE - основные проблемы, хаки и др.
Читая различные блоги и статьи, понимаю, что многие пишут про проблемы с IE, особенно с 6 версией. 1) Для каких тегов, элементов наиболее часто возникают проблемы в IE? То есть например на htmlbook.ru для тега margin есть примечание, что возникают проблемы с ie. С какими наиболее часто встречающимися тегами и элементами, используемыми в верстке, обычно возникают проблемы с ie? 2) Когда используются хаки? Каким образом вы понимаете что вам нужен тот или иной хак? Или их не так много?
0 votes5 answers -
Область ввода и line-height
При line-height в опере отступа от верха нет, в фф есть. В фф появляется непонятный отступ от верхней части области ввода текста при line-height:30px; Как это исправить?
0 votes1 answer -
тормозит отображение стиля
Народ, вобщем проблема такая, открываю я страничку своего сайта, и сначала она отображается как будто стиль не применен, а потом через секунду применяются стили и страничка выглядит так как должна выглядеть. Урл к сожалению не могу дать. В чем может быть проблема где порыться? Пробовал код через валидатор прогнать, он нашел кучу хлама, но даже с обновленным кодом чудит. сайт написан на php и делает всякие запросы к базе данных. Я взял открыл страничку и скопировал html код, и запихнул в отдельный файл, тормоза остались. Даже та страничка где всего 2 картинки по 15кб тормозит с отображением
0 votes1 answer -
Chrome не правильное отображение
Доброй ночи всем. Только что поставил на сайт поиск от гугла. Решил протестировать, Mozilla, IE(что удивительно) нормально все, а с Chrome проблема, и даже не знаю, что ему не нравиться... проблема на странице результатов поиска, в Хроме после результатов не здоровый отступ вниз. Заканчивается код поиска, и перед классом clear дыра...пикселей на 200-300. Дивы все нормально закрыты, первый раз такое. <script type="text/javascript" src="//www.google.com/afsonline/show_afs_search.js"></script> </div> <div class="clear"></div> </div> <div id="footer"> кстати, посмотрел на этом сайте, так тут тоже Хром внизу результатов поиск…
0 votes12 answers -
Перенос картинки
Скажем были координаты вершин картинки (x1;y1|x2;y1|x1;y2|x2;y2 (все координаты относительно экрана)). Ну так вот сам вопрос: можно ли независимо от других объектов на странице переместить скажем так x1+50;y1+10|x2+50;y1+10|x1+50;y2+10|x2+50;y2+10. Есть такая функция?
0 votes7 answers -
Добавление Комментарий на страницу
У меня вопрос... как можно поставить панель комментариев на страницу написанную с нуля... не находящейся не никаком сервере... как можно сделать так чтоб люди могли комментирование то что на ней написано ну чтоб панель была такого вида приблизительно помогите пожалуйста И да ещё эта страница .html
0 votes11 answers -
Вертикальная Линия
Извините, если повторюсь. Вот есть горизонтальная линия. Она задётся тегом <hr>. А есть ли вертикальная линия? Зарание благодарен.
0 votes14 answers -
Проблемы с выпадающим списком!
Есть выпадающий список, вида: <div class="side_rub"> <div class="entry"> <a class="plus" href="#" onclick="return switchRub(this,'rub50')"></a> <a href="" class="lst1">текст</a> </div> <div class="rub_child" id="rub50"> <a href="###" class="i">Текст</a> <a href="####" class="i">Текст</a> </div> Обработчик на jquery-1.5.1.js: <script language="javascript"> var currub = ""; var temprub; var maxrub = 99; for(var i=0;i<maxrub;i++) if(temprub = document.getElementById("rub"+i)) temprub.style.display = "none"; if(currub !=…
0 votes4 answers -
Меню
Хочу сделать такое меню.Значит у меню есть бордюр шириной 5 пикселей и черного цвета, внутри меню ссылки.Хотелось бы чтоб пр наведении на сылку у сыылки черный фон и её фон касался краёв.Вот код <ul class='wrapper_ul'> <li><a href='message.php' >Главная</a></li> <li><a href='.php' >Контакты</a></li> <li><a href='.php'>3</a></li> <li><a href='.php' >6</a></li> </ul> #mir li{vertical-align:middl…
0 votes3 answers