수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

css나 html 도와주세요

곰돌츼

2023.04.01

코딩하려고 하는 좌측메뉴입니다.
길이가 유동성이 있는지라 table 아니고 div로 짜려고 하는데
more 라고 써있는 부분과 광고 부분 위 아래로
회색과 흰색라인이있습니다.
이걸 어떻게 넣어야 할까요?
hr로 넣으려고 했으니 hr과 hr사이에 여백이 해결이 안되요
저런 모양을 만들수가 없네요...
css로 해보려고 하는데 학원에서 배운 실력으로는
도저히 감당이 안되요.. 도와주세요...ㅡㅡ

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 단순랩퍼

    그럼 div class=\02\제목a href=\#\span class=\more\/span/a/div
    이런 식으로 해서 \02\ 클래스에 회색 바탕과 가로 세로 사이즈, 폰트 등을 설정하고
    span에 \more\ 클래스에 백그라운드로 이미지를 css에서 넣으시면 되지 않나요?
    솔이맘님이 그려 놓은 그림 상으로 봤을 때는 회색 전체가 클릭되는 걸로 보여서요.. --;;

  • 지니

    네 사실 버튼은 모어부분만이고... 회색 바탕은 제목들어가는 바탕이라서요... 이미지 안넣고 해결할수 있는 방법이 있을까 싶어서요

  • 희미해

    div class=\01\
    a href=\#\
    div class=\02\img src=\버튼이미지\ //div
    /a
    /div

    이렇게 짜서 \01\이라는 클래스에 가장 바깥 회색 테두리를 넣고 흐린 바탕색을 넣고요.
    02라는 클래스에 모어 버튼이 얹어져 있는 조금 진한 회색 바탕을 넣고
    아마도 이미지인 듯한 모어 버튼을 넣고...
    같은 \02\ 클래스에 border-top:solid 1px #fff; 이라고 넣으면 되지 않을까요? ^^
    저

  • 연자두

    한번 해봐야 겠습니다... 감사합니다...^^

  • 에녹

    사이드바 전체를 감싸고 있는 영역이 있다면 먼저 border:solid 1px #ccc 그 다음
    모어버튼, 광고영역에 각각 border-top:solid 1px #fff; border-bottom:solid 1px #ccc; 주시고
    로그인폼영역에는 border-bottom:solid 1px #ccc
    그리고 모어버튼에 padding으로 여백주시고 백그라운컬러주시면 될듯한데요

  • 흰추위

    회색테두리를 div로 하시고 border로 테두리를 주세요. 그 div의 background는 흰색
    그 div안에다가 버튼을 두시면 되겠네요 ㅎㅎ

  • 하루

    라인이 회색흰색 이렇게 2픽셀 라인이예요

  • 슬현

    제 생각에도 그냥 라인만 그으실거면 border를 이용하심이...
    정안되면 이미지로 넣어야하는데 css로만으로도 해결될듯

  • 은아

    음.. 여러 방법이 있겠지만 저같으면 그냥 해당 블럭 박스에 border-top이나 border-bottom을 줄것같아요~

번호 제 목 글쓴이 날짜
2696504 플래시 위에 div 올리기 (5) 큰꽃늘 2025-05-30
2696458 제가 만든 소스 한번 봐주시고 수정 할 꺼 있으면 말해주세요. (실행은 되지만 깜빡거리네요) 이플 2025-05-29
2696434 퍼센트 레이아웃 질문인데요.. 나츠 2025-05-29
2696372 %=open_main%, %=open_sub% 가 뭘까요? (9) 행복녀 2025-05-29
2696347 콘솔 프로그램 질문 상큼한캔디 2025-05-28
2696320 c언어 scanf 함수를 이요해 문자열 입력 받을 시 질문 있습니다. 슬아라 2025-05-28
2696292 익스플로러9이상에서만 이상한 보더가 보이는데 삭제할수 있나요? 망고 2025-05-28
2696263 프로그래밍 공부시작 질문 (6) 진이 2025-05-28
2696206 SK2의 플래시를 밴치마킹하려고하는데요.. (1) 비내리던날 2025-05-27
2696179 ie7에서 사라지지가 않네요. (2) 빛길 2025-05-27
2696150 div에 스크롤 생기게 하려면... (2) 에드가 2025-05-27
2696123 자료구조론 공부중인데 김자영 2025-05-26
2696094 exe 파일 제철 2025-05-26
2696043 제이쿼리 .scroll() 관련 질문드립니다 이거이름임 2025-05-26
2695984 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) 들꿈 2025-05-25
2695934 tr 속성값 (9) 새 2025-05-25
2695905 ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) 슬아라 2025-05-24
2695878 form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) 핫파랑 2025-05-24
2695844 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) 한빛 2025-05-24
2695814 [질문] PDA에서 애플릿이 가능한가요? (1) 봄시내 2025-05-24
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com