Есть страничка: HTML: <!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="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/> <title>Анекдоты [обновлено: 17.03.10г.]</title> <style type="text/css" media="screen,projection"> p {margin: 0; padding: 20px 15px 20px; margin-bottom: 4px;background-color:#f1f1f1;position: relative;margin:20px 0px;} body {font: 1em "Lucida Grande",Lucida,Verdana,sans-serif; font-size: 62.5%; line-height: 1;;} a:hover, a:active {text-decoration: underline;} a:link, a:hover, a:visited {color: #a62863;} #anekdot {width:400px;margin:50px;} .smallfont {font-size: 10px;} h1 {color:#a62863;} </style> </head> <body> <div id="anekdot"><h1><a href=".">Анекдоты</a> <a class="smallfont" href="#">by atomos</a></h1> <p>Муж жене:<br/> - Жена, покорми кота..<br/> - Кот сыт.<br/> - Ну, когда поссыт, тогда и покорми.</p> <p>И перед смертью отец решил разделить наследство между тремя сыновьями.. <br/> - Ах*енно бл*! Сказал четвертый сын.</p> <p>Мужик идёт мимо песочницы и видит, как маленькая девочка методично разрывает на куски плюшевого медведя.<br/> - Девочка, а ты животных не любишь?..<br/> Она смотрит на него тяжелым взглядом:<br/> - Я и людей-то не очень..</p> <div align="center"> <a href="#">← Сюда</a> <a href="#">1</a> <span><strong>2</strong></span> <!-- <a href="#">Туда →</a> --> </div> </div> </body> </html> нужно сделать чтобы прямоугольники были закруглённые () и внизу был небольшой отросток () конечный результат: реально сделать, не приходя к доп тегам?
добился такого: HTML: <!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="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/> <title>Анекдоты</title> <style type="text/css" media="screen,projection"> body {font: 1em "Lucida Grande",Lucida,Verdana,sans-serif; font-size: 62.5%; line-height: 1;;} h1 {color:#a62863;} #anekdot {width:400px;margin:50px;} a:hover, a:active {text-decoration: underline;} a:link, a:hover, a:visited {color: #a62863;} .smallfont {font-size: 10px;} .announcement, .rounded {background-color: #f1f1f1;position: relative;margin-bottom: 30px;padding: 10px 15px;} .tlc, .trc, .brc, .blc {width:11px;height:11px;position:absolute;background-attachment: scroll;background-image: url(corners-.gif);background-repeat: no-repeat;background-position: left top;} .tlc {background-position: left top;left: 0px;top: 0px;} .trc {background-position: -11px top;right: 0px;top: 0px;} .brc {background-position: -11px -11px;right: 0px;bottom: 0px;} .blc {background-position: 0 -11px;left: 0px;bottom: 0px;} .ar {width:18px;height:18px;position:absolute;background-attachment: scroll;background-image: url(ar-.gif);background-repeat: no-repeat;background-position: left top;bottom: -18px;left: 20px;} </style> </head> <body> <div id="anekdot"><h1><a href=".">Анекдоты</a> <a class="smallfont" href="#">by atomos</a></h1> <div class="announcement"> <div class="tlc"></div> <div class="trc"></div> <div class="brc"></div> <div class="blc"></div> <div class="ar"></div> <div class="content"> <div class="navbar_notice"> <p>Вовочка приходит в школу с тремя шишками на лбу. Учительница спрашивает: <br/> - Вовочка, что с тобой случилось?<br/> Он рассказывает: - Вчера мы легли спать.<br/> Папа спрашивает: - Вовка, ты спишь?<br/> Я говорю: - Нет. <br/> Получил щелчок по лбу.<br/> Через полчаса папа спрашивает: - Вовка, ты спишь? <br/> Я говорю: - Сплю. Ба-бах по лбу! <br/> Еще через полчаса папа спрашивает: - Вовка, ты спишь? <br/> Я молчу. Папа говорит маме: - Поехали! <br/> А я спрашиваю: - Куда?</p> </div> </div> </div> <div class="announcement"> <div class="tlc"></div> <div class="trc"></div> <div class="brc"></div> <div class="blc"></div> <div class="ar"></div> <div class="content"> <div class="navbar_notice"> <p>Мужик идёт мимо песочницы и видит, как маленькая девочка методично разрывает на куски плюшевого медведя.<br/> - Девочка, а ты животных не любишь?..<br/> Она смотрит на него тяжелым взглядом:<br/> - Я и людей-то не очень..</p> </div> </div> </div> <div class="announcement"> <div class="tlc"></div> <div class="trc"></div> <div class="brc"></div> <div class="blc"></div> <div class="ar"></div> <div class="content"> <div class="navbar_notice"> <p>Мужик идёт мимо песочницы и видит, как маленькая девочка методично разрывает на куски плюшевого медведя.<br/> - Девочка, а ты животных не любишь?..<br/> Она смотрит на него тяжелым взглядом:<br/> - Я и людей-то не очень..</p> </div> </div> </div> <div align="center"> <a href="#">← Сюда</a> <a href="#">1</a> <span><strong>2</strong></span> <!-- <a href="#">Туда →</a> --> </div> </div> </body> </html> как можно упростить это дело?
Я делаю сейчас такие. www.ladolcevita.in.ua, только средствами ява скрипт(сам не программист, поэтому пользуюсь готовыми решениями, коих куча в сети), только после выхода новой оперы - 10.51 не хочет корректно отображаться, может кто знает в чем может быть проблемма?
AtomoS, я понял что на флэш. Меня интересует возможно ли это кроссбраузерно реализовать с помощью CSS, каких либо js библиотек и тд. Если есть у кого ссылка поделитесь пожалуйста. Попробую объяснить: есть 2 одинаковые html страницы, контент распожен посередине. На 2ой странице контента много и вся "высота" станицы не может отобразиться на мониторе, следовательно появляется скролл-бар. Если появляется скролл-бар, то при переходе с первой страницы на вторую и наоборот контент прыгает влево-вправо. Нужно сделать чтоб не прыгало. Убирать отображение скролл-бара не вариант.
Народ скажите.... делать так можно? и ещё, почему pr-cy.ru не защтывает именно а, защитывает что присутствует <h1></h1> ???
Tesson, Code: <table border="1"> <tr> <td height="10" width="390"> <table border="0"> <tr> <td height="10" width="130"><center>Текс</center></td> <td height="10" width="130"><center>Текс</center></td> <td height="10" width="130"><center>Текс</center></td> </tr> </table> </td> </tr> <tr> <td height="300" valign="top" colspan="3">Текс</td> </tr> </table> Так?
Лучше внутрь <head> </head> добавить: PHP: <style> table { border-collapse: collapse; } table, td { border-width: 1px 1px 1px 1px; border-color: black; border-style: solid; } </style>
Tesson, Code: <table border="0" cellspacing="0" cellpadding="1" bgcolor="#000000"> <tr> <td> <table bgcolor="FFFFFF"> <tr> <td height="10" width="130"><center>Текс</center></td> <td height="10" width="130"><center>Текс</center></td> <td height="10" width="130"><center>Текс</center></td> </tr> </table> </td> </tr> </table> <table border="0" cellspacing="0" cellpadding="1" bgcolor="#000000"> <tr> <td> <table bgcolor="FFFFFF"> <tr> <td height="300" width="398" valign="top" colspan="3">Текс</td> </tr> </table> </td> </tr> </table> знаю, рамка в одном месте жирнее чем остальная, сейчас буду думать как это исправить. ichechen, ему надо средствами html, а ты css в добавок используешь, и кста, толку от твоего совета ноль ))) d_x, тоже css -------------------------------------------------- Tesson, мб реально через css? Почему тебе именно на html надо? через css легче будет.
А было требование не использовать css? Я не вижу такого. В любом случае, все эти свойства можно внести внутрь html тегов.
Code: <head> <style> #lol{ border-width: 1px; border-style: solid; border-color: black; } #lolik{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: black; } </style> </head> <body> <table id="lol" cellspacing="0"> <tr> <td height="30" width="390"> <table id="lolik" cellspacing="0"> <tr> <td height="30" width="130"><center>Текс</center></td> <td height="30" width="130"><center>Текс</center></td> <td height="30" width="130"><center>Текс</center></td> </tr> </table> </td> </tr> <tr> <td height="300" valign="top">Текс</td> </tr> </table> </body> ыыыы
Ребят, как можно повернуть текст вертикально? пробовал средствами PHP конвертировать текст в графику, но вет беда для работы скрипта нужно посылать заголовок, а он у меня уже послан ранее ((((
Если я тебя так понял, то держи на php реализацию: Code: <?php function vertical( $text ) { for( $i = 0; $i < strlen( $text ); $i++ ) { echo $text[$i]."<br />"; } } $text = "qwertyuiopasdfghjklzxcvbnm"; vertical( $text ); ?> У меня вывод:
