Вопросы по HTML (общая)

Koenig

16 ноя 2012 г., 12:40

(\/)____o_O____(\/)

Fenix_61, то есть у тебя пропустило валидацию формы по номерам, ёпера ...

Fenix_61

16 ноя 2012 г., 13:25

Как это ?

Прикрепленные файлы:

416

(4.87 KB)

16-11_14-24-18.png

Fenix_61

16 ноя 2012 г., 13:41

wertex (16.11.2012 / 13:27)
a ты разве только заметил?‎‮‮‮‮

Только зашел = только заменил, а это ты так сделал ?

Libra

16 ноя 2012 г., 14:55

Sensus veris

wertex, предупреждение по поводу подобных постов! Нашли ошибку - напишите в ЛС кому-либо из администрации или в соответствующую тему на форуме. Злоупотреблять не нужно.

venom

18 сен 2013 г., 20:51

Люди берегите воду - пейте пиво...

# UA95 (18.09.2013 / 20:50)
хочу сверстать веб страничку из трёх блоков.
Как лучше (правильней) сделать три блока,левый,центральный,правый.Через <table> или <div> со свойством float?

<div> естественно лучше, щас накатаю примерно скелет...

Koenig

18 сен 2013 г., 20:52

(\/)____o_O____(\/)

UA95, с дивом правильнее, я за минуту нагуглил пример трех колонного дизайна

Koenig

18 сен 2013 г., 21:12

(\/)____o_O____(\/)

http://htmlbook.ru/samlayout/t ... maket

venom

18 сен 2013 г., 21:14

Люди берегите воду - пейте пиво...

Koenig, Я и забыл про это , что там есть, уже привык писать так...

venom

18 сен 2013 г., 22:19

Люди берегите воду - пейте пиво...

UA95, Вроде

так... (+/-)

<!DOCTYPE html>
<html>
<head>
    <title>JohnCMS</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            border: 0;
            font-weight: inherit;
            font-variant: inherit;
            font-style: inherit;
            font-size: inherit;
            font-family: inherit;
            vertical-align: baseline;
        }

        #wrapper {
            padding: 0;
            width: 80%;
            max-width: 1300px;
            border: 1px solid #888888;
            box-shadow: 0 1px 10px #494949;
            margin: 76px auto auto;
            background: #f8f8f8;
        }

        header {
            height: 78px;
            position: fixed;
            z-index: 9999;
            top: 0;
            left: 0;
            width: 100%;
            background: rgba(255, 255, 255, 0.9);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
        }

        #logo {
            background: url("http://johncms.com/theme/oz/images/logo.gif") no-repeat;
            display: block;
            height: 26px;
            position: relative;
            top: -8px;
            right: -50px;
        }

        #slogan {
            position: relative;
            top: -21px;
            left: 150px;
            font-size: 14px;
            color: #d54e21;
        }

        .menu li {
            display: inline-block;
            padding: 5px 0;
            margin-left: 5px;
        }

        .container {
            margin: 0 auto;
            padding: 0;
            width: 100%;
            overflow: hidden;
        }

        .colum_right {
            background: #aFF455;
            width: 30%;
            height: 200px;
            float: right;
        }

        .colum_center {
            background: #ff1111;
            float: left;
            width: 40%;
            height: 200px;
        }

        .colum_left {
            float: left;
            width: 30%;
            height: 200px;
            background-color: #ff0;
        }

        footer {
            left: 0;
            width: 100%;
            background: rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
            height: 100px;
        }
    </style>
</head>
<body>
<div id="wrapper">
    <header id="header" class="group">header
        <div id="logo"></div>
        <div id="slogan">
            <h3>JohnCMS 5.1.0 Бесплатная, с открытым исходным кодом</h3>
        </div>
    </header>
    <nav id="nav">
        <ul class="menu">
            <li><a href="#">nav</a>
            </li>
            <li>
                <a href="#">nav</a>
            </li>
        </ul>
    </nav>
    <div class="container">
        <div class="colum_left">colum_left</div>
        <div class="colum_center">colum_center</div>
        <div class="colum_right">colum_right</div>
    </div>
    <footer>footer
    </footer>
</div>
</body>
</html>

Прикрепленные файлы:

371

(37.37 KB)

1379532005johncms.png

venom

18 сен 2013 г., 23:21

Изменено

Люди берегите воду - пейте пиво...

UA95, Есть еще готовые решения
skeleton
kube
Вес не большой как к примеру у "bootstrap" так что пробуй...