Scrum
-
Posts
553 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Scrum
-
клац правда там потерлось малость, но смысл будет понятен.
-
ну не знаю у меня все работает, ei6, opera9.26, ff 3.0.5 <!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" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ img { border: 0; } a:focus { outline: 0; } /*]]>*/ </style> </head> <body> <a href="#"><img src="menutopbg.jpg" alt="" /></a> </body> </html>
-
итого с вас 5 золотых ))
-
a:focus { outline: 0; }
-
ну попробуем с простого примера. <!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" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ table { background: #fff; } td { width: 50px; height: 50px; padding: 0; background: silver; } div { height: 50px; background: #06C; } span { display: block; height: 46px; width: 46px; border: 2px solid #06c; } span.range { border: none; background: #9CC; height: 50px; width: 50px; } /*]]>*/ </style> </head> <body> <table cellspacing="1"> <tr> <td> <div></div> </td> <td> </td> <td> <span></span> </td> </tr> <tr> <td> </td> <td> <span class="range"></span> </td> <td> </td> </tr> </table> </body> </html>
-
попробуй что то типа так: ul { list-style-type: none; margin: 0; } li { padding-left: 20px; background: url(images/f.jpg) no-repeat left center; }
-
для веб разработчиков естественно неправильно, а с другой стороны если бы ты смог поднять на этом милиард, ты бы поступил иначе ? ))
-
нетскейп за бабло раньше распространялся, а эксплорер как бонус к винде шел, на этом все и повелось.
-
браво.
-
)) а у боди кто родитель ?
-
ну а родитель в свою очередь от чего будет высчитывать ?
-
блок в который он вложен не имеет высоты.
-
http://forum.htmlbook.ru/index.php?showtopic=11887 учитесь пользоваться поиском.
-
можно, читай второй пост и не надо путать атрибуты со свойствами.
-
если нет принципиальности в том что бы облака заползали под панель навигации то можно вообще одной картинкой сделать объем значительно сократиться, "Может её поделить на части? " - нет смысла.
-
о каком это ЯваСкрипте вы говорите ? ах да это банер. d оригинале выглядит так: <!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" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ html, body { margin:0; padding: 0; } body { background: url(images/bg.gif) repeat-x; } #head { background: url(images/head.jpg) no-repeat right; } #head img { display: block; } #menu { height: 87px; background: url(images/menutopbg.jpg); } /*]]>*/ </style> </head> <body> <div id="head"> <img src="images/hdrbg.png" alt="" /> </div> <div id="menu"> </div> </body> </html>
-
http://forum.htmlbook.ru/index.php?showtopic=11887
-
http://www.homeblog.jino-net.ru/ - открываешь и разбираешь по полочкам. результаты своих мыслей выкладываешь сюда.
-
psywalker body { background: Цвет url(img/bg.jpg) repeat-x; } что не мешало вам проверить самому "возьмите картинку по по высоте 100px допустим и присвойте ей тот же стиль." это не по вашу душу. "Атрибут margin позволяет задать величину отступа сразу для всех сторон элемента или определить ее только для указанных сторон." - клик так же невнимательны в прочтении ответов как и при верстке "на скорую руку (немного в градиент не попал)" - не забудь кликнуть в яблочко. смотри предоставленный мной вариант. kalyaka-malyaka домой попадешь.
-
у textarea нет таких атрибутов.
-
а низ у вас заканчивается после 1200px ? если текста будет больше чем 1200px ? возьмите картинку по по высоте 100px допустим и присвойте ей тот же стиль. на скорую руку (немного в градиент не попал) + опять куда то кнопка редактировать пропала. b { ...; margin: .2em auto 0; } margin-top: .2em; на три символа короче, а эффект тот же.
-
скажите а за каким вы так сверстали шапку ? я имею в виду вот этот кусок <div id="hdrbg"><img src="img/hdrbg.png" alt="hdrbg" /></div> <div id="rainbow"><img src="img/rainbow.png" alt="rainbow" /></div> <div id="sky"><img src="img/sky.png" alt="sky" /></div> <div id="sky1"><img src="img/sky1.png" alt="sky1" /></div> что вы на этом выиграли ? в чем гибкость ? в данный момент вот этот блок вместе с картинками у вас 690 кило, готов поспорит что можно уменьшить до 180 (это навскидку). Дальше смотреть не стал ибо сделано тяп ляп пару необдуманных примеров: #header { height: 33.8em; .... } #sky { .... 52.4em;} #sky1 {... height: 56em;} максимальная высота картинки в headere - 21.1em. body { background: url(img/bg.jpg) repeat; } если текста будет больше чем bg.jpg по высоте, как думаете что произойдет ?
-
если таблица фиксирована то http://forum.htmlbook.ru/index.php?showtopic=6221&hl=
-
и ? чем абсолют не угодил тогда ? <!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" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ div { background: #F3F3F3; border: 1px solid #E2E222; width: 780px; height: 528px; padding: 10px; position: absolute; left: 50%; top: 50%; margin-top: -275px; margin-left: -390px; } span { display: block; height: 264px; background: #99CC00; } /*]]>*/ </style> </head> <body> <div> <span></span> </div> </body> </html>
-
<!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" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ html, body { margin: 0; padding: 0; height: 100%; } div { background: #F3F3F3; border: 1px solid #E2E222; width: 780px; height: 528px; padding: 10px; margin: 0 auto; position: relative; top: 50%; margin-top: -275px; } span { display: block; height: 264px; background: #99CC00; } /*]]>*/ </style> </head> <body> <div> <span></span> </div> </body> </html> и 550/2 = 275 а не 225