Jump to content
  • 0

Редактирование <li> в CSS


khaan
 Share

Question

Здравствуйте!

Пытаюсь изменить размер шрифта в списке, совершенно не могу понять, почему не получается.

Код HTML:

<div class="right-block">
<div class="menu">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>

</div>
</div>

CSS:

.menu li{
font-size:30px;
}

100% какая-то нубовская ошибка :)

Кто видит - подскажите.

Link to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0

Скорее всего какое-то другое правило перекрывает. В firebug/dragonfly можно посмотреть, не перечеркнуто ли правило с font-size: 30, если да - то смотреть откуда применяется font-size

Link to comment
Share on other sites

  • 0

Вот полностью.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
{headers}
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<style type="text/css" media="all">
@import url({THEME}/css/style.css);
</style>
<style type="text/css" media="all">
@import url({THEME}/css/engine.css);
</style>
</head>

<body>
{AJAX}
<table>
<tr><td Height="200" width="780"><img src="{THEME}/images/logo.gif" Width="100%"></td></tr>

<tr><td>Реклама</td></tr>

<tr>
<td>
<!--Левый блок-->
<div class="left-block">левый блок</div>

<!--Shortstory-->
<div class="news-block">контент блок</div>

<!--Правый блок-->
<div class="right-block">
<div class="menu">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>

</div>
</div>
</td>
</tr>

<tr><td>Реклама</td></tr>

<tr><td class="footer"><div class="textfooter">футер<div></td></tr>
</table>
</body>

</html>

и

html,body{
height:100%;
margin:0px;
padding: 0px;
background: #FFFFFF;
font-size: 11px;
font-family: tahoma;
}

table{
height:100%;
width:100%;
border:1;
}

td{
border: 1px solid #000;
}

.left-block{
width:10%;
border:1;
float:left;
position:releative;
}

.news-block{
background:url(../images/work-background.gif) repeat-x;
border:1px;
width:75%;
height:781px;
float:left;
position:releative;
}

.right-block{
width:15%;
border:1;
float:left;
position:releative;
}

td.footer{
background:url(../images/footer.gif);
height:165px;
position:absolute;
}



.menu li{
font-size:30px;
}

Link to comment
Share on other sites

  • 0

Снова шаблон, вместо html :)

Во-первых, судя по темплейту - подключается два файла с css стилями, а в сообщении показан только один.

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

Быстрее всего будет воспользоваться советом в моем предыдущем посте.

Link to comment
Share on other sites

  • 0
  On 1/18/2012 at 12:21 PM, hedgehog said:

В firebug/dragonfly можно посмотреть, не перечеркнуто ли правило с font-size: 30, если да - то смотреть откуда применяется font-size

Попытался последовать вашему совету. Открыл CSS в firebug (кстати, сложная штука), так там правило

.menu li{
font-size:30px;
}

вообще отсутствует (как и еще парочка)...

кто-нибудь посмотрите второй CSS (это стандартный длешный) - может тут что-то перекрывает?

  Reveal hidden contents

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