RQ: CSS

[Foxy]

Значи искам да ми напишете скрипт който да прави сайта да ми изглежда така: http://web-tourist.net/project/foxy/site.jpg
Все нещо се обърква като се опитвам да го направя. Плс хелп

 

[ikod]

Много крив сайт искаш. Само с CSS няма да стане!

 

[Galli]

<html>
<head>
<title>test</title>
<style type="text/css">
table.all{
width:100%;
height:100%;
border:1px solid #000;
}
td.left{
width:200px;
height:100%;
border-right:1px solid #000;
}
td.right{
width:200px;
height:100%;
border-left:1px solid #000;
}
td.title{
height:100px;
border-bottom:1px solid #000;
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" width="100%" class="all">
<tr>
<td align="center" valign="top" rowspan="2" class="left">1</td>
<td align="center" class="title">2</td>
<td align="center" valign="top" rowspan="2" class="right">3</td>
</tr>
<tr>
<td align="center" valign="top">4</td>
</tr>
</table>
</body>
</html>

 

[Foxy]

<html>
<head>
<title>test</title>
<style type="text/css">
table.all{
width:100%;
height:100%;
border:1px solid #000;
}
td.left{
width:200px;
height:100%;
border-right:1px solid #000;
}
td.right{
width:200px;
height:100%;
border-left:1px solid #000;
}
td.title{
height:100px;
border-bottom:1px solid #000;
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" width="100%" class="all">
<tr>
<td align="center" valign="top" rowspan="2" class="left">1</td>
<td align="center" class="title">2</td>
<td align="center" valign="top" rowspan="2" class="right">3</td>
</tr>
<tr>
<td align="center" valign="top">4</td>
</tr>
</table>
</body>
</html>

Много благодаря. точка имаш от мен
а и един въпрос ще можеш ли да ги разделиш цсс файла и хтмл-а да не са едно - а отделно

 

[Galli]

index.html

<html>
  <head>
  <title>test</title>
  <link rel='stylesheet' href='style.css' type='text/css'>
  </head>
  <body>
  <table cellpadding="0" cellspacing="0" width="100%" class="all">
    <tr>
      <td align="center" valign="top" rowspan="2" class="left">1</td>
      <td align="center" class="title">2</td>
      <td align="center" valign="top" rowspan="2" class="right">3</td>
    </tr>
    <tr>
      <td align="center" valign="top">4</td>
    </tr>
  </table>
  </body>
  </html>

style.css

  table.all{
  width:100%;
  height:100%;
  border:1px solid #000;
  }
  td.left{
  width:200px;
  height:100%;
  border-right:1px solid #000;
  }
  td.right{
  width:200px;
  height:100%;
  border-left:1px solid #000;
  }  
  td.title{
  height:100px;
  border-bottom:1px solid #000;
  }

Двата файла са в една и съща папка.

 

[Foxy]

заслужена точка :?:

 

[Foxy]

Добре ами как да направя в отделните полета 1 2 3 4 да сложа цветове ????

 

[Galli]

able.all{
width:100%;
height:100%;
border:1px solid #000;
}
td.left{
width:200px;
height:100%;
border-right:1px solid #000;
background-color:#ff0000;
}
td.right{
width:200px;
height:100%;
border-left:1px solid #000;
}
td.title{
height:100px;
border-bottom:1px solid #000;
}

Така 1 е червен.

 

[Foxy]

able.all{
width:100%;
height:100%;
border:1px solid #000;
}
td.left{
width:200px;
height:100%;
border-right:1px solid #000;
background-color:#ff0000;
}
td.right{
width:200px;
height:100%;
border-left:1px solid #000;
}
td.title{
height:100px;
border-bottom:1px solid #000;
}

Така 1 е червен.

10x