Показано с 1 по 2 из 2

Тема: Контейнеры

  1. #1

    Регистрация
    13.07.2011
    Сообщений
    4
    Здравствуйте. Пытаюсь поработать с контейнерами - не получается...Не пойму, что не так...Вот часть html-кода
    <!DOCTYPE html>
    <HTML>
    <HEAD>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
    <TITLE>Все о системе Android</TITLE>
    </HEAD>
    <BODY>
    <LINK REL="stylesheet" HREF="Stil.css" TYPE="text/css">
    <DIV ID="cheader"> [img]1234.jpg[/img]
    <ID="cnavbar">
    Приветствую Вас на сайте, посвященный операционной системе Андроид. На этом сайте вы найдете для себя и своего гуглофона немало интереснего и увлекательного - это только как проба.
    </DIV>

    и файл CSS
    BODY { color: #98bfff;
    background-color: #000000;
    font-family: Comic Sans MS, sans-serif }
    P { font-size: 11pt }
    H1, H2, H6 { font-weight: 500;
    font-family: Comic Sans MS, sans-serif}
    H1 { font-size: 21pt;
    border-bottom-width: 1mm }
    H2 { font-size: 19pt ;
    border-bottom-width: 1mm}
    H6 { font-size: 12pt }
    TABLE { font-size: 9pt }
    BLOCKQUOTE P,
    ADDRESS { font-size: 10pt;
    font-style: italic }
    H1, H3 {text-align: center}
    P {text-indent: 5mm}
    UL { list-style-image: url(123.png) }
    TD, TH { border-left-width: thin;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin }

    #navbar { font-family: Monotype Corsiva, serif;
    font-size: 14pt;
    text-transform: uppercase;
    list-style-type: none;
    cursor: pointer }

    #cheader { width: 30%;
    float: right }
    #cnavbar { width: 70%;
    float: right }
    #cmain { width: 100%;
    float: right;
    height: 500px;
    overflow: auto }
    #ccopyright { width: 100%;
    clear: both }


    А теперь пробелема...Мне надо, чтобы cheader (картинка) и cnavbar(текcт) располагались справа и слева соответственно с процентами как в CSS коде. А у меня получается, что картинка наверху, внизу текст... Может я что то не догоняю (скорее всего так и есть)..Помогите пожалуйста...

  2. #2

    Регистрация
    19.03.2010
    Адрес
    Киев
    Сообщений
    414
    #cheader { width: 29%;
    float: left; }
    #cnavbar { width: 69%;
    float: right; }




    должно работать, если нет, возможно проблема с процентами, может они не реагируют на флоат. можешь попробовать еще display: inline; или inline-block. нужно экспериментироавть. если переносит значит они на одну строку не помещаются или ты чтото не правильно задал.


Похожие темы

  1. Контейнеры
    от Lucky_best в разделе Вёрстка сайта
    Ответов: 7
    Последнее сообщение: 11.04.2007, 14:05
  2. Контейнеры
    от Panda30 в разделе Дизайн сайтов
    Ответов: 0
    Последнее сообщение: 01.01.1970, 04:00

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •