Question

Здравствуйте. Хочу изменить дизайн персональной страницы пользователя. Но там не хотят открываться табы. При загрузке страницы они уже должны быть открыты, и остается только щелчком по надписям "Общая", "Действия" и "Связь" переключаться между ними.

P.S. Не обращайте внимания на то, что расположено внизу - я не удалял это, чтобы легче было переделывать дизайн.

Answer 1

Попробуйте заменить ваш текущий таб, на простенький - https://jsfiddle.net/reslear/mrfo2a5q/ но рабочий и выглядит лучше.

Comments

Спасибо большое. Взял. Но не могу выровнять их. Как сделать так, чтобы .tab по ширине выравнивались с краями и не было такого:

А то при изменение размера окна браузера это ненужное пустое место постоянно изменяется.

---

Рустам Бегалиев,

Удалите стили:

.tabs .tab { float: left; }

и измените:

#mytabs .tab { color: #fff; text-decoration: none; padding: 15px 15px; margin: 0 auto; width: 85px; text-justify: newspaper; display: inline-block; }

выделенное заменить на 104.

---

Yuri_Geruk,

При изменении масштаба:

---

Рустам Бегалиев,

Это не адаптивные табы, для этого нужно стили писать дополнительно.