개발 바닥

  • 홈
  • 태그
  • 방명록

Navbar세로 1

[HTML/CSS] 사이드바 세로 메뉴바 Navbar 세로버전 글씨 겹침 해결

Web 개발 프로젝트 도중 좌측 세로 메뉴바를 추가 해야했다. 기본적인 틀을 오픈소스에서 빌려 세로 메뉴바를 추가 해주었다. Home 메뉴 1 메뉴 2 메뉴 3 메뉴 4 메뉴 5 메뉴 6 메뉴 7 메뉴 8 메뉴 9 결과는 아래와 같았다. 기존에 만들어둔 화면과 세로 Navbar(세로 메뉴바)가 겹쳐서 나타났다. 해결을 위한 오답1. 메인화면 스타일에 바디태그가 왼쪽으로 이동하도록 적용해준다. body{ padding-left: 250px; } 결과는 아래와 같았다. 겹쳐진 부분이 모두 하나로 250px 옆으로 이동해버렸다. 해결 완료 해법 div 태그의 style 태그에 padding을 추가해준다. footer 부분도 해결해야 하지만 1차원적으로 해결하고자 하는 부분은 해결!

HTML|CSS 2022.10.05
이전
1
다음
더보기
프로필사진

코딩어린이 코린이의 개발 바닥에서 탈출하기 🐾 에러해결 발자국남기기 🐾 Java 알고리즘 풀이

  • 분류 전체보기 (85)
    • JAVA (10)
    • Java 알고리즘 (12)
    • JAVA - SPRING (7)
    • JavaScript | JQuery (9)
    • HTML|CSS (6)
    • SQL (8)
    • ERROR 해결 (22)
    • 일상 (8)
    • 자격증 (2)

Tag

백준자바, html, 백준2477, 사이드메뉴바, Navbar세로, HttpMessageNotReadableException, 좌측메뉴, 좌측메뉴바, 백준2477자바, 네브바, springboot, 백준, ajax, navbar안겹치게, navbar겹침, 메뉴바, java,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바