alexey_
-
Posts
4 -
Joined
-
Last visited
alexey_'s Achievements
Explorer (1/14)
0
Reputation
-
Вылезает за пределы картинка(leftside.gif) при установке height в % (классам center-content, liquid-round) <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="en-us" /> <title>title</title> <style type="text/css"> html,body { height:100%; width:100%; } #liquid-round { width:20%; margin:0px auto; background:#fff url(leftside.gif) repeat-y left top; background-position: 2px; } .top { margin-top: 50px; width:100%; height:22px; background:url(top.gif) no-repeat left top; background-position: 0px; } .top span { display:block; position:relative; height:44px; background:url(top-right.gif) no-repeat right top; background-position: right 0px; } .center-content { position:relative; background:url(rightside.gif) repeat-y right top; padding:1px 20px 1px 25px; margin:21px 0 -50px 0; } .bottom { width:100%; height:60px; background:url(bottom.gif) no-repeat left bottom; } .bottom span { display:block; position:relative; height:73px; background:url(bottom-right.gif) no-repeat right top; background-position: right -14px; } p {margin:-15px 0 1em 0} </style> </head> <body> <div id="liquid-round"> <div class="top"><span></span></div> <div class="center-content"> <!-- CONTENT BEGIN --> <p>222</p> <p>111</p> <!-- CONTENT END --> </div> <div class="bottom"><span></span></div> </div> </body> </html> [/HTML]
-
так я и запостил, что бы увидеть как мне их объеденить
-
Задача: объеденить 3 ячейки (например там где 1 объеденить с левой и правой) colspan=3 обьединяет только левою с той где цифра HTML <table> <tr> <td> <img src="left-top.jpg"> </td> <td class="top"><!—-></td> <td> <img src="./img/right-top.jpg"> </td> </tr> <tr> <td class="left"><!—-></td> <td><!—-></td> <td class="right"><!—-></td> </tr> <tr> <td class="left"><!—-></td> <td> 2 </td> <td class="right"><!—-></td> </tr> <tr> <td class="left"><!—-></td> <td> 3 </td> <td class="right"><!—-></td> </tr> <tr> <td class="left"><!—-></td> <td> 4 </td> <td class="right"><!—-></td> </tr> <tr> <td class="left"><!—-></td> <td> 5 </td> <td class="right"><!—-></td> </tr> <tr> <td> <img src="left-bottom.jpg"> </td> <td class="bottom"><!—-></td> <td> <img src="right-bottom.jpg"> </td> </tr> </table> CSS td.top { background:url(top.jpg); background-repeat:repeat-x; height: 1px; } td.bottom { background:url(bottom.jpg); background-repeat:repeat-x; height: 1px; } td.left { background:url(left.jpg); background-repeat:repeat-y; width: 1px; } td.right { background:url(right.jpg); background-repeat:repeat-y; width: 1px; }
-
Добрый день уважаемые гуру! Страница-заглушка валидная как html 4.01 так и css, но в хроме 11, ie6 , опере 11.10 ссылка на сайт между этими 2-мя ссылками какое-то нижнее подчеркивание "_" ? В Фоксе 4 такого не наблюдается. Что это, глюк? Если картинки на разных строчках делать, то всё замечательно -- Заранее спасибо за Ваши ответы