Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выравнивание дивов / 12 сообщений из 12, страница 1 из 1
13.11.2015, 23:31
    #39103299
FatherSql
FatherSql
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание дивов
Ох уж этот html. По каким законам он работает - явно не по логическим.

Код: html
1.
<div class="divtop"><div class="mainmenudiv"><a href="" class="sp">abc</a></div><div class="mainmenudiv"><a href="" class="sp">abc</a></div></div>



Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
.divtop
{
width: 100%;
height: 100px;
}
.mainmenudiv
{
width: 20%;
height: 100%;
background: red;
width:200px;
text-align: center;
display:inline-block;
}
.sp 
{
  position: relative;
    top: 40%;
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.11.2015, 23:31
    #39103300
FatherSql
FatherSql
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание дивов
стоит убрать ссылку и получается вот такая фигня (а нужно чтобы также ровными и остались)

Код: html
1.
<div class="divtop"><div class="mainmenudiv"><a href="" class="sp">abc</a></div><div class="mainmenudiv"></div></div>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.11.2015, 23:33
    #39103301
FatherSql
FatherSql
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание дивов
ну и вопрос если кто еще не понял - как добиться чтобы СОДЕРЖИМОЕ дива не влияло на то какое расположение он занимает
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.11.2015, 02:14
    #39103321
Relic Hunter
Relic Hunter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание дивов
FatherSql,


Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
 .mainmenudiv {
            width: 20%;
            height: 100%;
            background: red;
            width: 200px;
            text-align: center;
            display: inline-block;
            float: left;
        }
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.11.2015, 02:19
    #39103322
Relic Hunter
Relic Hunter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание дивов
Relic Hunter,

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
        .divtop {
            width: 100%;
            height: 100px;
            display: table;
        }

        .mainmenudiv {
            width: 20%;
            height: 100%;
            background: red;
            width: 200px;
            text-align: center;
            display: inline-block;
            /*float: left;*/
            display: table-cell;
        }
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.11.2015, 03:02
    #39103324
Relic Hunter
Relic Hunter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание дивов
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
.divtop {
            width: 100%;
            height: 100px;
            display: table-row;
        }

        .mainmenudiv {
            width: 20%;
            height: 100%;
            background: red;
            width: 200px;
            text-align: center;
            display: table-cell;
        }
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.11.2015, 08:48
    #39104091
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание дивов
FatherSqlОх уж этот html. По каким законам он работает - явно не по логическим.
Нечего на зеркало пенять коли рожа крива... Это народная мудрость.

Все там с логикой у ХТМЛ нормально.

И проблему нужно не так решать. Удобнее сразу показать/рассказать, что ты хочешь получить в итоге...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.11.2015, 20:17
    #39104968
Relic Hunter
Relic Hunter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание дивов
А вобще лучше сразу сюда. http://www.cssauthor.com/css-frameworks/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.11.2015, 03:54
    #39105098
FatherSql
FatherSql
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание дивов
Relic HunterFatherSql,


Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
 .mainmenudiv {
            width: 20%;
            height: 100%;
            background: red;
            width: 200px;
            text-align: center;
            display: inline-block;
            float: left;
        }


помогло, благодарствую
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.11.2015, 04:50
    #39105103
Relic Hunter
Relic Hunter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание дивов
FatherSql,

Возьмите бутсреп или семантик, к примеру. Для ынтерпайза самое то. Просто и сердито. А ccs пишу если чета подправить нужно локально. А так - все из коробки.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.11.2015, 09:54
    #39105228
qi_ip
qi_ip
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание дивов
ИМХО, лучше бутстрап, чем семантик, потому как у последнего есть недоработки при совместном использовании с AngularJS
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.11.2015, 23:06
    #39106057
Relic Hunter
Relic Hunter
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивание дивов
qi_ipИМХО, лучше бутстрап, чем семантик, потому как у последнего есть недоработки при совместном использовании с AngularJSгде вы увидели ангуляр? это "маст хэв" уже?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выравнивание дивов / 12 сообщений из 12, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 421ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1445630]:
 0ms
get settings:
 11ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 63ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 57ms
get tp. blocked users:
 2ms
others: 253ms
total:  421ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]