ТАБЛИЦЫ

shatl · September 4, 2009

Всем привет!Я новенький, хочу попробывать создать сайт пофтыкать туда картинок, красивых букавак, ссылок ну в общем попробывать наполнить его интересной информацией по мере возможностей.И решил начать работу с того что главную и еденственную интернет страницу разбить на табличные блоки в которые потом поместить картинки, ссылки типа меню и тд т.е. первоначальная цель создать таблицу состоящию из одной строки одного столбца для того чтобы в неё вставить картинку, расположение таблицы дожно начинаться с верхнего левого угла 0 px то есть строго от начала границы листа ибо нужно избежать пустого поля страницы.картинка должна полностью заполнить всю таблицу, ну в общем я хочу попробвать сделать эээ... м... шапку сайта, кажется так это звучит на сленге.Создал я два файла html и css вот их содержания

html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

</head>

<body>

<tr>

<td>

</td>

</tr>

</table>

<body>

</html>

css

.t {

background:url(5.gif) no-repeat;

margin-right:0px;

width:230px;height:121px;`

}

в итоге получилась так что картинка полность не заполнила таблицу и есть отступы от краев листа до границ таблицы т.е. белый фон, пожалуйста подскажите как можно все это изменить? данную gif картинку можете посмотреть здесь http://forum.cherepovets.net/gallery/displ...&pos=-12682

LunatiK · September 4, 2009

В css добавить:

html, body {margin: 0px; padding: 0px;}

Edited September 4, 2009 by LunatiK

shatl · September 5, 2009

LunatiK said:
В css добавить:
html, body {margin: 0px; padding: 0px;}

спасибо это помогло. только ни как не получаеться изменить размеры картинки =\

psywalker · September 5, 2009

shatl said:
спасибо это помогло. только ни как не получаеться изменить размеры картинки =\

ну и обратись к самой картинке, нафиг ты фон больше делаешь.

img {width:230px;height:121px;`}

shatl · September 5, 2009

psywalker said:
ну и обратись к самой картинке, нафиг ты фон больше делаешь.
img {width:230px;height:121px;`}

а ну вот да получилось я прописал в html всместо <div class="t"></div> это<img src="5.gif" width="1000" height="200">

а как сделать так что бы класс не убирать а прописать все это в css?

psywalker · September 5, 2009

shatl said:
а ну вот да получилось я прописал в html всместо <div class="t"></div> это<img src="5.gif" width="1000" height="200">
а как сделать так что бы класс не убирать а прописать все это в css?

вот так:

div.t img { width: 1000px; height: 200px;}

shatl · September 7, 2009

psywalker said:
вот так:
div.t img { width: 1000px; height: 200px;}

почему то не получаеться я прописал в css это

html, body {margin: 0px; padding: 0px;}

div.t img {

background:url(5.gif) no-repeat;

margin-right:0px;

width="1250" height="200"

}

а в html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

</head>

<body>

<tr>

<td>

</tr>

</td>

</div>

</body>

</html>

рисунок показывается, но не изменяется.в top style по верх рисунке появилась как я понял программная картинка такой типа лист а по верх него большая буква т на синем фоне и надпись контестуал div.t img

Flare · September 7, 2009

Если пишешь:

div.t img {
……
}

то нужно в div class="t" картинку вставлять (img src=…).

Если же картинку не вставляешь, тогда в стилях исправь на:

div.t {
background:url(5.gif) no-repeat; 
margin-right:0px;
width:1250px;
height:200px;
}

Quote

<div class="t"><table border="1" width="1250" height="100" >
<tr>
<td>
</tr>
</td>
</div>

Такая структура таблицы не сработает. Нет закрывающего </table>, tr и td неправильно вложены.

Как правильно верстать таблицы почитай здесь: http://www.htmlbook.ru/html/table.html

Edited September 7, 2009 by Flare

Sign In

ТАБЛИЦЫ

Question

shatl

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

LunatiK

Link to comment

Share on other sites

shatl

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

shatl

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

shatl

Link to comment

Share on other sites

Flare

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information