Редактирование CSS-скрипта для строки меню - PullRequest
Новая
       3

Редактирование CSS-скрипта для строки меню

0 голосов
/ 15 июля 2010

у меня есть скрипт css для строки меню make jquery. Я хочу, чтобы он мог показывать слева вверху и без границ ... так ... он покажет только строку меню ... У меня есть текстовый логотип, и я хочу разместить его под строкой меню ... но на самом деле логотип находится ниже тела строки меню ... как это изменить ... ?? 

<head>
 <style type="text/css">
        * { margin:0 auto;
            padding:0;
            }
                html { background:#ffffff; }
                body{    margin:40px auto;
                         width:560px;
                         height:552px;
                         overflow:hidden;
                         background:#ffffff;
                        }
                div#menu {
                                margin:40px 0 0 95px;
                                position:left;
                                }
                div#copyright {
                                font:11px 'Trebuchet MS';
                                color:#fff;
                                text-align:center;
                                clear:left;
                                position:absolute;
                                top:546px;
                                width:560px;
                                }
                div#copyright a { color:#425B7B; }
                div#copyright a:hover { color:#fff; }
</style>
</head>
<body>
<p align="left"><img src="coollogo_com-30735352.gif" border="0"></p>
</body>

Ответы [ 2 ]

0 голосов
/ 15 июля 2010 
<head>
 <style type="text/css">
        * { margin:0 auto;
            padding:0;
            }
                html { background:#ffffff; }
                body{    margin:0px;
                         width:1600px;
                         height:800px;
                         overflow:auto;
                         background-image:url("wood_texture2.jpg");
                        }
                div#menu {
                                margin:40px 0 0 95px;
                                position:absolute;
                                text-align:left;
                                }
                div#copyright {
                                font:11px 'Trebuchet MS';
                                color:#fff;
                                text-align:center;
                                clear:left;
                                position:absolute;
                                top:546px;
                                width:560px;
                                }
                div#copyright a { color:#425B7B; }
                div#copyright a:hover { color:#fff; }
</style>
</head>
<body>
<p align="left"><img src="coollogo_com-30735352.gif" border="0"></p>
</body>
0 голосов
/ 15 июля 2010

Трудно сказать, что вы пытаетесь сделать, не видя разметки HTML.Чтобы использовать wood.jpg в качестве фона вашего тела, используйте background: #ffffff url (/images/wood.jpg); в определении стиля тела вместо фона: # ffffff

Кроме этого, вот несколько общих указателей:

  • Для стиля с подстановочными знаками (*) вам нужно только поле: 0;
  • Добавление цвета фона кhtml и body избыточны.Вам нужно только это для тела
  • Вам не нужно никакого поля для тела, так как вы уже определили его с подстановочным знаком
  • Я бы не советовал использовать переполнение: скрытое с фиксированной высотой для вашего телаЕсли только это не то, что вы хотите.Любой длительный контент будет отключен.Попробуйте использовать переполнение: auto;
  • Недопустимый стиль "position: left".Если вы хотите, чтобы содержимое #menu выравнивалось по левому краю, используйте text-align: left или перемещайте содержимое по левому краю и очищайте div, используя «clearer div» или auto overflow;
...