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
-
background-image
Hi. есть проблемка по поводу background-image: есть сайт в нем есть стили body { margin: 0px auto; padding: 0px; background-color: #FFFFFF; background-image: url(images/background2.JPG); font-family: Verdana, Arial, Helvetica, sans-serif; text-align:justify; font-size: 12px; color: #444444; } .bodys{ background: #FFFFFF url(images/background.gif) repeat-y center top; } <html> <head> <title></title> <link href="/resources/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="bodys"> <div id="header"> </div> <div> content </div> </div> </…
0 votes1 answer -
Как создать таблицу без верхней границы
Здравствуйте. Не могу реализовать казалось бы простейший прием: хочу сделать так, чтобы таблица по верхнему краю доходила прямо до начала страницы, т.е. чтобы не оставалось зазора между тело страницы и самой таблицой по вертикали. Даже не могу помыслить, как это реализовать. Вот мой код: <html> <head> <body bgcolor="#DDDDDD"> <table align="left" border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" width="400"> <tr valign="top" width="400" height="500"> <td> <p>От топота копыт пыль по полю летит.</p> </td> </tr> </table> </body> </head> </html> Заранее спасибо.
0 votes5 answers -
Дрессировка кошек
Помогите выполнить задачу. Необходимо, чтобы морда кошки оставалась на месте, а при изменении размеров окна зарезалась левая часть фотографии. Пробовал привязывать к правой стороне с отрицательными отступами в процентах, но фотография не всегда была вплотную. Надеюсь понятно выразился. Пример: http://jsfiddle.net/eZ2y2/embedded/result/ HTML: <div id="wrapper"> <div style="height: 1000px;">content</div> </div> <img id="photo" src="http://basik.ru/images/firecat/short.jpg"> CSS #wrapper { width: 400px; background: red; margin: 0 auto; opacity: 0.5; } #photo { border: 1px solid blue; position: fixed; top: 0; left: 0; z-index: -1; he…
0 votes10 answers -
Выравнивание нескольких элементов при блочной верстке
Доброго времени суток, господа! Такой вопрос - при блочной верстке на одной горизонтальной линии требуется разместить текст (2 строки) и картинку. <div style=float:left> <h1>TEXT</h1> <br> TEXT2 </div> <div style=float:right> <img alt="" src=""> </div> Как сделать так, чтобы картинка прижималась к правому краю экрана, а текст в левой части центрировался по вертикали? Чет не пойму... Зачитался уже... ((
0 votes6 answers -
IE6-8 тень,скругление, градиент
Здравствуйте. До этого делал скругленный углы для ИЕ6++ и все было отлично. А сейчас перерыл кучу инфы и не пойму в чем дело... Создал html+css файлы и там один див, в нем прописал, все работает. Подскажите как решить?(подключил pie.htc , дописывал zoom:0/1, position:relative) Мне нужно для заголовков сделать закругленной поле с градиентом и небольшую тень. Чтобы было понятно о чем я, вот скрин (сообщества лишайников) http://gyazo.com/1412ccf94ee02555e4ff9b55780c9df3 Может причина в том, что с h1 не работает? Я делал уже для родителя, но все равно не работает. .ContentPane h1{ ..... } http://ekology-blog.ru/archives/soobshhestva-lishainikov Код Css для h1: h1 { backgroun…
0 votes5 answers -
Неадекватэн чекбокс в IE(6-9)
Подскажите, почему так растягивается чекбокс? Только в IE(6-9) CSS для него: label input[type="checkbox"]{ *float:right; *width: 16px; *height: 16px; *margin:0px; *padding: 0px;}
0 votes6 answers -
Подскажите нужный слайдер
Добрый день! Подскажите пожалуйста слайдер, который бы работал по следующему принципу: - Есть некий блок с "Новинками" товаров - У каждого товара (внутреннего блока) задана фиксированная ширина (в px) - При уменьшении окна браузера, если то количество товаров, которое было показано первоначально, не влезает в родительский блок, то добавляется еще один слайд (кнопка слайдера), а количество товаров соответственно уменьшается (отступы между блоками товаров должен автоматически выровниться по ширине. Чтобы понять, как это должно работать, можно обратиться к рисунку:
0 votes1 answer -
помогите пожалуйста исправить баг с кнопками меню
Кнопки меню при нажатии изменяют свой размер и я никак не могу разобраться вот ссылка на пример http://1241254.96.lt/WorkSpace/
0 votes4 answers -
Верстка горизонтального меню
Есть меню, но дело в том, что непонятно откуда берется довольно таки большой отступ. Верстаю не так давно, поэтому вполне мог и нахимичить. Прошу помощи body { margin: 0; padding: 0; width: 100%;}.menu { list-style: none;}.menu li { text-align: center; width: 14.28%; margin-left:0; margin-right: 0; padding:0 0; background: #E0EEEE; float: left; font-size: 32px; font-family: Calibri;}.menu a { text-decoration: none; color: #000; display: block;}.menu a:hover{ background: #C1CDCD; transition-property: background; transition-duration: 0.5s;}.main { display: block; width: 100%; overflow: hidden;}
0 votes6 answers -
[Теория] Разница между адаптивной страницей и страницей с различными стилями
Уважаемые гуру, нужно ваше мнение: Что "лучше"-"предпочтительнее", сайт с адаптивным дизайном или сайт с различными стилями, работающими в зависимости, от необходимости?
0 votes6 answers -
HTML страница в странице
Добрый день форумчане. Прошу вашего мудрого совета. Имею небольшие поверхностные знания в Web-программирование. Стоит задача в следующем: Есть маршрутизатор Microtic под управлением routeros настроенный под режим хотспота. У хотспота есть страница авторизации, которая позволяет зарегистрироваться в гостевом режиме. Родная страница передела в элементарную, содержащую картинку и ссылку авторизации. Ссылка специфического характера, составная, понимается только самим роутером, поэтому чтобы её использовать - надо находиться на этой самой странице авторизации. И теперь собственно проблема - нужно встроить в страницу другую страницу, возможно целый сайт (для рекламных целей). П…
0 votes2 answers -
Как сделать вложеную ссылку в див, который является ссылкой, но по другому адресу
<a href="main"> <div>Text</div> </a href="fdg">dfgdfg</a> <div>Text2</div> </a>
0 votes9 answers -
Как в html5, разместить объекты <figure> в две строчки три столбца, без таблиц?
Как в html5, разместить объекты <figure> в две строчки три столбца, без таблиц? спасибо. Применяя float: left; первые три блока размещаются как необходимо, а вот со следующими тремя блоками - беда. Ни как они не хотят, следующей строкой ((( .a1 { background: #FFFFFF; border:5px; padding: 10px; display: block; width: 150px; float: left; margin: 0 10px 10px 0; text-align: center; } <! -- первые 3 блока —-> <article> <figure class="a1"> <p><img src="image.png" alt=""></p> <figca…
0 votes1 answer -
вход по логину и паролю
Дорогие мужчины! Помогите пожалуйста мне с моей проблемой. Я сделала страницу с формой регистрации на сайте и страницу с формой входа на сайт (PHP) что делать дальше??? я понимаю что нужно теперь создать базу данных где будут сохраняться данные из формы регистрации, но где и как? Помогите пожалуйста. Если можно отвечать более подробно я новичок в этом деле! Заранее спасибо!
0 votes1 answer -
Укращение дикой ячейки.
Добрый вечер. У мя така проблема: есть таблица из 5 ячеек и нужно сделать так, чтобы ячейка с картинкой не растягивалась, т.е. шиоина ячейки=ширине картинки. <html> <head> <title> Фильм. </title> </head> <body> <table border=1> <tr> <td align=center valign=top width=200> <b><h1>Меню</h1></b> </td> <td> Картинка </td> <td align=left valign=top><br> 1 </td> </tr> <tr> <td> 2 </td> <td colspan=2> Бла бла бла бла бла блаБла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла …
0 votes5 answers -
как убрать крайний бордер ?
на странице блок расположен списком , как убрать левый бордер у списка? Ссылка на jpeg : http://itrash.ru/idb/f3ab5cd36ef491cb21bb9...9-20_210334.png CSS .project { position:relative; float:left; width:100%; height:320px; margin-top:35px; } .project ul { list-style:none; margin:0 5px; padding:0; overflow:hidden; display:block; position:absolute; } .project ul li { position:relative; display:block; float:left; width:245px; height:320px; border-left:1px black dotted; } .imagePro { position:absolute; width:180px; height:175px; margin:78px 30px 0 33px; } .textProject { position:absolute; border:none; color:#000; …
0 votes1 answer -
Возникли проблемы
Я тут недавно начал вспоминать верстку, как то начинал, а потом из-за не надобности забыл. Вот код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=windows-1251" http-equiv="content-type"><title>Влад это моя работа</title> <style type="text/css"> .text {font-size:12px;font-family: Verbana; text-decoration:underline; color:black;border:0 solid #bebebe;border-width:0 1px;background:#f5f4f2;padding:0px 2px;} .text2 {font-size:12px;font-family: Verbana; text-decoration:underline; color:black;border:0 solid #bebebe;border-width:0 1px;backg…
0 votes4 answers -
Градиентный текст
Как сделать градиентный текст? Кто то может делал. Кроме как использования картинок. нашел библиотеку fonteffect но что то мне кажется оно того не стоит. ну и не пробовал ее с другим фоном. проблема в том, что сам градиент и фон разных цветов.
0 votes2 answers -
ASP.NET
Если известно что сайт будет работать на ASP.NET(или под ASP.NET не знаю как тут правильнее), то что я как верстальщик должен учесть, и есть ли вообще какая то разница. Однажды был опыт верстки под что-то подобное, там вся страница была обернута в тег <form> к сожалению тогда не уделил этому внимания и не разобрался как следует, теперь вод даже не знаю ASP это было или не ASP. Кто сталкивался, и если есть какие то тонкости то что стоит учесть? Спасибо.
0 votes3 answers -
Вопрос по оптимизации сайта.
Здравствуйте. Влияют ли имена классов и идентификаторов на оптимизацию сайта или же мы только для удобства пишем #content, #header и т. п.?
0 votes9 answers -
Label
Вот у меня задача такая: Сделать так чтоб при нажатии на букву активировалась: <input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'> это я делаю с помощью LABEL : <label class='label' id='r1' for='ati1'>1</label>. Проблема заключается в том ,что надо сделать чтоб "<input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'>" не было видно.Я сначала решил её так,прописал в стилях display:none , в опере работает так всё отлично,но в экспловере ваще нисколько ! Как мне быть?!
0 votes13 answers -
Как быстро найти закрывающий див среди кучи других дивов?
Как быстро найти закрывающий див, когда и внутри, и снаружи много других дивов? В Dreamweaver'е есть такая функция? Если нет, то где есть?
0 votes5 answers -
<video>, <audio>
Привет. Несколько вопросов к вам: 1. Теги html5 <video> и <audio> воспроизводят только файлы, которые находятся на фтп с сайтом ? Если нет, то как с помощью <video> вставить видео с youtube например ? 2. В макете нарисовано следущее: Задача верстальщика в чем заключается вообще: чисто разметить страницу под вставку видео и проигрывателя или сделать все, таксказать, "под ключ" ? 3. Как быть с тем, что сафари и ie8 не поддерживают этот тег ? Заранее благодарю!
0 votes7 answers -
Картинки в Div-е
Имеется Div фиксированного размера. Нужно равномерно по ширине расположить в нём несколько картинок. Мой вариант: <div width="800px" style="padding: 0; text-align: justify;"> <img width="100px" height="50px"></img> <img width="100px" height="50px"></img> ... <img width="100px" height="50px"></img> </div> К сожалению не работает. Как правильно это сделать?
0 votes10 answers -
Редиректы
Добрый! Подскажите плиз , можно ли, как то сделать вот такие редиректы К примеру у меня есть страница с urlлом типа: site.ru/?page=o-nas а хочется что бы выводилось без имени get переменной вот так site.ru/o-nas заранее спасибо за любую инфу по этому вопросу.
0 votes5 answers