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

zmicer

Профессор
Регистрация
8 Май 2007
Сообщения
226
Реакции
46
Народ, тут вот такая ситуация... Только не смейтесь... ещё раз не смейтесь.... скажите, как сделать позиционирование блоков, чтобы было,например, справа и по центру.... Хочу вывести виджеты фэйсбука слева и контакта справа, но никак не получается... уже головой бьюсь, что только не пытался.... либо содержание идёт после виджета либо наоборот....но по средине виджет никак не хочет становиться... вроде и и теги выравнивания использовал, через css также... ну никак... я сдаюсь... :thenks: Может, кто может глянуть? Потерять минутку своего времени... сам код шаблона простой:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "Для просмотра ссылки Войди или Зарегистрируйся">
<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>
 
Не совсем понял задачу. Вам две колонки необходимо на css?

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

Скрытое содержимое доступно для зарегистрированных пользователей!
 
Я в верстке не силен, но, вроде ж можно использовать абсолютное/относительное позиционирование, если что.
Т.е. практически задать координаты нужных блоков, если не получается расположить их как хочется стандартным способом.
Погугли на эту тему.
 
Дай ссылку на страницу в сети, так будет намного проще понять.
 
Дай ссылку
 
<style="text-align: left;"><a href="ФЕЙСБУК"><img src="ФЕЙСБУК.jpg">
<a href="КОНТАКТ"><img src="КОНТАКТ.jpg" align="right"></a>


и будет один справа, а другой слева напротив.
 
<style="text-align: left;"><a href="ФЕЙСБУК"><img src="ФЕЙСБУК.jpg">
<a href="КОНТАКТ"><img src="КОНТАКТ.jpg" align="right"></a>


и будет один справа, а другой слева напротив.
Теги не закрыты, код не будет работать корректно:facepalm:
 
У блока фейсбука прописать style="float:left", а у вконтакта style="float:right"
<style="text-align: left;"><a href="ФЕЙСБУК"><img src="ФЕЙСБУК.jpg">
<a href="КОНТАКТ"><img src="КОНТАКТ.jpg" align="right"></a>
text-align - это немного не то, что нужно
 
Не совсем понятно что именно нужно, но почему бы не сделать нормальную блочную верстку применяя float?
 
Назад
Сверху