Jump to content
  • 0

фон в таблицы


Sek
 Share

Question

Доброго времени суток.Нужна Ваша помощь,делаю сайт и возникла проблема не могу поменять фон таблицы.На странице расположены две таблицы.При изменении фона в первой таблице во второй также меняется фон на такой-же.Таблицы сделаны с закругленными углами.Часть кода:

<html>

<head>

<title>Главная </title>

<style type="text/css">

A {

text-decoration: none; }

</style>

<font face="Dungeon">

<style type="text/css">

BODY

{

color: #ffffff;

background-color: #0A2C85;

text-decoration: none;

background-image: url();

background-repeat:repeat-x;

}

</style>

</head>

<table>

<td cellpadding="20%" height="350" width="20%" valign="top" >

<a href=""><font color="#ffffff"></a href>

<img src="g" align="left", width="60", height="40">

<ul><ul><li><a href=".htm"><font color="#ffffff"></li></ul></ul></a href>

<ul><ul><li><a href=".htm"><font color="#ffffff"></li></ul></ul></a href>

<ul><ul><li><a href=".htm"><font color="#ffffff"></li></ul></ul></a href>

<img src="" align="left" , width="60", height="40">

<a href=".htm"><font color="#ffffff"> </a href>

<p>

<br>

<img src="" align="left" , width="60", height="40">

<a href=".htm"><font color="#ffffff"></a href>

</p>

<p>

<br>

<img src="" align="left", width="60", height="40">

<a href=".htm"><font color="#ffffff"></a href>

<p>

<br>

<img src="" align="left", width="60", height="40">

<a href=""><font color="#ffffff"></a href>

</p>

<p>

<br>

<img src="" align="left", width="60", height="40">

<a href="авп.htm"><font color="#ffffff"></a href>

</p>

</td>

<td cellpadding="75%" valign="middle" width="70%" >

<style type="text/css">

.radius {

padding: 25px;

margin-bottom: 5px;

}

</style>

</head>

<body>

<div style="-moz-border-radius: 20px 20 20 20px;" class="radius">

</style>

</head>

<body>

<div>

<a href="index.htm">Главная→</a href>

<h2>Главная</h2>

<p><br /><br /></p>

</td>

</table>

<BR><BR><BR><BR><BR><BR>

<table height="70" width="100%" >

<style type="text/css">

.radius {

background-color: ;

text-decoration: none;

background-image: url(8.png);

border: 1px solid black;

padding: 25px;

margin-bottom: 5px;

}

</style>

</head>

<body>

<div style="-moz-border-radius: 20px 20 0 0px;" class="radius">

<font color="#ffffff"><H4> © 2011 </H4></font>

</body>

</div>

</div>

</body>

</body>

</html>

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

В этом пока что не силен,а где ошибка или как нужно сделать чтобы было правильно?

Учитесь :)

Почитайте про структуру html-кода и типы тегов http://htmlbook.ru/samhtml/struktura-html-koda .

Соблюдайте правильную вложенность и сами найдете свои ошибки.

Link to comment
Share on other sites

  • 0

то ли лыжи не едут... переделал по той структуре,но возникли вопросы: как сделать чтобы в первом столбике не было рамки,во втором столбике и в первой строке были скругленные углы?

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

<html>

<head>

<title>Главная</title>

</head>

<body>

<table BORDER=1 width="100%">

<td width="20%"> столбик №1</td>

<td width="80%">столбик №2</td>

</table>

<BR>

<table BORDER=1 height="70" width="100%" >

<td>

строка №1

</td>

</table>

</body>

</html>

Link to comment
Share on other sites

  • 0

Вроде все сделал по букварю,но опять проблема с фоном.Вот что получилось:

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

<html>

<head>

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

<title>Вложенные таблицы</title>

<style>

.radius {

background:; /* Цвет фона */

background-image: url(80.jpg);

border: 1px solid black; /* Параметры рамки */

padding: 15px; /* Поля вокруг текста */

margin-bottom: 10px; /* Отступ снизу */

}

</style>

</head>

<body>

<table width="100%" border="0" cellpadding="5" cellspacing="0">

<tr>

<td width="150" valign="top" >

<table width="100%" cellpadding="2" cellspacing="1">

<tr><td >Lorem</td></tr>

<tr><td>Ipsum</td></tr>

<tr><td>Dolor</td></tr>

<tr><td>Sit</td></tr>

<tr><td>Amet</td></tr>

</table>

</td>

<td valign="top" >

<table width="100%" border="0" cellpadding="5" cellspacing="0">

<tr>

<td valign="top" >

<div style="border-radius: 15px 15 15 15px;" class="radius">

Lorem ipsum dolor sit amet, consectetuer

adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet

dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis

nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea

commodo consequat.

</td>

</tr>

</table>

</table>

<br>

<table BORDER=0 height="70" width="100%" >

<tr>

<td >

<div style="border-radius: 15px 15 0 0px;" class="radius">

строка №1

</td>

</tr>

</table>

</table>

</body>

</html>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy