| |
|
|
| | Âîò òîëüêî íà÷àë èçó÷àòü áëî÷íóþ âåðñòêó (êíèãó òàê è íå íàøåë, ïî ýòîìó òåì áóäåò ìíîãî=)).
Åñòü òàêîé âîïðîñ:
âîò êîä ñî ñòðàíèöû:
<div id="navg">
<ul><li><a href=index.php>Ãëàâíàÿ</a></li><li><a href=catalog.php>Êàòàëîã</a></li><li><a href=forum.php>Ôîðóì</a></li></ul>
</div>
|
Âîò êîä CSS:
#navg li {
display:inline;
margin:5px;
border:black 1px solid;
width: 50px;
}
|
 ðåçóëüòàòå ïóíêòû <li> ïîëó÷àþòñÿ â îäèí ðÿä ñ îòñòóïîì 5 ïèêñåëîâ, è ñ áîðäþðîì, íî øèðèíà íå 50px, à ïîäãîíÿåòñÿ êîä òåêñò. Êàê ñäåëàòü äëÿ âñåõ <li> îäèíàêîâóþ øèðèíó? | |
| |
|
|
| |
|
|
| |
äëÿ: parczynski
(20.08.2007 â 16:33)
| | | Äëÿ ñòðîêîâûõ ýëåìåíòîâ øèðèíó çàäàòü íåëüçÿ. Øèðèíà çàäàåòñÿ òîëüêî äëÿ áëî÷íûõ.
ìåíÿéòå display:inline; íà display:block;
÷òîáû ýòî âûãëÿäåëî â ñòðîêó:
#navg li {
display:block;
float:left;
margin:5px;
border:black 1px solid;
width: 50px;
}
|
ïðî float ÷èòàéòå Èñïîëüçîâàíèå float è âîçìîæíûå ïðîáëåìû | |
| |
|
|
| |
|
|
| |
äëÿ: AlexSol
(20.08.2007 â 17:11)
| | | Òåïåðü çàðàáîòàëî, è ñïàñèáî çà ññûëêó. | |
| |
|
|
| |
|
|
| |
äëÿ: AlexSol
(20.08.2007 â 17:11)
| | | Ñòðàííî.
Òåã <LI> è òàê áëîêîâûé ýëåìåíò.
Ïîñìîòðèòå ñàìè (â MSIE):
<html><head>
<script>
onload = function ()
{
alert (document.all.dd.currentStyle.display)
}
</script>
</head>
<body>
<ol>
<li id="dd">a111
<li>b222
</ol>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
äëÿ: CNT
(20.08.2007 â 19:07)
| | | äà, âñå âåðíî. ïðîñòî â êîäå áûëî ÿâíî ïðîïèñàíî display:inline; | |
| |
|
|
