собственно хотел бы узнать, как сделать разные красивые границы у таблицы(не ксс типа dased), например таблица, а граница у неё как у марки(острые полутреугольники) и т.д. и т.п. Пробовал вставлять как фон в ячейки, но те оставляют пробелы...
попробуй вставить стили [css] <style type="text/css"> table { border-collapse: collapse; border-spacing: 0; } </style> [/css] и после этого сделать фоновый рисунок у подложки таблицы. для подложки можно использовать див с фоном, паддингом, а у самой таблицы выставить фон белый.
что-то не так вообще не получается, можете показать на примере? вот мой код HTML: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Шаблон №3</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <table width="35%" height="75" class="news"> <tr><td></td></tr></table> <table width="100" height="150" class="picture"> <tr><td><div id="picture-top"><br></div></td></tr> <tr><td><div id="picture-left"></div></td><td height="50">ololo</td><td><div id="picture-right"></div></td></tr> <tr><td><div id="picture-bottom"><br></div></td></tr></table> <table width="50%" height="500" class="articles"> <tr><td></td></tr></table> <table width="10%" height="200" class="add"> <tr><td></td></tr></table> <table width="10%" height="75" class="persona"> <tr><td></td></tr></table> </html> ксс [css] .picture{ background: beige; box-shadow: 0 0 5px black; box-shadow: 0 0 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); border-collapse: collapse; border-spacing: 0; position:absolute; top:100px; left:5%;} #picture-top{ background:url(images/picture-top.png);} #picture-bottom{ background:url(images/picture-bottom.png);} [/css]
нужно например чтоб была таблица, в ней что-то(картинка) и вместо обычных границ например поставить рамку и пр...
HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>TEST</title> <style type="text/css"> table { border-collapse: collapse; border-spacing: 0; } #table_border { background: transparent url('bg.jpg'); padding: 4px; width: 200px; } </style> </head> <body> <div id="table_border"> <table style="width: 100%; background-color: white;"> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr> </table> </div> </body> </html>
а вот имеется таблица <table> как мне сделать фоновую картинку вместо левого бортика и правого border-right-style: и border-left-style. Хочется своб картинку узенькую и чтоб была в виде фона вдоль всего бортика, к примеру квадратики а картинка cube.png
Sofia как так ? используй див в качестве подложки для таблицы - и будет тебе счастье. возможно есть и другие пути решения данной задачи, но сходу ничего придумать больше не получается
какой вопрос, такой и ответ HTML: <table> <tr> <td width=1px colspan=3> </td> <tr> <td width=1px> </td> <td> content </td> <td width=1px> </tr> <tr> <td width=1px colspan=3> </td> <tr>
HTML: <table> <tr> <td> <img src="top-left-angle.gif" /> </td> <td> <img src="top-border.gif" /> </td> <td> <img src="top-right-angle.gif" /> </td> </tr> <tr> <td> <img src="left-border.gif" /> </td> <td> Cell with data </td> <td> <img src="right-border.gif" /> </td> </tr> <tr> <td> <img src="bottom-left-angle.gif" /> </td> <td> <img src="bottom-border.gif" /> </td> <td> <img src="bottom-right-angle.gif" /> </td> </tr> </table>
Sofia Можете. Поменяв ширину колонку. Можно как sobachnik вставить изображения, а можно указть размеры ячеек. (в первой и последней строке height, конечно, а не width). А вообще, вспоминая ваше фееричное появление на форуме и жажду всем и всё доказать... За ТРИ года можно было бы выучить ХОТЯ БЫ ............<вырезано ради спокойствия модераторов>....................! Если кратко - я разочарован. А Олег был прав. Но, как он часто говаривал, nobody cares.