mishka
-
Posts
2,118 -
Joined
-
Last visited
-
Days Won
11
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mishka
-
<div style="background-image:url(images/fon_10.jpg)">
-
Как это фильдсет недопустим? align недопустим, а филдсет еще как допустим. Другое дело что его назначение - групировать элементы формы, а не текст рамочкой обводить
-
http://stepbystep.htmlbook.ru/ Так самое правильное решение.
-
Нет, если только не забивать на отображение сайта в ие7! Так как ие8 в режиме эмуляции ие7 работает аналогично ие7 Хотя согласен что нехорошо так делать. Если неподойдет эмуляция, то избався от фильдсета, замени дивом с бордером. А легенду - блок с выравниванием текста по центру и минусовым нижним маргином чтобы подтянуть под себя "фильдсет", также ему позишн релейтив чтобы поднять по оси z. В нем спан с белым бг, и так спан накроет бордер. Чтобы бордер не касался текста по бокам - спану паддингов добавь и будет тебе типа легенда
-
можна заставить ие8 работать как ие7 вот этой строкой <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />, и тогда он отцентрирует. А опере margin:0 auto; <!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" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title>legend</title> </head> <body> <div id="wrapper"> <form action="#"> <fieldset> <legend align="center" style="margin:0 auto;">Search</legend> <input type="text" value="search" /> <input type="submit" value="Go" /> </fieldset> </form> </div> </body> </html>
-
Я сразу сказал
-
Хм... Вобщет hasLayout включают только для ие6, тоесть zoom:1 или height:1% это фиксит ие6. В ие7 и без этого работает.
-
у меня Win ХР... с ие8 проблем никогда небыло. убери это <meta http-equiv="X-UA-Compatible"content="IE=EmulateIE7"> так как ие8 показал что вполне нормальный браузер, ненадо его под седьмой затачивать.
-
Телепатов тут нет. Что по скрину понять можна, кроме того что есть стрелочка между футером и контентом? Ты код давай.
-
а это если захочешь сделать минимальную ширину (на случай если родительская лишка будет слишком короткая) .nav ul{ width:100%; min-width:160px; _width:expression(this.parentNode.offsetWidth<160?'160px':this.parentNode.offsetWidth+'px'); }
-
такое пойдет? <!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></title> <style type="text/css"><!-- ul.nav{ margin:0; padding:0; list-style:none; height:1%; font:10px/14px Tahoma,Arial,sans-serif; } ul.nav:after{ content:""; display:block; clear:both; } .nav li{ background:url(bg-nav-li.gif) no-repeat 100% 100%; padding:0 15px 0 0; float:left; position:relative; } .nav a{ float:left; text-decoration:none; } .nav a strong{ background:url(bg-nav.png) no-repeat; height:33px; float:left; color:#fff; font:11px Arial,Tahoma,sans-serif; padding:10px 25px 0 10px; } .nav a em{ color:#d1cdc7; font-size:11px; font-style:normal; display:block; } .nav a span{ background:url(bg-nav-r.png) no-repeat; width:7px; height:43px; float:left; } .nav ul{ position:absolute; top:43px; left:0px; padding:0; margin:0; list-style:none; width:100%; _width:expression(this.parentNode.offsetWidth+'px'); } .nav ul li{ background:#a29b8e url(bg-marker-drop.gif) no-repeat 7px 5px; border:1px solid #7B7569; float:none; margin:-1px 17px 0 0; padding:1px 0 0; } .nav ul a{ color:#d1cdc7; padding:0 0 0 22px; float:none; display:block; height:1%; } --></style> </head> <body> <ul class="nav"> <li><a href="#"><strong>LA CAVE<em>Rencontrez-nous !</em></strong><span></span></a> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2 over</a></li> <li><a href="#">Item 3</a></li> </ul> </li> <li><a href="#"><strong>LA CAVE<em>DГ©couvrez et achetez !</em></strong><span></span></a> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2 over</a></li> <li><a href="#">Item 3</a></li> </ul> </li> </ul> </body> </html>
-
Или плохой вариант - в самом хтмл картинкам прописать <img src="..." alt="..." border="0" style="margin:0;" />
-
Там есть такие вот стили: .article img, img.article { border:1px dashed #7DB12F; margin:1em; } Вот надо убрать маргин. Или если он нужен для других картинок, то тогда картим добавить класс, и через него обнулить маргины.
-
margin:0 auto; так правильно. Посмотри там случайно нигде нет флоата на картинку. Если есть то добавь float:none; А еще лучше дай ссылку на сайт.
-
[themes] нужен если на сайте несколько цветовых схем, то тогда туда все что касается бг, цветов текста-иконок, ну и т.д., для определенной темы. Если тема одна, то ненадо эту папку делать.
-
как вариант: [css] —-[global] —-[pages] —-[themes] [images] —-[bg] —-[icons] —-[btn] —-[pictures] index.html inner.html
-
убрать <br /> Вместо этого текст оборачивай <p>, и на него text-indent.
-
<!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" /> <meta http-equiv="imagetoolbar" content="no" /> <title></title> <style type="text/css"><!-- html,body{height:100%;} body{ margin:0; color:#fff; background:url(transparent.gif) fixed; _width:expression(document.documentElement.clientWidth < 1000 ? "1000px" : "auto"); } #wrapper{ position:relative; z-index:1; min-height:100%; } #main{ width:1000px; margin:0 auto; overflow:hidden; } .bg-body{ width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; } .bg-body img{ height:100%; width:100%; border:0; position:fixed; top:0; left:0; } * html .bg-body img{ position:absolute; top:expression(eval(document.documentElement.scrollTop) + "px"); } --></style> </head> <body> <div id="wrapper"> <div id="main"> <p>Lorem ipsum dolor sit amet consectetuer Vestibulum vitae auctor nulla Nam. Convallis mauris nec et In auctor interdum et et vitae tellus. Velit urna gravida lorem molestie cursus id semper Curabitur lacus semper. Diam eget wisi Vestibulum pretium Quisque nec Donec mauris convallis Nullam. Id et dis neque venenatis Maecenas tortor Curabitur enim quis cursus. Mattis ullamcorper porttitor sociis dui lacinia penatibus vitae.</p> <p>Nisl pretium vitae Vivamus neque euismod In tincidunt tellus tincidunt Phasellus. Nullam tincidunt neque tempus lacus nibh Suspendisse leo auctor non felis. Venenatis non metus senectus condimentum Donec massa malesuada consectetuer nulla Nulla. Condimentum ut sed urna sapien leo semper Vivamus dui leo vitae. Elit Nullam Nunc netus lobortis laoreet sem vitae mollis non ut. Suscipit Aliquam quis In tempus laoreet consectetuer Cum Cras a.</p> <p>Pede metus Aliquam vel Curabitur Nam metus pellentesque lacus metus Sed. Elit pellentesque non Curabitur metus lorem ac et enim lobortis orci. Quis augue et Vivamus leo egestas Donec sagittis lacus a pretium. Est ut Sed faucibus ac elit tincidunt lacus ridiculus orci laoreet. Augue nibh tempus Quisque velit dolor consequat gravida venenatis at Cras. Risus Phasellus porttitor Curabitur augue condimentum augue elit Sed dolor ac. Elit pellentesque nulla.</p> <p>Libero molestie nibh sed quis ante urna Duis diam elit tellus. Neque Nulla consequat ac vel convallis ut dis ante nunc wisi. Sed Suspendisse Sed pretium ligula pellentesque tincidunt tortor tincidunt commodo Vivamus. Sed Curabitur ante orci vitae tellus tempor elit Vivamus pellentesque enim. Habitasse adipiscing vel Phasellus laoreet quis lacus leo id wisi nibh. Quisque elit ut tincidunt Vestibulum lacus nibh orci euismod.</p> <p>Accumsan enim Morbi laoreet sit tempus Morbi ullamcorper nibh vitae consequat. Tempor convallis accumsan Aenean Nam molestie lacus Vestibulum sem tincidunt nec. Consectetuer Cum Nulla Nulla interdum tellus urna In vitae consequat consectetuer. In ut magna nulla at urna ut tellus urna et a. Ut pretium orci eu interdum nec Pellentesque tellus quis Quisque elit. </p> </div> </div> <div class="bg-body"><img src="bg-body.jpg" alt="" /></div> </body> </html> Вот тебе сырой пример... В ие6 некорректно работает.
-
Зачем фиксед если он неработает в ие6? Чтото мне подсказывает что тут и абсолютом можна обойтись
-
<!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>Батик | Главная</title> <style type="text/css"><!-- body{ margin:0; background:#130e0a url(images/Gallery.jpg) no-repeat 50% 0; font:18px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; color:#fff; } #wrapper{ width:1000px; margin:0 auto; min-height:1500px; } * html #wrapper{ height:1500px; } a{ text-decoration:none; color:#fff; } a:hover{ color:#483223; } --></style> </head> <body> <div id="wrapper"> <ul> <li>Главная</li> <li><a href="http://batikgallery.ru/gallery/main.php">Галерея</a></li> <li><a href="#">Контакты</a></li> </ul> </div> </body> </html> Ширину сделай свою по ширине контента. Минимальную высоту по высоте бг.
-
На боди маргины только обнуляй! body{margin:0;} И центрирование типа body{width:1000px;margin:0 auto;} это плохой пример.
-
<!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> body{ margin:0; font:14px Arial, Helvetica,sans-serif; } form,fieldset{ margin:0; padding:0; border:0; } form{ line-height:16px; } ul{ list-style:none; margin:40px; padding:0; } li{ overflow:hidden; _zoom:1; } .radio{ width:16px; height:15px; margin:0 3px 0 0; padding:0; vertical-align:middle; float:left; } </style> </head> <body> <form action="#"> <fieldset> <ul> <li><label><input type="radio" class="radio" name="vote" />Pellentesque id turpis at leo dapibus</label></li> <li><label><input type="radio" class="radio" name="vote" />Pellentesque id turpis at leo dapibus</label></li> <li><label><input type="radio" class="radio" name="vote" />Pellentesque id turpis at leo dapibus</label></li> <li><label><input type="radio" class="radio" name="vote" />Pellentesque id turpis at leo dapibus</label></li> </ul> </fieldset> </form> </body> </html> Так пойдет?
-
Какойто непонятный код.... Заменяется: background :#130e0a url(images/Gallery.jpg) no-repeat 50% 0; margin: 250px 0 0 330px; font :18px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; color:#FFF; А вообще все правильно работает, так как бекграунд не тянет страничку, и естественно полосы прокрутки непоявляется. Советую бг ложить на див и ему задавать минимальную высоту в пикселях по высоте бг. На боди маргины просто обнулить, а ровнять маргинами уже див.
-
Так как задачу ТС поставил не конкретно, а широко, то могу предложить создание 3D из фотографий. Например прога 3DSOM Pro. Если прогуглить то можна найти подробную инфу. Или круче прога - Photo Modeler Scanner.
-
psywalker, делая все на em ты лишаешь меня такой чудесной возможности как масштабировать только шрифты. Я ничего неимею против когда размер шрифта em, или допустим буллеты списка по вертикали в емах выровняны и подобные случаи. Но у меня например моник 17", и браузер настроенн масштабировать только текст. Так вот делая все на емах - ты лишаешь меня этой возможности, и все ради кого? Ради пользователей устаревших браузеров таких как ие6, сафари 3, мозила 2.