CSS, бордър на таблица... Моля помогнете!

S

sizif

Registered
Здравейте!

Грубо казано, за форума, който правя имам графика, която продължава като най-обикновена решетка (таблица), в която ще се листва текст в табличен вид.
Искам да направя решетката с таблица, на която съм задал бордър 1 рх. Бордърът зададен в самия ХТМЛ файл винаги е по-дебел от 1 рх, независимо, че му е зададена уж такава дебелина, затова реших да опитам с CSS.
Ето декларацията в CSS-файла:

table.forum
{
background-color: none;
color: #898989;
font-weight: normal;
font-family: Arial;
font-size: 10.0pt;
letter-spacing: 0.3pt;
border: solid 1px #4F4F57
}

Така си получавам 1px-елния бордър, но пък не ми показва колоните и си прилича на най обикновен <див>
Ако задам стил и на колоните (с бордър), бордърите им се долепят един до друг и отново става дебело и грозно :(
В графиката решетката е точно 1 рх, затова и бордъра на таблицата с колоните трябва да е такъв.
Възможно ли е да го направя и как?
Ако не става с таблици или се сещате за по-удачен вариант, обяснете ми!

Благодаря предварително!
 
Не съм сигурен, че разбрах. Имаш да кажем 2 клетки с бордър 1px, които са долепени и бордърите между са все едно 2 пиксела. Това ли е? Ако е се сещам за 2 варянта. Единия, който дори не съм сигурен дали ще работи е cellspacing="-1px" в table етикета. Другия, доста по-елегантен е на клетките да не слагаш border: 1px solid black; ами да кажем border-bottom: 1px solid black; и border-right: 1px solid black;. Така между клетките ще има 1 пиксел разтояние.

ПП: Ако не съм разбрал се извинявам.
 
Здравей! :)

Правилно си ме разбрал, но се надявах на по-елегантно решение :(
Мисля да направя вертикалните линии с графика... Още 5кб отгоре все тази...

Иначе благодаря за идеята! :)
 
Не те ли устройва border-top/bottom/left/right? :) Според мен ще стане добре така. Ако искаш утре ще ти драсна примерче, че сега лягам, че от 7 съм на даскало... :cry:
 
Благодаря! :)

Не, не се притеснявай, разбрах, какво имаш предвид, но графиката пасна идеално и е някакви си байтове (200-300 бт), а знам, какво ще листвам, така че няма да има разместване освен на височина, а там няма какво да се размести...

Иначе за всеки случай ще пробвам и както ми препоръчваш - ще ми трябват два отделни стила, но не е трудно да се направи, въпреки че резултата ще се листва динамично...

Благодаря ти, че следиш темата! И да ти кажа... Убеди ме :)
Ще пиша, ако не се справя!

Хубав ден!
 
Здрасти, беше ми интересно и затова драснах нещо.
Код: 
<html>
	<head>
		<style type="text/css">
			table
			{
				background: red;
				border-right: 1px solid black;
				border-top: 1px solid black;		
			}
			table tr td
			{
				border-left: 1px solid black;
				border-bottom: 1px solid black;				
			}
		</style>
	</head>
	<body>
		<table cellspacing="0">
			<tr>
				<td>xaxa</td><td>xi</td>
			</tr>
		</table>
	</body>
</html>
Успех и лек ден :)
 
sizif каза:
Здравейте!

Грубо казано, за форума, който правя имам графика, която продължава като най-обикновена решетка (таблица), в която ще се листва текст в табличен вид.
Искам да направя решетката с таблица, на която съм задал бордър 1 рх. Бордърът зададен в самия ХТМЛ файл винаги е по-дебел от 1 рх, независимо, че му е зададена уж такава дебелина, затова реших да опитам с CSS.
Ето декларацията в CSS-файла:

table.forum
{
background-color: none;
color: #898989;
font-weight: normal;
font-family: Arial;
font-size: 10.0pt;
letter-spacing: 0.3pt;
border: solid 1px #4F4F57
}

Така си получавам 1px-елния бордър, но пък не ми показва колоните и си прилича на най обикновен <див>
Ако задам стил и на колоните (с бордър), бордърите им се долепят един до друг и отново става дебело и грозно :(
В графиката решетката е точно 1 рх, затова и бордъра на таблицата с колоните трябва да е такъв.
Възможно ли е да го направя и как?
Ако не става с таблици или се сещате за по-удачен вариант, обяснете ми!

Благодаря предварително!
Увеличете...

със CSS:
Добави това към класа на таблицата:
border-collapse: collapse;

без CSS:
правиш две таблици една в друга. Първата таблица е от един ред и една клетка, като и задаваш за background цвета с който искаш да е бордера.
В тази клетка правиш другата таблица и задаваш разстоянието между клетките = "1" ;)
 
Slavei :)

С border-collapse: collapse; не се получи. Не знам защо. Струва ми се, че някъде бъркам. Ще пробвам утре. Ако стане ще е най-добре...
Втората идея - с вътрешни таблици за "протеза" ми напомня за времето, когато пишех тагове като луд и един приятел ме ебаваше за кода, че бил не само тромав, ами и куц... Иначе е хитро, признавам ;)

Благодаря!

ПП: къде се изгуби, не съм те хващал на линия от поне седмица?
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе