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
-
как сделать чтобы фотография была определенного размера в процентах ОТ СТРАНИЦЫ?
как сделать чтобы фотография была определенного размера в процентах ОТ СТРАНИЦЫ??например <IMG SRC="..." WIDTH="50%" HEIGHT="50%"> при изображении 400РХ на 400РХ оно будет 200 на 200, а мне нужно чтобы было при изображении 400РХ на 400РХ и шириной страницы 1024 на 600 изображение <IMG SRC="..." WIDTH="50%" HEIGHT="50%"> было бы 612 на 300 пикс...надеюсь понятно обьяснил или слишком запутанно?))) ну или проще...ВК пользователи ставят на аватарки разного размера фотки...у когото они вытянуты вверх у кого то квадратные и контакт делает их определенного размера когда их ставят на аватарку как они это делают?
0 votes1 answer -
Как зделать БГ немного прозрачным
Подскажите как зделать БГ немного прозрачным???
0 votes20 answers -
алфавитный указатель?
такой вопрос. есть список фильмов от А до Я, на каждый из которых дано однострочное описание. надо сделать алфавитный указатель. самое простое - сделать 30 страниц по одной на каждую букву, однако хочется сделать по-умному ) например разместить все записи на одной странице, и сделать так, чтобы при нажатии определенной буквы скрывались все строчки, начинающиеся с других букв )) примерно как авто-фильтр в экселе. есть варианты решения?
0 votes2 answers -
создание гор. меню
Здравствуйте! Подскажите пожалуйста по мере возможности, как сделать такое меню, с li-inline понятно, а с возможностью при нажатии появляется border буквой П и так т.д, картинка:
0 votes4 answers -
Fifeboard
Исходный код: <tr class = "fb_sectiontableentry1"> <td class = "fb_leftcolumn"> <strong>Прикрепить изображение:</strong> </td> <td> <input type = 'file' class = 'button' name = 'attachimage' onmouseover = "helpline('iu')"/> <input type = "button" class = "button" name = "addImagePH" value = "" style = "cursor:hand; width: 40px" onclick = "java script:emo(' ');" onmouseover = "helpline('ip')"/> <strong>Имя файла латинскими буквами, размер не более 50kB.</strong> </td…
0 votes2 answers -
Наложение слоев в шапки сайта
Помогите разобраться. На сайте http://okhota64.atp6.ru В шапке накладывались слои логотипа и поиска друг на друга, добавил float:left; но как обычно бывает ситуацияисправилась частично, т.е в лисе все внорме отображается а вот в IE не хочет, слой с поиском ускакивает вправо. Решение с : В браузере Internet Explorer 6 наблюдается ошибка с удвоением значения левого или правого отступа для плавающих элементов, вложенных в родительские элементы. Удваивается тот отступ, который прилегает к стороне родителя. Проблема обычно решается добавлением display: inline для плавающего элемента. Также в этом браузере добавляется отступ 3px (так называемый «трехпиксельный баг») в направле…
0 votes5 answers -
Абсолютный элемент над текстовым полем
Вопрос снимается, сам разобрался. Всем спасибо, все свободны.
0 votes2 answers -
Небольшая задачка
Часто приходится сталкиваться с такой ну не то что проблемкой. Вобщем разметка типа такого Есть у нас родительский блок, а внутри него блоки поменьше. И надо чтобы крайние блоки прижимались к краям контейнера. Как я это делаю HTML <div class="container"> <div class="block"></div> <div class="block"></div> <div class="block last"></div> <div class="block"></div> <div class="block"></div> <div class="block last"></div> <div class="block"></div> <div class="block"></div> <div class="block last"></div> </div> CSS .block {f…
0 votes6 answers -
Как подвесить картинку над контентом?
Есть: <span><img>text</span> Задача: Надо сделать так что бы img оказалась сверху text, те не занимала место на странице а выводилась поверх текста используя тольок CSS для img. Пример: https://catlair.net/index.asp?&Body=Bod...Page&edit=2 Как карандашики сделать висящими над контентом?
0 votes2 answers -
Mozilla/5.0 Macintosh
http://jaluse.ru/vertikalnyie-alyuminievyie-zhalyuzi.html Блок "Наши партнеры" уехал вниз. Этот глюк только в Mozilla. Всю голову сломала, не могу отловить почему. Помогите, пожалуйста!
0 votes3 answers -
Абсолютное позиционирование лишь по вертикали
Здравствуйте, форумчане. Нужна Ваша помощь в одном вопросе. Буду очень благодарен за совет... Мне необходимо создать меню, чтобы оно было вроде как абсолютно позиционированно, но не совсем... Дело в том, что если абсолютно позиционировать меню относительно левого края, на маленьких мониторах оно будет залазить на контент, который расположен по центру, а на больших - будет далеко от контента, то есть близко к левому краю окна браузера. Нужно чтобы меню находилось в пределах колонки таблицы (по горизонтали). А по вертикали - бегало при скролинге... Вот здесь это хорошо реализовано http://www.samsung.com/ua/consumer/tv-av/t...&returnurl= Там меню размещено не относительн…
0 votes7 answers -
Требуется помощь с вертикальным выпадающим меню
Делаю в сайдбаре вертикальное выпадающие меню. Возникла проблема с версткой - при нажатии на ссылку <li><a href="">Подкатегория 1.3</a> выпадающий список 2го уровня <ul class="children2"> наезжает на нижерасположенный пункт меню <li><a href="">Категория 2</a></li> Причем, этого не происходит, если вместо <ul class="children1"> поставить просто <ul>. К сожалению, этот класс добавляет по умолчанию сам движок. HTML: <ul id="menu"> <li class="current-cat"><a href="" title="">Категория 1</a> <ul class="children"> <li><a href="">Подкатегория 1.1</a></li> …
0 votes2 answers -
Нужна помощь
Всем привет... Впервые решил создать сайт,но никак не могу справиться с выравниванием рисунков...помогите ,а... вот что у меня получилось: Файл index: <html> <head> <title>Открытки HandMade </title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="verh1"> <div id="verh"> <img src="images/batterfly 2.gif" align="left"> <div id="verh-right"> <img src="images/butterfly.gif"> <div id="main"> <div id="niz_left"> <img src="images/Text.gif" align="left" align="bottom"> <div id="niz_right"> <img src="images/Left bot…
0 votes2 answers -
ID и class, как правильно назначать правило для div
Здравствуйте. Только недавно начал изучать CSS по видео урокам и столкнулся с тем, что один создаёт правила для блока назначая ему идентификатор ID, а другой тоже самое но только через class. Как правильно ?
0 votes5 answers -
Пожалуйста помогитес резиновой вёрсткой!
Здравствуйте! Вот тут сайт: http://webstroy.ksn.ru/example/ Проблема как всегда с IE 6-7. Проблема с горизонтальным меню. Надо чтобы оно было резиновым, с равными отступами и по центру. Но при сужении, всё сбивается. Пробовал варианты с expression , но не помогло. Также попробовал задать для #selMenu ul ширину в 1000px , но при сужении, справа появляется щель (почему кстати...?) В общем, очень нужна ваша помощь! Благодарю всех кто откликнется!
0 votes15 answers -
Проблема с позиционированием
Вобщем вот что у мя есть: http://i013.radikal.ru/1011/fe/0c1ad6be4132.jpg Вобщем я взял скрипт лента фильмов - Вот сам скрипт, и переделал под себя,под афишы. Я создал информер: <div style="width:18%;background:#333;display:block;border:1px solid #444;float:left;margin-left:8px;height:180px;margin-bottom:10px;"> <table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"><tr></tr><tr><td class="infTitle" colspan="2"> <?if($SOURCE$)?><c><a href="$ENTRY_URL$"><img src="$SOURCE$" width="100%" height="50%" alt="$TITLE$"/></a> </c><?endif?> </table> </div> П…
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 -
Где правильно писать условые комментарии?
Добрый вечер. Вопрос в названии темы. Встречал и до тега <title> и после и еще много где. А где правильно-то или не так важно это?
0 votes5 answers -
как открыть несколько сайтов с одном окне?
как открыть несколько сайтов в одном окне?? хочу в таблицу закинуть ссылки сайтов что бы, утром встал открыл одно окно(с этой таблицей)а там всё, что надо) новые сообщения с форумов, новости,погода, почта, новинки, новые сообщения вконтакте и т.д.=)
0 votes1 answer -
Фиксированный блок в фиксированном блоке
Скорее всего хожу вокруг да около или просто туплю, но мне надо сделать два блока фиксированной ширины. Схематично это можно выразить так: Грубо говоря, у меня есть зеленый блок фиксированной ширины, а внего нужно запихнуть красный блок фиксированной ширины. Естественно, не получится запихнуть блок большей ширины в блок меньшей ширины, но вот как-то надо это сделать каким-то другим образом.... )))
0 votes13 answers -
Прокруткав ширину, и див такой же
Вот возможно ли так сделать: Заголовки типа Kitchen, LivingRoom И в них должно быть то что черными символами (эти блоки у меня будут разных размеров, неизвестная высота). Т.е. что я хочу спросить, как запретить вертикальное растягивание, а оставить горизонтальное заполнение? Т.е. вот так: 1 | 4 | 7 2 | 5 | 8 3 | 6 | n Ну и есно что бы часть могла быть скрытая, по ней скрол просто уже сделать. Такое возможно на HTML CSS ?
0 votes6 answers -
Как выровнять в ячейке таблицы?
Чё-то не могу понять: делаю форму таблицей, в одной ячейке у меня два объекта input и img (img к тому же является ссылкой, но это не существенно). Когда input один -- он нормально выравнивается по вертикали посередине ячейки, но при добавлении img всё разлетается... Пробовал двигать padding и top -- безрезультатно. Должно выглядеть вот так. Как же их выровнять?
0 votes3 answers -
проблемы с кодом
<!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> sss </title> <style type="text/css"> html { margin: 0; padding: 0; } body { background-image:url('700.jpg'); } #main { background-image:url('fon2.png'); background-repeat:no-repeat; position:absolute; width:1024px; height:100%; background-position:center top; } #title { background-image:url('title.png'); background-repeat:no-repeat; position: absolute; width:100%; height:100%; background-posi…
0 votes1 answer -
"Экстренная мобилизация"
Коллеги, нужна срочная помощь. Имеется сайт www.zgames.com (игрушки для айфона), на самом айфоне отображается (имхо) адекватно, но к концу сегодняшнего дня нужно сделать для него отдельную мобильную версию. Никогда с такой задачей не сталкивался (всегда придерживался позиции, что лучше делать основную верстку доступнее, проверял в Опере Мини и всё), поэтому не знаю толком, с какого конца браться. Нужно ли юзать XHTML MP (с правильным контент-тайпом application/vnd.wap.xhtml+xml и т.п.)? И вообще, на что обратить внимание в первую очередь, а что можно оставить "на после"? Пожалуйста, помогите чайнику хотя бы сориентироваться...
0 votes3 answers -
DIV внутри ячейки TABLE IE проблемы резины
Всем привет! Помогите кто шарит в ХТМЛ, есть простой кусок ХТМЛ, но в ИЕ 8 он отображается каряво: <body> <!--ТУТ "РЕЗИНОВАЯ" строка с картинкой и текстом--> <div style="width:100%; float:left"> <div style="margin-left:64px; background-color:red">TEXT</div> </div> <div style="margin-left:-100%; width:64px; float:left; background-color:blue">IMG</div> <div style="clear:both"></div> <!--ТУТ "РЕЗИНОВАЯ" строка с картинкой и текстом в обёртке table--> <table style="width: 100%; vertical-align: middle; height: 100%; text-align: center"> <tr> <td align="center" valign="middle" height="100%"&g…
0 votes4 answers