Scrum
-
Posts
553 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Scrum
-
-
http://htmlbook.ru/css/margin.html
-
http://www.php.su/functions/?cat=image
-
как вариант <!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[*/ ul { border: 1px solid orange; list-style-position: inside; } li { border: 1px dotted silver; } ul li span { padding: 20%; } /*]]>*/ </style> </head> <body> <ul> <li><span>text</span></li> </ul> </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%; } table { border-collapse: collapse; height: 100%; width: 100%; } td.bg { background: url(Картинка.gif); } /*]]>*/ </style> </head> <body> <table> <tr> <td class="bg">bg</td> <td>no bg</td> <td class="bg">bg</td> </tr> <tr> <td>no bg</td> <td>no bg</td> <td>no bg</td> </tr> <tr> <td class="bg">bg</td> <td>no bg</td> <td class="bg">bg</td> </tr> </table> </body> </html> замени в td.bg { background: url(Картинка.gif); } на свою картинку. работит ?
-
единицы измерения указываются только при стилевом форматирование.
-
рисунок то в формате jpg
-
такой раздел уже есть "Вакансии и разовые заказы"
-
попробуйте и проверьте пути.
-
1
-
есть ли смысл вставлять таблицу в див ? <!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 { border: 1px solid orange; } table td { border: 1px dotted silver; padding: 5px; } /*]]>*/ </style> </head> <body> <table cellspacing="5"> <tr> <td>Class</td> <td>Total</td> <td>Highest Level</td> <td>Level</td> </tr> <tr> <td>Class</td> <td>Total</td> <td>Highest Level</td> <td>Level</td> </tr> <tr> <td>Class</td> <td>Total</td> <td>Highest Level</td> <td>Level</td> </tr> </table> </body> </html>
-
Плиз помогите разобраться, почему крайний правый див скачет вниз
Scrum replied to Виктория_spider's question in HTML Coding
<!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"> <html> <!-- Created on: 14.11.2007 --> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="author" content="Unregistered User"> <meta name="generator" content="AceHTML Freeware"> <style type="text/css"> /*<![CDATA[*/ * { margin: 0; padding: 0; } html, body { height: 100%; padding: 0; margin: 0; } body { font-family: Trebuchet MS, Arial, sans-serif; font-size: 65.2%; color: #191a1f; background: #f1f1f1 url(all/head_left.gif) left top no-repeat; } h1 { font-size: 2.35em; font-weight: normal; color: #5464a0; padding-left: 40px; margin-top: 12px; padding-bottom: 26px; } p, li, label, legend, div.tools { font-size: 1.25em; } ul { padding: 3px 0px 15px 35px; list-style: url(all/marker.gif); } ol { padding: 3px 0px 15px 35px; } p, table { margin-bottom: 1em; } a { cursor: pointer; color: #43518a; text-decoration: underline; } a:hover { text-decoration: none; } td { font-size: 1.3em; } td p, td li { font-size: 1em; } a img { border: 0; } .wraper { padding: 0; margin: 0; height: 0; clear: both; } .center-text { text-align: center; } .left-text { text-align: left; } .right-text { text-align: right; } .float_l { float: left; } /* —————————————————- * Multicolumn styling */ .container-multicolumn { width: 100%; margin: 0; padding: 0; } .left-column { float: left; width: 350px; margin: 0; } .right-column { float: right; } .content-column { } .middle { margin-left: 250px; margin-right: 270px; } .left { } .right { margin-left: 350px; } #container-page { width: 100%; margin: 0px; position: relative; min-height: 100%; min-width: 900px; height: auto !important; height: 100%; } #container-header { width: 99%; height: 185px; min-width: 1000px; background: url(all/head_right.gif) right top no-repeat; } #container-header:after { clear: both; display: block; font: 1px/0px serif; content: " "; height: 0px; visibility: hidden; } #container-content { padding-bottom: 180px; } #container-footer { width: 100%; position: absolute; bottom: 0 !important; clear: both; color: #5d616f; font-size: 1.1em; background: url(all/bg_footer.jpg) left bottom repeat-x; } .menu-about { position: absolute; width: 23%; top: 0%; left: 0%; } .menu-avto { position: absolute; width: 15%; top: 0%; left: 23%; text-align: center; } .menu-programs { position: absolute; width: 33%; top: 0%; left: 38%; text-align: center; } .menu-forum { position: absolute; width: 14%; top: 0%; left: 71%; text-align: center; } .menu-service { position: absolute; width: 15%; top: 0%; left: 85%; text-align: right; } .logo { width: 154px; height: 165px; float: left; padding-top: 20px; } .menu { position: relative; width: 69%; margin-right: 192px; height: 185px; margin-left: 150px; } .tools { float: right; width: 190px; height: 185px; min-width: 190px; } /*]]>*/ </style> </head> <body> <div id="container-page" style="border: 1px solid blue"> <div id="container-header" style="border: 1px solid yellow;"> <div class="logo" style="border: 1px solid red;"><a href="/"><img src="all/logo.jpg" width="154" height="127" alt="" border="0" style="border: 1px solid red;"></a></div> <div class="tools" style="border: 1px solid red"><img src="all/fig.gif" width="180" height="123" alt="" border="1"> fcyjdcj</div> <center> <div class="menu" style="border: 1px solid orange;"> <div class="menu-about" style="border: 1px solid blue;"><img src="all/fig.gif" width="152" height="123" alt="" border="1"> 111</div> <div class="menu-avto" style="border: 1px solid blue;"><img src="all/menu_avto.gif" width="52" height="123" alt="" border="1"> 222</div> <div class="menu-programs" style="border: 1px solid blue;"><img src="all/menu_programs.gif" width="245" height="123" alt="" border="1"> 333</div> <div class="menu-forum" style="border: 1px solid blue;"><img src="all/menu_forum.gif" width="99" height="123" alt="" border="1"> 444</div> <div class="menu-service" style="border: 1px solid blue;"><img src="all/fig.gif" width="114" height="123" alt="" border="1"> 555</div> </div> </div> </center> <div id="container-content"> </div> <div id="container-footer"> </div> </div> </body> </html> -
статья не интересная ибо в первом случае использует то же эффект перекатывания (http://www.htmlbook.ru/content/?id=110) во втором подключения JS какие например ? (хотелось бы поня что вам надо)
-
Scrum наверное Vlad написал. наверно я понял. "Но чтобы не получилось явного различия при выводе списка в разных браузерах, специально для Internet Explorer в данном примере добавлен параметр _list-style-type: decimal. "
-
В рецепте есть неточность касаемо ЕИ, при сдвиге -20px улетает за экран.
-
открываете в любом редакторе http://www.faudit.ru/page/header.html и редактируете.
-
clear:both; для id="direct"
-
тот который тебе больше подходит.
-
по сабжу - эти теги не являться обязательными, браузеры сами могут определить начало содержательной части по контексту, но их неупотребление может повлиять на валидацию на время загрузки. в любой книге "струтура документа". неправильно и отобразиться закрыть его если, если для него закрывающий тег являться обязательным иначе приведет к неправильно интерпретации и в итоге неправильному отображению. либо проигнорирует либо неправильно отобразить
-
Выравнивание блока с фиксированной шириной по центру страницы
Scrum replied to vadimus's question in HTML Coding
какой доктайп ? -
Ленитесь пользоваться гуглем <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <title></title> <style type="text/css"> /*<![CDATA[*/ html, body { margin: 0; padding: 0; height: 100%; } #d1{ width:700px; position: absolute; background-image:url(images1.gif); background-repeat:repeat-y; margin-left:20%; padding-left:12px; height:100%; background-color: #FF9900; } #d2{ height:100%; width:650px; background-image: url(images2.gif); background-repeat:repeat-y; background-color: silver; } /*]]>*/ </style> </head> <body> <div id="d1"> <div id="d2"> content </div></div> </body> </html>
-
Как и было обещано. Основываеться на принципе работы выпадающего меню без использования js (http://forum.htmlbook.ru/index.php?showtopic=6181) Единственный минус, таблица должна быть фиксированной ширины. <!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> <style type="text/css"> /*<![CDATA[*/ table { border-collapse: collapse; width: 800px; table-layout: fixed; } td { border: 1px solid orange; } a td { padding: 0 10px; } a { color: #3366CC; text-decoration: none; } a:hover { background-color: #FFFF99; } tr:hover { background: #FFFF99; } /*]]>*/ </style> <title></title> </head> <body> <a href="#"><!--[if ie 7]><!--></a><!--<![endif]--> <table> <tr> <td>Lorem</td> <td>Lorem</td> </tr> </table><!--[if lte ie 6]></a><![endif]--> <a href="#"><!--[if ie 7]><!--></a><!--<![endif]--> <table> <tr> <td>gggg</td> <td>gggg</td> </tr> </table><!--[if lte ie 6]></a><![endif]--> <a href="#"><!--[if ie 7]><!--></a><!--<![endif]--> <table> <tr> <td>gggg</td> <td>gggg</td> </tr> </table><!--[if lte ie 6]></a><![endif]--> <a href="#"><!--[if ie 7]><!--></a><!--<![endif]--> <table> <tr> <td>gggg</td> <td>gggg</td> </tr> </table><!--[if lte ie 6]></a><![endif]--> </body> </html>
-
DIV внутри таблицы не растягивается в IE на 100%
Scrum replied to Mechanic's question in HTML Coding
есть ли смысл пихать в ячейку див и растягивать его на высоту ячейки ? -
сударь вас несет, "К твоему", "с тобой", "твои", "А то что Вы", "для Вас", "это ты" - негоже тыкать в собеседника. не педалируйте. да наверное раз я нашел достаточно инфы через поиск что бы осуществить задуманное вами, а вы всего лишь один пример и тот не подходит и мало того по причине неизвестной вам. Отсюда и вывод что в коде предоставленным вами вы не разбирались и более того понятия не имеет что там написано так что закрепляю за вами что вы являетесь лентяем и докучи обманщиком. http://forum.htmlbook.ru/index.php?showtopic=5893 http://forum.htmlbook.ru/index.php?showtopic=5129 http://forum.htmlbook.ru/index.php?showtopic=6055
-
меня здесь все интересует, а когда оставляют такие топики то поневоле завоешь. могу но не буду ибо Вы уважаемый лентяй, не потрудились да же воспользоваться поиском, что по этому форуму, что по гуглю. не воспользуюсь вашим предложением. спрашивается зачем вы выложили часть кода в котором да же не разбирались сами ?