| |
|
|
| | Возникла вот такая проблема,
есть меню опред-ой ширины, каждый пункт меню выглядит так, на фоне определённого цвета маленькая картинка и название пункта меню.
Т.к. названия у меня из базы они выводятся замечательно, но с позиции 0px; 0px; т.е. поверх моих картинок и не посередине. Какими css атрибутами текста обязать текст выводится с некоторым отступом влево, чтобы картинки были б видны и посередине пункта меню(т.е. с отступом сверху что ли).
text-indent: 60px; срабатывает только для первой строки, а названия есть и на двух строках(выглядит ещё более ужасно - первая строка нормально, а вторая опять на картинке слева) | |
| |
|
|
| |
|
|
| |
для: lilu
(16.08.2006 в 14:31)
| | |
padding: 5px;
margin: 5px
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(16.08.2006 в 14:38)
| | | это не подходит, смещается и сама картинка - т.е. проблема не решается | |
| |
|
|
| |
|
|
| |
для: lilu
(16.08.2006 в 15:27)
| | | давайте структуру html | |
| |
|
|
| |
|
|
| |
для: AlexSol
(16.08.2006 в 15:29)
| | |
<div id="menu"><ul>
<?
$db=mysql_connect("localhost", "root","");
$cat = mysql_query("SELECT * FROM table");
if(!$cat) exit(mysql_error());
while($catalog = mysql_fetch_array($cat))
{ echo"
<li><a class='menu_ul' id='$catalog[css_name]' href='#' name='submenu'>$catalog[textR]</a>
<ul>
<li> <a class='menu1' href='mainS.php?idR=$catalog[idR]'> sub1</a></li>
<li><a class='menu1' href='mainP.php?idR=$catalog[idR]'> sub2</a></li>
</ul>
</li>"; }
?> </ul></div>
|
ну и вот тот кусок кот. я правлю
#menu ul a.menu_ul{
background-image: url(/images/fon_big.gif);
height:50px;
font-family: "Franklin Gothic Medium";
color:white;
text-indent: 60px;
text-align: left;
style:italic;
font-size: 14px;
}
|
| |
| |
|
|
| |
|
|
| |
для: lilu
(16.08.2006 в 15:42)
| | |
#menu ul a.menu_ul{
background: url(/images/fon_big.gif) 0 2px;
height:50px;
font-family: "Franklin Gothic Medium";
color:white;
padding-left: 60px;
text-align: left;
style:italic;
font-size: 14px;
}
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(16.08.2006 в 15:46)
| | | теперь картинок вовсе нет, а с текстом ничего не изменилось | |
| |
|
|
| |
|
|
| |
для: lilu
(16.08.2006 в 15:49)
| | | значит влияют стили от ul и li.
http://e-lusion.com/design/menu/ - может сами разберетесь? | |
| |
|
|
| |
|
|
| |
для: lilu
(16.08.2006 в 15:49)
| | | вместо background: url(/images/fon_big.gif) 0 2px; должно быть background-image: url(/images/fon_big.gif) 0 2px; | |
| |
|
|
| |
|
|
| |
для: elenaki
(16.08.2006 в 15:51)
| | | > background-image не обязательно, а вот
background: url(/images/fon_big.gif) 0 2px no-repeat;
|
это да... | |
| |
|
|
