Только не смейтесь ;) (Помощь с html)

Тема в разделе "Мегафлуд", создана пользователем zmicer, 17 май 2012.

  1. zmicer

    zmicer

    Регистр.:
    8 май 2007
    Сообщения:
    223
    Симпатии:
    46
    Народ, тут вот такая ситуация... Только не смейтесь... ещё раз не смейтесь.... скажите, как сделать позиционирование блоков, чтобы было,например, справа и по центру.... Хочу вывести виджеты фэйсбука слева и контакта справа, но никак не получается... уже головой бьюсь, что только не пытался.... либо содержание идёт после виджета либо наоборот....но по средине виджет никак не хочет становиться... вроде и и теги выравнивания использовал, через css также... ну никак... я сдаюсь... :thenks: Может, кто может глянуть? Потерять минутку своего времени... сам код шаблона простой:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title><?= tr('Login') ?> - <?= Elf::Settings('title') ?></title>
    <?= css('login') ?>
    <script type="text/javascript" src="js/min/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {
    $(".bigbutton").hover(
    function () {
    $(this).addClass("bigbutton_over");
    },
    function () {
    $(this).removeClass("bigbutton_over");
    })
    .mousedown(function () {
    $(this).addClass("bigbutton_down");
    })
    .mouseup(function () {
    $(this).removeClass("bigbutton_down");
    });

    $("#guest_login").click(function () {
    $("#guest_login_form").submit();
    return false;
    });

    $("#login").click(function () {
    $("#login_form").submit();
    return false;
    });

    $("#guest_name").focus();
    $("#name").focus();

    });
    </script>
    </head>
    <body>
    <div class="wrap">

    <h1><?= tr('Entry to chat') ?></h1>

    <? if (Elf::Settings('ownusers'):( ?>
    <div class="loginbox">
    <img src="<?= imgpath() ?>/User.png" class="imgclip" alt="">

    <form action="index.php" method="post" id="login_form">
    <label>
    <?= tr('Name') ?>
    <input type="text" name="name" id="name" tabindex="1" value="">
    <? if (!empty($error_ownuser):( ?>
    <div class="alert error relative"><div class="uparrow"></div><?= $error_ownuser ?></div>
    <? endif; ?>
    </label>

    <div class="right small"><a href="lostpassword.php"><?= tr('Forgot?') ?></a></div>
    <label>
    <?= tr('Password') ?>
    <input type="password" name="password" id="password" tabindex="2" value="">
    </label>

    <label>
    <input type="checkbox" name="remember" id="remember" tabindex="3" value="1">
    <?= tr('Remember me') ?>
    </label>
    <input type="submit" class="hidden_submit">
    </form>

    <div class="bigbuttonholder">
    <a id="login" href="#" tabindex="4">
    <div class="bigbutton"><?= tr('Enter') ?></div>
    </a>
    <a id="signup" href="signup.php">
    <div class="bigbutton"><?= tr('Signup') ?></div>
    </a>
    </div>

    </div>
    <? endif; ?>

    <? if (Elf::Settings('guest_enable'):( ?>
    <h1><?= tr('Guest entry') ?></h1>
    <div class="loginbox">
    <img src="<?= imgpath() ?>/guest.png" class="imgclip" alt="">
    <form action="index.php" method="post" id="guest_login_form">
    <label>
    <?= tr('Guest name') ?>
    <input type="text" name="guest_name" id="guest_name" value="">
    <? if (!empty($error_guest):( ?>
    <div class="alert error relative"><div class="uparrow"></div><?= $error_guest ?></div>
    <? endif; ?>
    </label>
    <input type="submit" class="hidden_submit">
    </form>
    <div class="bigbuttonholder">
    <a id="guest_login" href="#">
    <div class="bigbutton"><?= tr('Enter') ?></div>
    </a>
    </div>

    </div>
    <? endif; ?>
    <div class="copyright"><?= $copyright ?></div>
    </div>
    </body>
    </html>
     
  2. farm

    farm

    Регистр.:
    8 июн 2006
    Сообщения:
    536
    Симпатии:
    105
    Не совсем понял задачу. Вам две колонки необходимо на css?

    Таблицами попробуйте сверстать.


    Или юзайте сервис чтобы по быстрому накидать основу шаблона.
    http://csstemplater.com/
     
    donvictorio и zmicer нравится это.
  3. kolobovandrey

    kolobovandrey Писатель

    Регистр.:
    25 май 2012
    Сообщения:
    0
    Симпатии:
    0
    попробуй таблицами
     
  4. KMiNT21

    KMiNT21 Создатель

    Регистр.:
    28 апр 2012
    Сообщения:
    20
    Симпатии:
    4
    Я в верстке не силен, но, вроде ж можно использовать абсолютное/относительное позиционирование, если что.
    Т.е. практически задать координаты нужных блоков, если не получается расположить их как хочется стандартным способом.
    Погугли на эту тему.
     
  5. andrei_k

    andrei_k

    Регистр.:
    17 янв 2010
    Сообщения:
    253
    Симпатии:
    52
    Дай ссылку на страницу в сети, так будет намного проще понять.
     
  6. defa

    defa Писатель

    Регистр.:
    25 май 2012
    Сообщения:
    0
    Симпатии:
    0
    Дай ссылку
     
  7. Dj-Tiesto

    Dj-Tiesto Стероид

    Регистр.:
    19 авг 2010
    Сообщения:
    271
    Симпатии:
    88
    <style="text-align: left;"><a href="ФЕЙСБУК"><img src="ФЕЙСБУК.jpg">
    <a href="КОНТАКТ"><img src="КОНТАКТ.jpg" align="right"></a>


    и будет один справа, а другой слева напротив.
     
  8. andrei_k

    andrei_k

    Регистр.:
    17 янв 2010
    Сообщения:
    253
    Симпатии:
    52
    Теги не закрыты, код не будет работать корректно:facepalm:
     
  9. seopromo

    seopromo Создатель

    Регистр.:
    21 апр 2007
    Сообщения:
    30
    Симпатии:
    4
    У блока фейсбука прописать style="float:left", а у вконтакта style="float:right"
    text-align - это немного не то, что нужно
     
  10. salexys

    salexys Писатель

    Регистр.:
    14 авг 2012
    Сообщения:
    0
    Симпатии:
    0
    Не совсем понятно что именно нужно, но почему бы не сделать нормальную блочную верстку применяя float?