VPF::В чём ошибка? - Форум программистов

April

Дата 4.2.2007, 15:42 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 1.2.2007

Репутация: нет
Всего: нет

Хочу чтобы в центре страницы отображался рисунок, а справа был розмещён блок с ссылками.
Но почему то при просмотре написанного кода отоброжается пустой экран.
Если вставлять только рисунок - то всё нормально; если всавлять только блок с ссылками - тоже всё нормально.
Почему не получается всавить их вместе?
Что я делаю не так?

Код


<html>
<head>
<style type="text/css">
a {display: bloсk;}
</head>
<title>
Проба №1
</title>
<div style="background-color: yellow;
width: 130px;
height: 100%;
border-style: solid;
border-color: black;
border-width: 2px;">
<a href="#">Link1</a>
<a href="#">Link3</a>
<a href="#">Link3</a>
<a href="#">Link4</a>
</div>
<body bgcolor="blue">
<center><img src="001.jpg"/></center>
</body>
</html>

smartov

Дата 4.2.2007, 16:08 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259

April, ведь даже на подсветке винградосвской видно, что у тебя тег не закрыт. Разве не заметно что сначала теги были фиолетовыми а потом почему-то перестали? На мысли не наталкивает?

Код


<html>
<head>
<style type="text/css">
a {display: bloсk;}
</style>
</head>
<title>
Проба №1
</title>
<div style="background-color: yellow;
width: 130px;
height: 100%;
border-style: solid;
border-color: black;
border-width: 2px;">
<a href="#">Link1</a>
<a href="#">Link3</a>
<a href="#">Link3</a>
<a href="#">Link4</a>
</div>
<body bgcolor="blue">
<center><img src="001.jpg"/></center>
</body>
</html>

Это во-первых. Ну а помимо того что ты <style> не закрыл, так ещё много ошибок:
1) у тебя ещё и код до тега body присутствует. Если думаешь что он от этого левее станет smile

то ты не прав.
2) тег style в таком виед как он у тебя написан никому не нужен.
3) <title> должен быть внутри head

Предлагаю тебе на будущее сначала читать учебники для новичков, а сейчас сверстать так

Код


<html>
<head>
    <title>Проба №1</title>
</head>
<body bgcolor="blue">
<table cellpadding="0" cellspacing="0" border="0" style="width:100%; height:100%">
<tr>
    <td valign="top" align="center"><img src="001.jpg"/></td>
    <td align="right" style="background-color: yellow; width: 130px; height: 100%; border: 2px solid black;">
        <a href="#">Link1</a><br/>
        <a href="#">Link3</a><br/>
        <a href="#">Link3</a><br/>
        <a href="#">Link4</a>
    </td>
</tr>
</table>
</body>
</html>

Ну а тем кто скажет что табличная вёрстка - фи, напомню:
В Вилларибо и Виллабаджо опять дедлайн.
Пока ребята из Вилларибо верстают сайт дивами, ребята из Виллабаджо уже всё сверстали на таблицах и **бошат друг друга в квейк. smile

Это сообщение отредактировал(а) smartov - 4.2.2007, 16:18

sergejzr

Дата 4.2.2007, 16:15 (ссылка)

(нет голосов)

Загрузка ...

Un salsero
Group Icon

Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: 4
Всего: 360

Модератор: Название темы должно отражать ее суть!

--------------------

Me.
FB.
LinkedIn.
ORCID.
YT.

April

Дата 4.2.2007, 16:15 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 1.2.2007

Репутация: нет
Всего: нет

Спасибо.
Буду более внимательным.

mr.Anderson

Дата 4.2.2007, 16:22 (ссылка)

(нет голосов)

Загрузка ...

iOS Lead Developer

Профиль
Группа: Участник Клуба
Сообщений: 3374
Регистрация: 20.12.2004
Где: далеко

Репутация: нет
Всего: 128

И вообще, лучше делать с отступами, имхо. Тогда сразу видно, чего закрыл, чего не закрыл... Плюс неверно расположен тег TITLE. Вот подправленный вариант:

Код


<html>

 <head>
  <style type="text/css">a {display: bloсk;}</style>
  <title>Проба №1</title>
 </head>

 <div style="background-color: yellow;
             width: 130px;
             height: 100%;
             border-style: solid;
             border-color: black;
             border-width: 2px;">
  <a href="#">Link1</a>
  <a href="#">Link3</a>
  <a href="#">Link3</a>
  <a href="#">Link4</a>
 </div>

 <body bgcolor="blue">
  <center><img src="001.jpg"></center>
 </body>

</html>

--------------------

smartov

Дата 4.2.2007, 17:02 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259

mr.Anderson, имхо если правишь - правь до конца.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »