X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Выравнивание
ZhukV
ZhukV
Topic Starter сообщение 20.9.2010, 12:42; Ответить: ZhukV
Сообщение #1


Есть два дива (дочерние), как их можна поставить в одну линию?
Пробывал inline, float, не помогает. :(
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 20.9.2010, 13:28; Ответить: Alcorn
Сообщение #2


Код попыток есть? Ставлю обоим float:left и дивы в одну строку.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZhukV
ZhukV
Topic Starter сообщение 20.9.2010, 13:34; Ответить: ZhukV
Сообщение #3


Нужно:
Сделать закругленные края.
Прописываю три дива.
Левый - левый угол
Цент - бакгроунд
Правый - првый угол

Но как сделать через хтмл, не получается... :(

Есть при этом одно условие!!!
Ширина должна менятся только при изминении ширины центрального лива. :(
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 20.9.2010, 13:59; Ответить: Alcorn
Сообщение #4


Один из вариантов -

[PHP]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style>
.a {
background:url(data:image/gif;base64,R0lGODlhAQABAIABAN/j5////yH5BAEKAAEALAAAAAABAAEAAAICRAEAOw==) 0 0 repeat-x;
}
.b {
background:url(data:image/gif;base64,R0lGODlhAQABAIABAN/j5////yH5BAEKAAEALAAAAAABAAEAAAICRAEAOw==) 0 100% repeat-x;
}
.c {
background:url(data:image/gif;base64,R0lGODlhAQABAIABAN/j5////yH5BAEKAAEALAAAAAABAAEAAAICRAEAOw==) 0 0 repeat-y;
}
.d {
background:url(data:image/gif;base64,R0lGODlhAQABAIABAN/j5////yH5BAEKAAEALAAAAAABAAEAAAICRAEAOw==) 100% 0 repeat-y;
}
.e {
background:url(data:image/gif;base64,R0lGODlhBgAGAOMNAN3h5d/j5t/j5+Xo6+rt7+zu8Ozv8e3v8fP19vT19vb3+Pz8/f3+/v///////////yH5BAEKAA8ALAAAAAAGAAYAAAQVELw5yaFvAUUbGsnUNEpQPGPDGEIEADs=) 0 100% no-repeat;
}
.f {
background:url(data:image/gif;base64,R0lGODlhBgAGAOMNAN3h5d/j5t/j5+Xo6+rt7+zu8Ozv8e3v8fP19vT19vb3+Pz8/f3+/v///////////yH5BAEKAA8ALAAAAAAGAAYAAAQU8EkJ5jtkKrBkGgjzFIHCMIJxnhEAOw==) 100% 100% no-repeat;
}
.g {
background:url(data:image/gif;base64,R0lGODlhBgAGAOMNAN3h5d/j5t/j5+Xo6+rt7+zu8Ozv8e3v8fP19vT19vb3+Pz8/f3+/v///////////yH5BAEKAA8ALAAAAAAGAAYAAAQVkElmhFShPIZGes8CKOBDHOUDpE8EADs=) 0 0 no-repeat;
}
.i {
background:url(data:image/gif;base64,R0lGODlhBgAGAOMNAN3h5d/j5t/j5+Xo6+rt7+zu8Ozv8e3v8fP19vT19vb3+Pz8/f3+/v///////////yH5BAEKAA8ALAAAAAAGAAYAAAQUUBhG2StB0ffSQBanAAvHHYTJAREAOw==) 100% 0 no-repeat;
}
.j {
padding:6px;
}
.k {
width:300px;
}
</style>
</head>
<body>

<div class="a k">
<div class="b"><div class="c"><div class="d">
<div class="e"><div class="f"><div class="g"><div class="i j">

xxxxxxxxxxxxxxxxxxxx<br>
xxxxxxxxxxxxxxxxxxxx

</div></div></div></div></div></div></div></div>

</body>
</html>
[/PHP]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 20.9.2010, 14:07; Ответить: Alcorn
Сообщение #5


(' post='81575 @ 20.9.2010, 16:34)
Ширина должна менятся только при изминении ширины центрального лива. :(


Тогда -

[PHP].k {
/* width:300px;*/
float:left;
}[/PHP]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZhukV
ZhukV
Topic Starter сообщение 20.9.2010, 14:46; Ответить: ZhukV
Сообщение #6


Еще такой вопросик.
Как сразу выровнять весь сайт по центу.
Исплльзую:
body{
    width:100%;
    padding:0;
    margin:0 auto;
    font:13px Verdana, Arial, Helvetica, sans-serif;
}

Чет не конает... :(
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 20.9.2010, 14:55; Ответить: Alcorn
Сообщение #7


Если в body, то можно так - text-align:center, но это при резиновой вёрстке.
При нерезиновой, задаёте диву-обёртке всего сайта ширину, например 1000px и дальше ему же margin:0 auto;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZhukV
ZhukV
Topic Starter сообщение 20.9.2010, 18:57; Ответить: ZhukV
Сообщение #8


Еще вопросик.
Как расположить два дива в одну линию, так чтоб в первом было выравнивание по левому краю, во втором по правому?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
russsya
russsya
сообщение 21.9.2010, 1:25; Ответить: russsya
Сообщение #9


<style type="text/css">
.a { width:50px;
text-align: left;
float: left;}

.b { width:50px;
text-align: right;
float: left;}

</style>
</head>

<body>
<div class="a">левый</div>
<div class="b">правый</div>
</body>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
m131313
m131313
сообщение 22.9.2010, 23:40; Ответить: m131313
Сообщение #10


(Alcorn @ 20.9.2010, 17:55) *
При нерезиновой, задаёте диву-обёртке всего сайта ширину, например 1000px и дальше ему же margin:0 auto;

Простите, а не подскажете как сделать эту обертку(конкретно код)
У меня вначале все элементы ровнялись по краю фона, а после вставки статьи лезут вправо (ровняются по краю монитора)- m-foto.inf.ua
Буду очень признателен !
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
 10 NikN 2636 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Выравнивание содержимого footer'a
 0 press74 4990 2.7.2019, 18:58
автор: -iiwanc-
Открытая тема (нет новых ответов) Выравнивание по центру
 5 Markelok 5324 24.8.2014, 15:28
автор: -Dima3456-
Открытая тема (нет новых ответов) Выравнивание кода с помощью tabifier
 0 Siege 3515 13.12.2013, 22:42
автор: Siege
Открытая тема (нет новых ответов) Относительно выравнивание text area
 2 80LevelElf 10088 22.8.2013, 16:54
автор: -80LevelElf-


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 16.4.2024, 8:37

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet