CosaNostra
Registered
Здравейте! Имам таблица с резултати. На <tr> слагам border от долната страна, но когато дойде ред да вкарам <td> се "накъсва". Има ли шанс да не става така?
"накъсан" border в table
- Автор CosaNostra
- Начална дата
syneidesys
Registered
Експериментирай тук и си вземи кода!
http://www.somacon.com/p141.php
http://www.somacon.com/p141.php
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Web-Tourist.Net Project</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style>
body, *, html
{
margin: 0 auto;
background: #FFFFFF;
}
.mytable td
{
width: 150px;
padding-left: 10px;
background: url('http://web-tourist.net/userfiles/5/5114.png');
color: #FFFFFF;
border-bottom: 2px #F5B800 solid;
}
</style>
</head>
<body>
<br /><br /><br />
<table class="mytable" cellspacing="0">
<tr>
<td>Test</td>
<td>Test2</td>
</tr>
<tr>
<td>Test</td>
<td>Test2</td>
</tr>
</table>
</body>
</html>Предполагам, че това е желаният от теб ефект
CosaNostra
Registered
proba каза:HTML:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Web-Tourist.Net Project</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style> body, *, html { margin: 0 auto; background: #FFFFFF; } .mytable td { width: 150px; padding-left: 10px; background: url('http://web-tourist.net/userfiles/5/5114.png'); color: #FFFFFF; border-bottom: 2px #F5B800 solid; } </style> </head> <body> <br /><br /><br /> <table class="mytable" cellspacing="0"> <tr> <td>Test</td> <td>Test2</td> </tr> <tr> <td>Test</td> <td>Test2</td> </tr> </table> </body> </html>
Предполагам, че това е желаният от теб ефект
Да, благодаря! :idea:
Не че се оправдавам, но не съм дизайнер и CSS-a не е от нещата с които работя често.
Не съм сигурен как точно се задаваше, но когато зададох на body - margin: 0 auto; не се центрира таблицата и не знам защо реших че така трябва да бъде (и все пак я центрира де).
Може да поправиш CSS-a , не съм го написал грешно с умисъл, просто рядко го използвам, и когато го използвам е за съвсем прости неща.
Извинявам се за грешката
Не съм сигурен как точно се задаваше, но когато зададох на body - margin: 0 auto; не се центрира таблицата и не знам защо реших че така трябва да бъде (и все пак я центрира де).
Може да поправиш CSS-a , не съм го написал грешно с умисъл, просто рядко го използвам, и когато го използвам е за съвсем прости неща.
Извинявам се за грешката
Най-лесното което можеш да направиш е да сложиш 2 атрибута на таблицата cellpadding="0" cellspacing="0" така няма да имаш разкъсване м-у отделните клетки и редове и вече можеш да ги стилизираш със CSS 
И аз се впечатлих
най-добрият вариянт според мен за ресетър е не да пишеш всички работи които да ресетваш ами просто да ползваш * това означава всичко ето и пример:
[css]
* { padding: 0; margin: 0; outline: none; }
[/css]
Така се ресетва абсолютно всичко
ventsi34 каза:Този ресетър направо ме впечатли
HTML:body, *, html { margin: 0 auto; background: #FFFFFF; }
И аз се впечатлих
най-добрият вариянт според мен за ресетър е не да пишеш всички работи които да ресетваш ами просто да ползваш * това означава всичко ето и пример:[css]
* { padding: 0; margin: 0; outline: none; }
[/css]
Така се ресетва абсолютно всичко