Scrum
-
Posts
553 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Scrum
-
а text-align: center; не пробывали ?
-
была статья на эту тему http://www.search-this.com/2007/11/26/css-...pe-for-success/
-
есть еще такая фишка http://htmlbook.ru/css/clip.html
-
Тег <a> содержит тег <div>. Как добится валидности кода?
Scrum replied to kozakmamai's question in HTML Coding
вместо дива span. -
Как сделать так, с помощью CSS? (смотреть картинку)
Scrum replied to Sotnikov'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 xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ fieldset { width: 150px; height: 150px; border: 1px solid silver; } legend { float: right; font: bold 76% Verdana, Arial, Helvetica, sans-serif; color: gray; } /*]]>*/ </style> </head> <body> <fieldset> <legend>ТЕКСТ</legend> </fieldset> </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[*/ body { background-color: #FFFF99; } #sys { list-style-type: circle; } #server { list-style-type: square; } table { width: 100%; } table, td { border: 1px solid silver; } td { background-color: gray; text-align: center; } td.silver { background-color: silver; } /*]]>*/ </style> </head> <body> <ul id="sys"> <li>Операционные Системы</li> <ol> <li>MS Windows (<a href="www.microsoft.com" target="_blank">www.microsoft.com</a>)</li> <li>Fedora (<a href="www.fedoraproject.org" target="_blank">www.fedoraproject.org</a>)</li> <li>Mac OS (<a href="www.apple.com" target="_blank">www.apple.com</a>)</li> </ol> </ul> <ul> <li>Офисные программы</li> <ol> <li>OpenOffice (<a href="http://www.openoffice.org" target="_blank">www.openoffice.org</a>)</li> <li>GIMP (<a href="http://www.gimp.org" target="_blank">www.gimp.org</a>)</li> <li>Blender (<a href="http://www.blender.org" target="_blank">www.blender.org</a>)</li> </ol> </ul> <ul id="server"> <li>Сервер</li> <ol> <li>Apache (<a href="http://www.apache.org" target="_blank">www.apache.org</a>)</li> <li>ActivePerl (<a href="http://www.activestate.com" target="_blank">www.activestate.com</a>)</li> </ol> </ul> <hr /> <table> <tr> <td colspan="2"> </td> <td class="silver"> </td> <td> </td> </tr> <tr> <td class="silver">.....</td> <td rowspan="3" colspan="2" class="silver"> </td> <td class="silver">.....</td> </tr> <tr> <td>.....</td> <td>.....</td> </tr> <tr> <td class="silver">.....</td> <td class="silver">.....</td> </tr> <tr> <td> </td> <td class="silver"> </td> <td colspan="2"> </td> </tr> </table> </body> </html>
-
Как растянуть div по высоте родительского элемента?
Scrum replied to python's question in HTML Coding
Коль уж таблицами балуетесь, не проще добавить еще одну строку между div.center и td#content_footer. ? куда собственно и добавить "Границу примыкания". -
странно, у меня все работает <!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> </head> <body> <div style="font-size: 100%;"> текст </div> <div style="font-size: 80%;"> <table> <tr> <td> текст </td> </tr> </table> </div> </body> </html>
-
Да картинка тож ничего не прояснила, в какую область капать, где чего не получается ? Для тех кто понял, немного форматнул верстку. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>margin</title> </head> <body> <table class="mt" cellpadding="0" cellspacing="0"> <tr> <td class="bann"> </td> </tr> <tr> <td class="menu"> </td> <td class="menu"> <nobr> <a href="abu.html">S</a> <img src="pic/str.gif"> <a href="aer.html">А</a> <img src="pic/str.gif"> <a href="inc.html">И</a> <img src="pic/str.gif"> <a href="pri.html">П</a> <img src="pic/str.gif"> <a href="con.html">К</a> </nobr> </td> <td class="menu"> </td> </tr> <tr> <td class="cont"> <div class="ctt" style="position:fixed; margin-left:33px; width:710px;"> <p> <img class="ctt" width="140" height="189" src="index_clip_image002.jpg" align="left" hspace="1" alt="D14.jpg"> йцукен </p> </div> <div class="ctt" style="margin-left:33px; width:710px; position: fixed; top:717px; left: 14px;"> <h3> И</h3> <p>Отличный</p> </div> <div class="ctt" style="margin-left:33px; margin-top:10px; width:710px; position: fixed; left: -200px; top: 80px;"> <h3> Ин</h3> <p>Вряд ли</p> </div> <div class="ctt" style="margin-left:33px; margin-top:10px; width:710px; position: fixed; left: 14px; top: 973px;"> <h3> Инк</h3> йцукен </div> <div class="ctt" style="position:static; margin-left:33px; margin-top:10px; width:710px; top: 50px; left: 14px; z-index: 2;"> <p> <img width="140" height="189" src="index_clip_image002.jpg" align="left" hspace="12" alt="4.jpg"> <strong>А</strong>, а также </p> <p>Мо</p> </div> </td> </tr> <tr> <td background="pic/2rep.gif" style="background-repeat: repeat-y"> РЕПИТ</td> </tr> <tr> <td background="pic/2bottom.gif" style="background-repeat:no-repeat"> НИЗ</td> </tr> <tr> <td class="copy"> </td> <td class="copy"><A style="color:#0000f6;" HREF="mailto:ngc3034@mail.ru?subject =EM">Designed by </A></td> <td class="copy"> </td> </tr> </table> </body> </html> p/s/ это доктайп.
-
а если так ? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>margin</title> <style type="text/css"> html, body { margin: 0; height: 100%; } .parent { background: #404040; padding-top: 1px; height: 100%; width: 850px; margin: 0 auto; } .child { margin-top: 100px; background: silver; height: 250px; } </style> </head> <body> <div class="parent"> <div class="child"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </div> </div> </body> </html>
-
Скорее нужно что бы повторялась, background: url() repeat-y;
-
Вас же стиль просили, а не атрибуты для боди. body {margin-left: n; margin-right: n; margin-top: n; margin-bottom: n;}
-
оно ? http://imfo.ru/computers/footer-absolute
-
Помогите Новичку сверстать Простейшую страничку!!!
Scrum replied to salieri-bar's question in HTML Coding
salieri-bar так, все требования выполнены 1.дивы - пожалуйте 2.как на макете - пожалуйте 3. Бабло так и не получил. кажется тему пора в треш, человека в бан. -
Помогите Новичку сверстать Простейшую страничку!!!
Scrum replied to salieri-bar's question in HTML Coding
Чувак ты данные предоставил что бы тебе руками верстали ? ты попросил сверстать пожайлуста получи и расплатись. работа сделана, где бабло ? -
Помогите Новичку сверстать Простейшую страничку!!!
Scrum replied to salieri-bar's question in HTML Coding
гони 10 баксов. <!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; overflow: hidden; height: 100%; } #head { border-bottom: 1px solid; } #img_head_right { float: right; } #content { margin-top: 20px; border-top: 1px solid; height: 100%; } #carrier_menu { margin-top: 20px; float: right; height: 100%; width: 200px; border-left: 1px solid; border-top: 1px solid; } #carrier_menu h1 { border-bottom: 1px solid; margin-left: 20px; } #content p { margin: 20px 220px 20px 20px; } #image_menu { float: left; width: 20px; border-right: 1px solid; height: 100%; background: url(картинка.gif) repeat-y; } #menu ul { list-style-type: none; } /*]]>*/ </style> </head> <body> <div id="head"> <img src="еще картинка" id="img_head_right" /> <img src="картинка.gif" /> </div> <div id="content"> <div id="carrier_menu"> <div id="image_menu"></div> <h1>text</h1> <div id="menu"> <ul> <li>ССылка</li> <li>ССылка</li> <li>ССылка</li> </ul> </div> </div> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> </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[*/ body { font: 10px Verdana, Arial, Helvetica, sans-serif; } ul { margin: 0; padding: 11px 0 10px 100px; border-bottom: 1px solid silver; } li { display: inline; margin: 0 5px; } a { padding: 10px 50px; background: #fff; border: 1px solid silver; color: #404040; text-decoration: none; } a:hover { background: #404040; border-bottom: 1px solid #404040; color: #fff; } div { background: #404040; height: 25px; } /*]]>*/ </style> </head> <body> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> <div></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[*/ div { height: 200px; width: 200px; border: 20px dashed red; background: silver; } /*]]>*/ </style> </head> <body> <div> </div> </body> </html> посмотри в разных бр.
-
Могу лишь предложить вариант, минут пять посидеть посмотреть и определить. 1.Что мешает твоему взгляду(раздражает, не нравиться ...)? 2.Что подразумевает та или иная картинка ? 3.Цветовые переходы ? хотя бы над этим.
-
yopopt Благодарю за то, что избавил мня от рутинной работы (объяснять), которую очень не люблю. Девятилап Небольшой экскурс. 1.При внедрении листа стилей непосредственно в сам документ есть небольшой нюанс. Устаревшие версии браузеров не поддерживающие CSS не понимают и могут интерпретировать содержимое как часть содержания html, по этому его комментируют как это принято у html 2.В CSS как вы знаете есть свой способ комментирования /* ... */ 3.Фрагменты XML-документов, которые не должны обрабатываться синтаксическим анализатором XML, необходимо заключать в разделы CDATA. И немного пошаманив можно превратить в универсальное. В моем случае немного упрощенный вариант. Думаю смысл понятен.
-
<!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 { margin: 0 auto; display: block; } /*]]>*/ </style> </head> <body> <div> <img src="images/img.gif" alt="" /> </div> </body> </html>
-
особенно тем, что в них много ошибок.
-
не BD, а DB (Database)