Добре дошли!

Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

Моля някой да ми направи следната таблица

Последователи

23 август 200917 г.

http://img17.imageshack.us/img17/2587/86868976.jpg

Имам предвид отгоре, отдолу, отляво и отдясно да има горе долу тези разстояния.

на мястото на baner да сложи какво ще да е изображение, което да е центрирано

на долния ред- един линк центриран хоризонтално

после три полета горе долу еднакво големи

и засега е това

мерси!

23 август 200917 г.

http://img17.imageshack.us/img17/2587/86868976.jpg

Имам предвид отгоре, отдолу, отляво и отдясно да има горе долу тези разстояния.
на мястото на baner да сложи какво ще да е изображение, което да е центрирано
на долния ред- един линк центриран хоризонтално
после три полета горе долу еднакво големи
и засега е това

мерси!

Ти ще си я дооправиш:

<html>

	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<style type="text/css">

			<!--

			body {

				margin:50px auto auto 50px;

			}


			table#main {

				width:700px;

				border-color: #600;

				border-width: 1px 1px 1px 1px;

				border-style: solid;


			}


			td {

				border-color: #600;

				border-width: 1px 1px 1px 1px;

				border-style: solid;


			}


			-->

		</style>

	</head>

	<body>


		<table id="main">


			<tr>

				<td colspan="3"><img src="http://www.kaldata.com/forums/style_images/ip.boardpr/logo4.gif" alt=""></td>

			</tr>


			<tr>

				<td colspan="3"><center><a href="#">LINK</a></center></td>

			</tr>


			<tr>

				<td>1111111111111111111</td>

				<td>2222222222222222222</td>

				<td>3333333333333333333</td>

			</tr>


			<tr>

				<td colspan="3">

				<table>

					<tr>

						<td width="20%">4444444444444444444444</td>

						<td width="80%" colspan="2">

							<table cellspacing="10px">

								<tr>

									<td>1111111111111111111</td>

									<td>2222222222222222222</td>

								</tr>

							</table>

						</td>

					</tr>

				</table>

			</td>

			</tr>


			<tr>

				<td colspan="3">LINKOWE</td>

			</tr>


			<tr>

				<td colspan="3" height="300px">LINKOWE</td>

			</tr>


		</table>


	</body>

</html>

За да не се получи проблем с кодировката, съм прикачил самия файл.

24 август 200917 г.

А защо трябва да е с таблица?

Като гледам това си е структурата на някакъв сайт, таблицата по-добре ако имаш таблични данни. :cheers:

24 август 200917 г.

Съгласен съм със slicer. Ken е публикувал табличния вид. Но ако искаш това да е сайт, а не таблица, ще ти е необходимо малко (да не казвам много ) да си поиграеш с CSS и HTML (по-точно div).

Ще ти дам малък съвет. Накрая на всеки div в CSS пиши border:1px solid black;, за да видиш как се позиционира всичко в браузъра.

Пример:

div.logo

{

width:...px;

height:...px;

margin:...px;

...

border:1px solid black;

}

След като всичко е позиционирано и направено, триеш последния ред там, където е необходимо (на 95% от местата :wors: ).

Поздрави!

Редактирано 24 август 200917 г. от BoByS (преглед на промените)

24 август 200917 г.

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

Съгласен съм със slicer. Ken е публикувал табличния вид. Но ако искаш това да е сайт, а не таблица, ще ти е необходимо малко (да не казвам много ) да си поиграеш с CSS и HTML (по-точно div).
Ще ти дам малък съвет. Накрая на всеки div в CSS пиши border:1px solid black;, за да видиш как се позиционира всичко в браузъра.

Пример:
div.logo

{

width:...px;

height:...px;

margin:...px;

...

border:1px solid black;

}
След като всичко е позиционирано и направено, триеш последния ред там, където е необходимо (на 95% от местата ).

Поздрави!

И аз се съгласявам с двамата, но още по-съгласен ще съм, ако видя и някакъв код.

24 август 200917 г.

Прав си. :huh: Ето какво написах в последните 20-тина минути.

index.html:

<!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=windows-1251" />

		<title>Сайт</title>

	<link rel="stylesheet" type="text/css" href="style.css" />

</head>


<body>

<div class="masterdiv" align="center">

	<div class="bannertop">Тук банер</div>

	<div class="forumlink"><a href="#"></a>Форум линк</div>


	<div class="others">

		<div class="computer">Компютърни</div>

		<div class="sport">Спортни</div>

		<div class="news">Новини</div>

	</div>


	<div class="calendar">

		<div class="cal">Календар</div>

		<div class="valuta">Валута</div>

		<div class="vreme">Времето</div>

	</div>


	<div class="linkowe">Линкове</div>

	<div class="bottom"></div>

</div>

</body>

</html>

И style.css:

*{

	margin:0px; padding:0px;

}


body, html{

	width:100%; height:100%; border-color:Black;

}


body{

	background-color:#ffffff;

	font-size:12px;

	color:#000000;

	font-family:Verdana

}


img {border:0px;}


div.masterdiv {

	width:900px;

	height:1100px;

	border:1px solid black;

}


div.bannertop {

	width:860px;

	height:100px;

	border:1px solid black;

}


div.forumlink {

	width:860px;

	height:50px;

	border:1px solid black;

}


div.others {

	width:860px;

	height:210px;

	border:1px solid black;

}


div.computer {

	width:280px;

	height:200px;

	float:left;

	margin:2px;

	border:1px solid black;

}


div.news {

	width:280px;

	height:200px;

	float:middle;

	margin:2px;

	border:1px solid black;

}


div.sport {

	width:280px;

	height:200px;

	float:right;

	margin:2px;

	border:1px solid black;

}


/* Календарът*/

div.calendar {

	width:860px;

	height:107px;

	border:1px solid black;

}


div.cal {

	width:280px;

	height:100px;

	float:left;

	margin:2px;

	border:1px solid black;

}


div.vreme {

	width:280px;

	height:100px;

	float:middle;

	margin:2px;

	border:1px solid black;

}


div.valuta {

	width:280px;

	height:100px;

	float:right;

	margin:2px;

	border:1px solid black;

}


div.linkowe {

	width:860px;

	height:50px;

	border:1px solid black;

}


div.bottom {

	width:860px;

	height:500px;

	border:1px solid black;

}

Примерно, нещо такова трябва да изглежда. Която рамка не ти трябва, махаш реда, за който бях споменал...

Поздрави!

25 август 200917 г.

Извинявай, но това има малко общо с исканото от dafighterrr

26 август 200917 г.

... Но ако искаш това да е сайт, а не таблица, ...

Авторът така и не уточни какво точно иска. Дано го направи, за да се избегнат излишни спорове.

Поздрави!

Редактирано 26 август 200917 г. от BoByS (преглед на промените)

26 август 200917 г.

Авторът така и недоуточни какво точно иска. Дано го направи, за да се избегнат излишни спорове.
Поздрави!

Не споря, но той е написал в заглавието, какво иска.

А и какво значение има, дали е сайт или таблица. Нали е важен резултата, който иска да се постигне.

26 август 200917 г.

Така е, авторът вече има варианти, затова считаме въпроса за приключен.

26 август 200917 г.

Ще ти дам малък съвет. Накрая на всеки div в CSS пиши border:1px solid black;, за да видиш как се позиционира всичко в браузъра.

Не точно по темата, ама не е ли доста по-лесно и полезно да се ползва FF с Web developer add-on?

Иначе и аз подкрепям използването на DIV tag-ове. А, доколкото съм запознат, в HTML 5.0 има специално предвидени за целта тагове, но IE нещо не го поддържа