что прописать в css?

DzirT · December 22, 2008

Имею вот такую конструкцию:

<ul>

<li><a href="http://sait/"><span>ГЛАВНАЯ</span></a></li>

<li><a href="http://sait/"><span>КОНТАКТЫ</span></a></li>

<li><a href="http://sait/"><span>ПОМОЩЬ</span></a></li>

</ul>

</div></td>

c css :

#tabs {

float:left;

width:100%;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

line-height:normal;

background-image:url(../images/003_03.gif);

}

#tabs ul {

margin:0;

padding:3px 3px 3 20px;

list-style:none;

}

#tabs li {

display:inline;

margin:0;

padding:0;

}

#tabs a {

float:left;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}

#tabs a span {

float:left;

display:block;

padding:5px 11px 5px 6px;

color:#000000;

}

Что прописать в css? чтобы ячейка не разъезжалась с дивом по вертикали ? А накладывались один на другой в свои 25 пикселей по высоте. помогите люди добрые! а то я уже скоро головой об системник начну биться - не получается.

Vlad · December 22, 2008

Как же она разъезжаться не будет, если текст в ячейку не помещается? Можно только "отрезать" через table-layout: fixed.

spdif · December 22, 2008

Тож чЁто нинонял какие трудности?

На счет того что прописать в цсс... хм... это уже филосовский вопрос,

да что угодно, сочинить стихи и записать их в цээ-эс-эс а хэтэмэле написать (еб..сь сами с вашим вэбом, я романтик, я уехал на Гоа)

Ну а если ближе к теме, то прописать надо то что требует поставленная задача, не больше и не меньше,

тоесть если вы четко знаете к чему идете и какой нужен результат то все в ваших руках,

сначало продумайте все от начала и до конца каждый ваш шаг,

планирование вот что важно, планирование это половина проэкта, планирование это минус не нужных движений,

другое дело когда людям загорелось или там прям ну Очень нада, и тут начинается как часто быват, проделана какаято часть работы и тут,

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

А заново по чистой писать не охота и пошла переделка, люди в желании + в уверености что они это щас полюбому сделают, начинают,

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

чего угодно любых параметров методом тыка лишь-бы заработало, в итоге рано или поздно наступает collapse ! А все почему? потому что нет

четкого плана и понимания что вообще хотят, это скорей действие ради действия, жилание делать при нежилании понимать что делаешь.

Ой о чем это я? а, ну да, короче: DzirT давай по конкретней как-то изложи в чем трудности.

		   <html>
		   <head>
		  <style>
			  * {  margin: 0; padding: 0; border-collapse: collapse; 
				 }
			  a {  text-decoration: none; 
				 }
			 ul {  line-height: 26px; list-style: none; 
				 }
			 li {  display: inline; 
				 }
		   span {  font-size: 12px; padding: 6px;  
				 }
		  </style>
		   </head>
			<body>
		   <table>
		  <tr>
		<td>
	  <div>
	<ul>
  <li><a href="http://sait/"><span>ГЛАВНАЯ</span></a></li>
<li><a href="http://sait/"><span>КОНТАКТЫ</span></a></li>
  <li><a href="http://sait/"><span>ПОМОЩЬ</span></a></li>
	</ul>
	  </div>
		</td>
		  </tr>
		   </table>
			</body>
			</html>

(--)

DzirT · December 22, 2008

ну думал четко вопрос поставил.

повторяю:

Есть ячека в составе таблицы. в 25px . внутри ячейки тег <div> c фоновой картинкой в 25px в высоту:

<td valign="top" height="25"><div id="tabs">
<ul>
<li><a href="http://sait/"><span>ГЛАВНАЯ</span></a></li>
<li><a href="http://sait/"><span>КОНТАКТЫ</span></a></li>
<li><a href="http://sait/"><span>ПОМОЩЬ</span></a></li>
</ul>
</div></td>

с прикрепленным сss:

#tabs {
float:left;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:normal;
background-image:url(../images/003_03.gif);
}
#tabs ul {
margin:0;
padding:3px 3px 3 20px;
list-style:none;
}
#tabs li {
display:inline;
margin:0;
padding:0;
}
#tabs a {
float:left;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs a span {
float:left;
display:block;
padding:5px 11px 5px 6px;
color:#000000;
}

вот эта конструкция в составе общего кода и разезжается по вертикали. фоновая картинка растягивается по вертикали, и начинает по уродски дублироваться, так как в высоту имеет строго свои 25 пикселов. в итоге сама ячейка уже получается не 25 в высоту а гораздо больше. <span>*****</span> не цетрируется по вертикали и в разных браузерах съезжает куда нужно ему , а не мне. и уважаемый spdif вам бы филосовского флуда поменьше , может и цены бы вам не было.

DzirT · December 22, 2008

Как же она разъезжаться не будет, если текст в ячейку не помещается? Можно только "отрезать" через table-layout: fixed.

на это внимания не обратили : display:inline;

spdif · December 22, 2008

вот эта конструкция в составе общего кода и разезжается по вертикали

Вот именно, составе общего кода, так дайте хотябы эту таблицу,

а то вот эта вырванность из общего контекста ни как не способствует пониманию причины следствия.

kalyaka-malyaka · December 22, 2008

добавить overflow: hidden и height: 25px для #tabs?

Edited December 22, 2008 by kalyaka-malyaka

Sign In

что прописать в css?

Question

DzirT

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

spdif

Link to comment

Share on other sites

DzirT

Link to comment

Share on other sites

DzirT

Link to comment

Share on other sites

spdif

Link to comment

Share on other sites

kalyaka-malyaka

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information