Jump to content
  • 0

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


DzirT
 Share

Question

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

<td valign="top" height="25" background="/images/003_03.gif"><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>

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 пикселей по высоте. помогите люди добрые! а то я уже скоро головой об системник начну биться - не получается.

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

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

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

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

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

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

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

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

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

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

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

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

чего угодно любых параметров методом тыка лишь-бы заработало, в итоге рано или поздно наступает 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>

(--)

Link to comment
Share on other sites

  • 0

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

повторяю:

Есть ячека в составе таблицы. в 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 вам бы филосовского флуда поменьше , может и цены бы вам не было.

Link to comment
Share on other sites

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

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

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

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