Возникли проблемы

gelik · April 1, 2010

Я тут недавно начал вспоминать верстку, как то начинал, а потом из-за не надобности забыл. Вот код

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta content="text/html; charset=windows-1251" http-equiv="content-type"><title>Влад это моя работа</title>
   <style type="text/css">
.text {font-size:12px;font-family: Verbana; text-decoration:underline;
 color:black;border:0 solid #bebebe;border-width:0 1px;background:#f5f4f2;padding:0px 2px;}
.text2 {font-size:12px;font-family: Verbana; text-decoration:underline;
 color:black;border:0 solid #bebebe;border-width:0 1px;background:white;padding:0px 2px;}
.table {text-align:center; width: 65px; height:41px;}
.table2 {width: 100%;border-spacing:2px 0px;}
.ramka {width:100%;border-spacing:2px 0px;}
.b1, .b2, .b3, .b4 {
	  display:block;
	  overflow:hidden;
}

.b1, .b2, .b3 {
	  height:1px;
}

.b2, .b3, .b4 {
	  background:#f5f4f2;
	  border-left:1px solid #bebebe;
	  border-right:1px solid #bebebe;
}

.b1 {
	  margin:0 5px;
	  background:#bebebe;
}

.b2 {
	  margin:0 3px;
	  border-width:0 2px;
}

.b3 {
	  margin:0 2px;
}

.b4 {
	  height:2px;
	  margin:0 1px;
}

.b5, .b6, .b7, .b8 {
	  display:block;
	  overflow:hidden;
}

.b5, .b6, .b7 {
	  height:1px;
}

.b6, .b7, .b8 {
	  background:white;
	  border-left:1px solid #bebebe;
	  border-right:1px solid #bebebe;
}

.b5 {
	  margin:0 5px;
	  background:#bebebe;
}

.b6 {
	  margin:0 3px;
	  border-width:0 2px;
}

.b7 {
	  margin:0 2px;
}

.b8 {
	  height:2px;
	  margin:0 1px;
}
  </style></head><body>
<table class="ramka">
  <tbody>
	<tr>
	  <td class="table"><span class="b1"></span><span class="b2"></span><span class="b3"></span><span class="b4"></span>
	  <div class="text">Общая<br>
информация</div>
	  </td>
	  <td class="table"><span class="b1"></span><span class="b2"></span><span class="b3"></span><span class="b4"></span>
	  <div class="text">Перечень<br>
услуг</div>
	  </td>
	  <td class="table"> <span class="b5"></span><span class="b6"></span><span class="b7"></span><span class="b8"></span>
	  <div class="text2">Допольная<br> информация</div>
	  </td>
	  <td class="table"><span class="b1"></span><span class="b2"></span><span class="b3"></span><span class="b4"></span>
	  <div class="text"><img src="images/1.gif" align="middle" height="30" width="1">Клиенты</div>
	  </td>
	  <td class="table"><span class="b1"></span><span class="b2"></span><span class="b3"></span><span class="b4"></span>
	  <div class="text"><img src="images/1.gif" align="middle" height="30" width="1">Контакты<br></div>
	  </td>
	</tr>
  </tbody>
</table>
<table class="table2">
  <tbody>
	<tr>
	  <td><span class="b5"></span>
	  <div class="text2"><img src="images/1.gif" align="middle" height="400" width="1"></div>
	  <span class="b8"></span><span class="b7"></span><span class="b6"></span><span class="b5"></span>
	  </td>
	</tr>
  </tbody>
</table>
</body></html>

еще есть папка с пустым изображением размером 1х1px в папке images

суть в том чтобы расстояние между табами осталось, а вот рассояние между таблицами не было, уже что только не делал не как не получаеться убрать этот border, где он вылазиет не понятно

изображение не много не верно, у меня внизу закругления.

Sh.B.Malinkin · April 1, 2010

суть в том чтобы расстояние между табами осталось, а вот рассояние между таблицами не было, уже что только не делал не как не получаеться убрать этот border, где он вылазиет не понятно

О каком именно расстоянии идет речь, и причем тут бордер?

Довольно странно Вы используете теги. Как мне кажется лучше спан использовать для редактирования текста, а див как блок, да и ксс можно сократить, там есть повторы. А столько спанов закругления делают или что?

Edited April 1, 2010 by Sh.B.Malinkin

Sh.B.Malinkin · April 1, 2010

ксс можно сократить, там есть повторы.

Например так:

<style type="text/css">
.text, .text2 {font-size:12px;font-family: Verbana; text-decoration:underline;
color:black;border:0 solid #bebebe;border-width:0 1px;background:#f5f4f2;padding:0px 2px;}
.text2 {background:white;}
.table {text-align:center; width: 65px; height:41px;}
.table2 {width: 100%;border-spacing:2px 0px;}
.ramka {width:100%;border-spacing:2px 0px;}
.b1, .b2, .b3, .b4, .b5, .b6, .b7, .b8 {
      display:block;
      overflow:hidden;
}

.b1, .b2, .b3, .b5, .b6, .b7 {
      height:1px;
}

.b2, .b3, .b4, .b6, .b7, .b8 {
      border-left:1px solid #bebebe;
      border-right:1px solid #bebebe;
}

.b2, .b3, .b4 {
background:#f5f4f2;
}

.b6, .b7, .b8 {
      background:white;
}

.b1, .b5  {
      margin:0 5px;
      background:#bebebe;
}

.b2, .b6 {
      margin:0 3px;
      border-width:0 2px;
}

.b3, .b7 {
      margin:0 2px;
}

.b4, .b8 {
      height:2px;
      margin:0 1px;
}

  </style>

gelik · April 1, 2010

расстояние между вкладками оставить как оно есть, а вот чтобы расстояние между другими частями таблиц убрать

psywalker · April 1, 2010

расстояние между вкладками оставить как оно есть, а вот чтобы расстояние между другими частями таблиц убрать

О каких других частях таблицы идёт речь? http://htmlbook.ru/css/border-collapse.html

И вообще зачем ты делаешь таблицей?

Sign In

Возникли проблемы

Question

gelik

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Sh.B.Malinkin

Link to comment

Share on other sites

Sh.B.Malinkin

Link to comment

Share on other sites

gelik

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information