DropDown 메뉴 질문입니다.

Question

프로그래밍을 한지 몇달 안되는 초보입니다. 홈페이지를 한번 만들어보고싶어서 유튜브에서 이것저것 찾아보면서 해보고 있는데Service 밑으로 Video가 가게 드롭다운 메뉴를 만들고싶습니다. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> topMenu /* Basic styling */ * { box-sizing: border-box; padding: 0; margin: 0; } body { font-family: sans-serif; background: rgb(13,13,13); } nav { position:fixed; background: rgb(27, 27, 27); padding: 5px 20px; width:100%; } ul { list-style-type: none; } a { color: white; text-decoration: none; } a:hover { color:rgb(148, 138, 138); text-decoration: none; transition:all .25s; } .logo img{ display:flex; width:50px; } .logo a:hover { text-decoration: none; } .menu li { font-size: 16px; padding: 15px 5px; white-space: nowrap; } .logo a,.toggle a { font-size: 20px; } .button.secondary { border-bottom: 1px #333 solid; } /* Mobile menu */ .menu { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .toggle { order: 1; } .item.button { order: 2; } .item { width: 100%; text-align: center; order: 3; display: none; } .item.active { display: block; } /* Navbar Toggle */ .toggle { cursor:pointer; } .bars { background: #999; display: inline-block; height: 2px; position: relative; transition: background .2s ease-out; width: 18px; } .bars:before, .bars:after { background: #999; content: ''; display: block; height: 100%; position: absolute; transition: all .2s ease-out; width: 100%; } .bars:before { top: 5px; } .bars:after { top: -5px; } /* Tablet menu */ @media all and (min-width: 468px) { .menu { justify-content: center; } .logo { flex: 1; } .item.button { width: auto; order: 1; display: block; } .toggle { order: 2; } .button.secondary { border: 0; } .button a { padding: 7.5px 15px; border-radius:50em; } .button.secondary a { background: transparent; } .button a:hover { text-decoration: none; transition:all .25s; } .button:not(.secondary) a:hover { color: rgb(148, 138, 138); } .button.secondary a:hover { color: rgb(148, 138, 138); } } /* Desktop menu */ @media all and (min-width: 768px) { .item { display: block; width: auto; } .toggle { display: none; } .logo { order: 0; } .item { order: 1; } .button { order: 2; } .menu li { padding: 15px 10px; } .menu li.button { padding-right: 0; } }CSS 와 HTML 을 위와 같이 해놨는데 이것도 유튜브 보고 따라한건데 html에 div 같은걸로 추가해서 드롭다운 메뉴 만들면

순서가 바뀌는등 문제가 계속 생기더라구요..Service 부분만 드롭다운 메뉴 만드는방법좀 알려주세요

DropDown 메뉴 질문입니다.

0개의 답변

#javasc 목록