Страница 2 из 2 ПерваяПервая 12
Показано с 21 по 38 из 38

Тема: При увеличении размера шрифтов бокс картинок едет

  1. #21

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    ie при float удваивает значение margin либо для IE закройте хаком уменьшенное на 2 значение либо display: inline исправляет это. конечно все это работает, если причина именно в margin

  2. #22

    Регистрация
    14.04.2007
    Сообщений
    136
    Скорее всего, причина не в маргине. А можно указать размер объекта так. 100%-824px? Если ставить размер, меньший за размер экрана - все пучкем, только не до конца линия. а нужно, чтобы до конца была

  3. #23

    Регистрация
    14.04.2007
    Сообщений
    136
    ЧТО, никто не знает, что за параша у меня?
    И еще вопрос, а почему именно дивы? можно использовать и P и еще какието теги-боксы.

  4. #24

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    Originally posted by KukMan@Apr 20 2007, 16:19
    Скорее всего, причина не в маргине. А можно указать размер объекта так. 100%-824px? Если ставить размер, меньший за размер экрана - все пучкем, только не до конца линия. а нужно, чтобы до конца была
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    скрестя пальцы, будем ждать вот такой фишки в CSS

    Код:
    #mainContent {
    width: calc(100% - 200px)
    }
    [Только зарегистрированные пользователи могут видеть ссылки. ]

  5. #25

    Регистрация
    14.04.2007
    Сообщений
    136
    А сколько ждать? Это б очень облегчило задачу.
    Может какимито другими способами поставить ту линию? Абсолютным позиционированием?

  6. #26

    Регистрация
    14.04.2007
    Сообщений
    136
    ошибку нашел. у меня было два свойства #line (одно старое, второе новое). Теперь все гут, но есть одно "но".
    Код:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title> Main</title>
    <STYLE TYPE="text/css">
    #sidebar {
     *float:left; width:824px; height: 221px;
     *background-color: black;
     *margin:0px; *padding: 0px;
    }
    
    #content {
     *background-color: red;;
     *margin: 158px 0px 0px 824px;
    }
    
    #title {
     *overflow:hidden;
    }
    
    </STYLE>
    </head>
    <body>
    <div id="title">
     *<div id="sidebar">
     * *
     *</div>
     *<div id="content">
     * *
     *</div>
     </div>
    </body>
    </html>
    Мне нужно поставить высоту #content. Если я это сделаю (height: 63px, то в осле появляется непонятный отсутп в 3 пикселя. Никакими отрицательными маргинами не лечится. Что мне делать?

  7. #27

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    [Только зарегистрированные пользователи могут видеть ссылки. ]

  8. #28

    Регистрация
    14.04.2007
    Сообщений
    136
    Пасибки

  9. #29

    Регистрация
    14.04.2007
    Сообщений
    136
    Фух. Закончил. Если бы не Вы - еще б парился б минимум месяц. Можете посмотреть на сие чудо по адерсу [Только зарегистрированные пользователи могут видеть ссылки. ]. На всех разрешениях вплоть до 800х600 тестировалось. В ИЕ и в ФФ гут (в Опере не смотрел). Так что, ваше мнение. Спасибо еще раз.

  10. #30

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Теперь зато в FF кривизна... ))

  11. #31

    Регистрация
    14.04.2007
    Сообщений
    136
    О вспомнил. На радостях забыл спросить об этом косяке. Истинной причины его я не вижу. Может там проблелы перед переносами или еще чтото. как это устранить?

  12. #32

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    Originally posted by KukMan@Apr 21 2007, 21:59
    Фух. Закончил. Если бы не Вы - еще б парился б минимум месяц. Можете посмотреть на сие чудо по адерсу [Только зарегистрированные пользователи могут видеть ссылки. ]. На всех разрешениях вплоть до 800х600 тестировалось. В ИЕ и в ФФ гут (в Опере не смотрел). Так что, ваше мнение. Спасибо еще раз.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    обязательно смотри, как выглядит сайт при отключенном CSS, формы принято брать в fieldset, и обязательно должно присутствовать название или лого сайта.

    пример можешь посмотреть здесь [Только зарегистрированные пользователи могут видеть ссылки. ]

    Originally posted by KukMan@Apr 22 2007, 01:07
    О вспомнил. На радостях забыл спросить об этом косяке. Истинной причины его я не вижу. Может там проблелы перед переносами или еще чтото. как это устранить?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Код:
    #sections {style.css (line 42)
    float:left;
    margin-right:15px;
    width:205px;
    }
    у тебя здесь стоит margin, а т.к. блок не тянется по вертикали, то и этот margin присутствует только по высоте блока.

  13. #33

    Регистрация
    14.04.2007
    Сообщений
    136
    у тебя здесь стоит margin, а т.к. блок не тянется по вертикали, то и этот margin присутствует только по высоте блока.
    Увидел, исправил.
    формы принято брать в fieldset
    Как это сделать?
    обязательно смотри, как выглядит сайт при отключенном CSS,
    Смотрел, отлично выглядит. Только вопрос. Можно так делать т.е. чтобы между тегами ничего не было, или обязательно пробел нужно ставить?
    [quote]обязательно должно присутствовать название или лого сайта.[/QUOАTE]
    А для чего? Ну я думал текст "Лекарственный Растения" сделать текстом.
    Если для удобного просмотра без стилей, можно написать лого и поставить display:none. При отключении стилей будет показываться.

  14. #34

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    Originally posted by KukMan+Apr 22 2007, 10:51-->
    Смотрел, отлично выглядит.
    я не зря дал ссылку на одну из своих работ, посмотри на нее без CSS и на свою работы и поймешь, как брать в fieldset формы и почему нужно название сайта.

    <!--QuoteBegin-KukMan
    @Apr 22 2007, 10:51
    [b]Только вопрос. Можно так делать <div id="class">
    т.е. чтобы между тегами ничего не было, или обязательно пробел нужно ставить?[/quote]

    лучше поставить пустой коммент

    Код:
    <!-- -- >
    Originally posted by KukMan@Apr 22 2007, 10:51
    [b]А для чего? Ну я думал текст "Лекарственный Растения" сделать текстом.
    Если для удобного просмотра без стилей, можно написать лого и поставить display:none. При отключении стилей будет показываться.
    да, display: none либо замена картинки текстом, но не в твоем случае.

  15. #35

    Регистрация
    14.04.2007
    Сообщений
    136
    Исправил все... Даже прошел валидацию

  16. #36

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    вот, это уже другой разговор, ты все ближе к идеалу в плане верстки.
    могу еще дать совет. есть такая конструкция тэгов

    Код:
    <dl>
    <dt></dt>
    <dd></dd>
    </dl>
    это так называемый список определений. так вот конструкцию с фоткой растения, его названием и описанием семантически верно запихнуть в такую конструкцию, тогда опять же при отключенном CSS контент будет выглядеть более структурировано.

  17. #37

    Регистрация
    14.04.2007
    Сообщений
    136
    Поподробнее, если можно, плиз.

  18. #38

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    KukMan
    Можно, конечно. Но хоть разок, хоть ради приличия, загляните в Спецификацию, а?
    Если собираетесь верстать с более-менее завидной постоянностью, ее все равно прочитать придется... )

Страница 2 из 2 ПерваяПервая 12

Похожие темы

  1. Текст едет вниз в FF и Opera
    от WEB_bobby в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 05.11.2007, 18:47
  2. Изменение размера файла
    от Hopeless в разделе Растровая графика
    Ответов: 7
    Последнее сообщение: 07.07.2007, 12:55
  3. Лимит размера файлов при сохранении?
    от danstel в разделе Растровая графика
    Ответов: 0
    Последнее сообщение: 21.03.2007, 18:52
  4. Уменьшение размера файла .ai
    от 1973 в разделе Векторная графика
    Ответов: 8
    Последнее сообщение: 27.03.2006, 13:30
  5. Под разрешение она не туда едет...
    от Raven в разделе Вёрстка сайта
    Ответов: 4
    Последнее сообщение: 05.01.2005, 23:42

Ваши права

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