- 0
-
Обсуждения
-
.tabs>input[type="radio"]:checked+label { background-color: #fff; border-bottom: 1px solid #fff; } Здесь и делаете стили для изменения нажатого таба если я правильно понял
-
все файлы должны быть в одной папке некоторые ссылки ссылаются на локальный компьютер - этого не должно быть некоторые маленькие картинки грузят очень большие файлы перепутанные ссылки - это скорее всего ваша ошибка
-
By Иван Евгеньевич · Posted
Здравствуйте! Уважаемые форумчане! Я начинающий начинать) прошу помощи, есть макет сайта , хочу чтоб на главной странице были вкладки которые бы переключались по нажатию кнопки. но основной вопрос в том как сделать их разными. пример приведу в фото. Хочу как на фото сделать но незнаю как( а так же код выглядит таким образом <div class="tabs"> <input type="radio" name="tab-btn" id="tab-btn-1" value=""> <label for="tab-btn-1">Свадьба</label> <input type="radio" name="tab-btn" id="tab-btn-2" value=""> <label for="tab-btn-2">Мужу</label> <input type="radio" name="tab-btn" id="tab-btn-3" value=""> <label for="tab-btn-3">Жене</label> <input type="radio" name="tab-btn" id="tab-btn-4" value=""> <label for="tab-btn-4">Партнеру</label> <input type="radio" name="tab-btn" id="tab-btn-5" value=""> <label for="tab-btn-5">Коллекции</label> <input type="radio" name="tab-btn" id="tab-btn-6" value=""> <label for="tab-btn-6">Редкость</label> <div id="content-1"> <img src="images/Kolca1.png" alt="Кольца" class="kolca"> <p class="kolca11">Кольца</p> </div> <div id="content-2"> Содержимое 2 </div> <div id="content-3"> Содержимое 3 </div> <div id="content-4"> Содержимое 4 </div> <div id="content-5"> Содержимое 5 </div> <div id="content-6"> Содержимое 6 </div> </div> CSS code .tabs { top: 1100px; position: absolute; left: 600px; font-size: 50px; } .tabs>input[type="radio"] { display: none; } .tabs>div { /* скрыть контент по умолчанию */ display: none; border: 1px solid #e0e0e0; padding: 10px 15px; font-size: 16px; } /* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */ #tab-btn-1:checked~#content-1, #tab-btn-2:checked~#content-2, #tab-btn-3:checked~#content-3, #tab-btn-4:checked~#content-4, #tab-btn-5:checked~#content-5, #tab-btn-6:checked~#content-6{ display: block; } .tabs>label { display: inline-block; text-align: center; vertical-align: middle; user-select: none; background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 2px 8px; font-size: 16px; line-height: 1.5; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; cursor: pointer; position: relative; top: 1px; font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 21px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; } .tabs>label:not(:first-of-type) { border-left: none; } .tabs>input[type="radio"]:checked+label { background-color: #fff; border-bottom: 1px solid #fff; } -
Сегодня index.html неожиданно начал загружаться, но некорректно. Ссылки на веб-страницы не работают, но я думаю, что я сама указала неправильный путь к файлам, сегодня буду это исправлять. Ещё почему-то отображаются не все иллюстрации, а те что отображаются - все перепутаны. Пробовала открывать иллюстрации на самом сервере, но и там почему-то название картинки одно, а картинка совсем другая. Адрес сайта http://j90365fr.beget.tech/
-
Question
Veseloff
Более подходящей ветки в форуме нету, так что спрошу тут. Короче, ситуация такая: URL у сайта должен быть один и тот же, то есть недопустимо использование для одной страницы более, чем одного урла, так как поисковые системы этого не любят. Поэтому сейчас на одном сайте было принято решение делать 301 редирет на один адрес страницы. Сейчас одна и та же страница работает по двум адресам. Например:
Отличаются, как видно, завершающим слэшем. Всё бы ничего, но есть внешние ссылки как первого вида, так и второго, так что вариант сделать по адресу с конечным слэшем (именно от него решено было отказаться) 404 страницу отпадает. В конфиге nginx делаю так:
Всё отлично, всё переадресуется. Но вот какая загвоздка: например, существует, директория «classes». Пытаемся зайти по адресу http://example.com/classes. Не найдя подходящей страницы в кэше, nginx проксирует всё в апач. Апач видит, что существует такая директория и делает редирект на тот же адрес, только добавляя конечный слэш. За дело снова берётся nginx, убирает слэш и, не найдя подходящей страницы в кэше, проксирует всё в апач. Апач видит, что существует такая директория... Ну вы понели... Кто что посоветует?
Link to comment
Share on other sites
3 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.