Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 19.10.2016, 19:05   #1
pilyaru
Новичок
Джуниор
 
Регистрация: 19.10.2016
Сообщений: 2
По умолчанию Разная структура сайта для ПК и мобильника

В общем проблема в том, что хочу сделать что бы при просмотре сайта с мобильного телефона выводилась на экран другая таблица нежели при просмотре с ПК, сделать нужно это с помощью CSS, так как доступа к HTML нету, читал про @media, но реализовать не получилось. Собственно сайт: mso-web.ru/nashi_uslugi/razrabotka_sajtov/sajt_vizitka/, на нем я указал 2 таблицы: первая для ПК, вторая для мобильного телефона.
pilyaru вне форума Ответить с цитированием
Старый 19.10.2016, 19:16   #2
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

Нет доступа к HTML это как?
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 19.10.2016, 19:31   #3
pilyaru
Новичок
Джуниор
 
Регистрация: 19.10.2016
Сообщений: 2
По умолчанию

это значит что на конструкторе работаю)
pilyaru вне форума Ответить с цитированием
Старый 19.10.2016, 23:12   #4
pompiduskus
юзер как все
Участник клуба
 
Аватар для pompiduskus
 
Регистрация: 10.01.2012
Сообщений: 1,586
По умолчанию

Еслив коротко, то все сводится вот чему.

Код:
#my-id{
    /* основной стильдля элемента #my-id */
    width: 100px; height: 100px; display: block; 
}

/* ----------------------------------------------------------------- */
/*
    Эти правилА будет дополнять или переписывать параметры,
    если они уже были написаны
*/

@media (min-width: 340px) and (max-width: 400px)  { 

    #my-id{
        width: 400px; height: 400px; 
    }

}

@media (min-width: 801px) { 
    #my-id{
        margin-top: 200px; width: 50px; height: 50px; 

    } 
}

@media (min-width: 1001px) { 
    #my-id{
        background-color: rgba(0, 0, 0, 0.5); 

    } 
}
/* ----------------------------------------------------------------- */
Это просто пример, а не пример того как нужно делать.


Если условие совпадает для @media,
тогда все свойства которые уже были описаны, будут переписаны.

Если было width: 200px; А в теле @media сказано что оно 300px то быть ему 300px, но это не всегда так.
Есть много разных "НО".

Если условие в @media встречается в первый раз, то оно так же будет выполненно.
<Дзен - Вся вселенная в тебе > | Резюме: https://ch3ll0v3k.github.io/CV/
pompiduskus вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Покупка чехла и защитного стекла для мобильника Blondy Свободное общение 21 21.11.2014 16:36
Разная текстура для каждой грани куба OpenGL DIgorevich Мультимедиа в Delphi 4 16.12.2011 12:17
Прога для мобильника Egorovka Фриланс 7 18.06.2010 23:32
Есть интересная идея. Помогите создать игру для мобильника Romez Общие вопросы по Java, Java SE, Kotlin 3 14.05.2008 12:14