Лента этого топика

Проблемы с CSS

(Ответов: 11, Просмотров: 1060)
Страница 2 из 2 Первая 12
  1. 21.10.2012 02:15
    #11
    na9ort вне форума
    na9ort
    Новичок
    • Регистрация: 13.02.2012
    • Сообщений: 20
    • Репутация: 0
    Там конечно можно и по другому сделать.
    Можете рассказать поподробнее? Какие ещё варианты реализации есть? Насколько Ваш вариант хорош?
    Мне важно чтобы была не легкость реализации, а профессионализм ( не быдло код).
    • 0
  2. 22.10.2012 21:41
    #12
    na9ort вне форума
    na9ort
    Новичок
    • Регистрация: 13.02.2012
    • Сообщений: 20
    • Репутация: 0
    Нажмите на изображение для увеличения.  Название: on1.jpg  Просмотров: 2  Размер: 10.3 Кб  ID: 6367

    HTML к первой картинке:

    Развернуть текст


    Код HTML: 
    </body> </html>-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link href="style.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="logo"> </div> <div id="content"><div><div><div><div> <div id="nav_k"> <ul> <li><a href="index.html"></a></li> </ul> </div> <p class="main_content">Содержание блокаСодержание блокаСодержаниеСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блока
         </p> </div></div></div></div></div> </body> </html>
    [свернуть]


    Нажмите на изображение для увеличения.  Название: off1.jpg  Просмотров: 1  Размер: 5.8 Кб  ID: 6368

    HTML ко второй картинке:

    Развернуть текст

    Код: 
    </body>
</html>-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
  <body>
   <div id="logo">
   </div>
  
   <div id="content"><div><div><div><div>
   <div id="nav_k">
        <ul>
         <li><a href="index.html">Главная</a></li>
        </ul>
   </div>
        <p class="main_content">Содержание блокаСодержание блокаСодержаниеСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блокаСодержание блока
Содержание блокаСодержание блокаСодержание блока
         </p>
        </div></div></div></div></div>

  </body>
</html>
    [свернуть]


    CSS:

    Развернуть текст

    Код: 
    body {
background-image: url("bd3.gif");
}
#logo {
width: 400px;
height: 400px;
background-image: url("logo.gif");
background-repeat: no-repeat;
margin-left: 18%;
margin-bottom: -200px;
}
#content{
width: 70%;
margin-left: 15%;
margin-right: 15%;
background: #fff;
background-image: url("nav_fon.gif");
background-repeat: repeat-x;
}
#content div{
background: url("nav_right.gif");
background-position: top right;
background-repeat: no-repeat;
}
#content div div{
background: url("nav_left1.gif");
background-position: top left;
background-repeat: no-repeat;
}
#content div div div{
background: url("bottom_left.gif");
background-position: bottom left;
background-repeat: no-repeat;
}
#content div div div div{
background: url("bottom_right.gif");
background-position: bottom right;
background-repeat: no-repeat;
}
.main_content {
padding-top: 30px;
}
#nav_k {
}
#nav_k ul {
list-style: none;
text-align: center;
}
#nav_k a {
background-image: url("nav_k.gif");
}
    [свернуть]


    1. Как видно из картинок, когда в навигации ( синия полоса ) ничего нету, то её правый угол отображается нормально, а как только там что-то появляется то из ниоткуда появляется картинка. Вся загвоздка в том что это правый нижний угол основной ( белой )таблицы.
    Как это убрать?
    Почему появляется картинка?

    2. Как видно из второй картинки, когда я вставляю текст в навигация то вместе с ней вставляется картинка, но не полностью. Картинка обрезается по длине текста.
    Как сделать чтобы не картинка подстраивалась под текст, а текст под картинку ( картинка отображалась полностью, а я в свою очередь задам стиль тексту)?
    • 0
Страница 2 из 2 Первая 12

Тэги топика:

« Отправка sms на телефоны через php | Какой код базовой цены в базе данных БИТРИКС »

Похожие темы

Темы Раздел Ответов Последний пост
проблемы с RDS-bar
 Прочее 6 05.05.2012 22:55
Проблемы по PHP
 Web программирование 9 30.04.2012 20:17
Проблемы с шаблоном.
 DLE 5 11.04.2012 00:37
Проблемы с webeffector
 Автопродвижение в агрегаторах 7 09.04.2012 20:14
Проблемы с блогом на WP
 Софт, скрипты, сервисы 6 27.08.2010 22:32
(добавить баннер)

Баннеры



(добавить ссылку)

Витрина ссылок

У нас проходит

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Или перенести аккаунт с других форумов

Золотые темы форума

Все золотые темы

Популярные темы

Информеры