수다닷컴

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

css로 게시판 리스트 짤 때, 도와주세요- (내용추가)

겨루

2023.04.01

위와 같은 리스트를 짜려고 합니다.

처음의 계획은
div id=content
ul
lispan class=logo로고/spana href=#span class=text설명/spanbr /p사이트제목/p/aspan class=linka href=# title=모모사이트로버튼/a/span
/li
/ul
/div

이렇게 짜려고 했는데,

문제①
저 회색바탕입니다.

저 분홍색 텍스트 부분을
text1, text2
link1, link2
이런식으로 주고
1일때는 비지컬러 없다,
2일때는 회색을 넣어라,
이렇게 일일이 해줘야 하나요?
다른 방법은 없나요?

로고부분과 나머지 두부분을 따로 li로 주고 하는 것도 생각해 봤는데
그럼 아랫줄을 ul로 또 끊어줘야 하기 때문에
되도록 ul하나에 li리스트로 채우고 싶거든요.

문제②
가운데의 내용이 두줄이 되어야 하는데,
span태그에서 br이나p를 쓰면
옆의 link부분이 아랫줄로 가버립니다.
지극히 초보적인 질문인것 같은데요-

답변 부탁드릴게요-_ㅜ

+ 내용추가
+ 테이블을 쓰면 안돼요.
+ 내용/부분은 가변적입니다.
+ 내용과 사이트명 부분은 a태그로 같이 묶여요.

신청하기





COMMENT

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

  • 빵돌

    답변 고맙습니다~ 그런데 그렇게 가면, ul이 한줄이 되잖아요. 제가 본문에 썼다시피, ul하나에 li리스트로만 가고 싶거든요. 그리고 말씀해주신대로 했을 경우, 2번째 줄이 깨지는데 어떻게 해야 하나요?

  • 가림새

    ???? table을 쓰면안됀다뇨? -_-;; 누가 그런...말을;; (__
    그럼
    div style=\clear:both;\
    img logo float:left;
    ul style=\float:left;padding-right:30px;/* 버튼들어갈곳에 content 침범 막기 */ position: relative; background: #색;\
    li내용/li
    li제목/li
    li style=\position: absolute; right: 0;

  • 연파랑

    dl
    dt사이트제목/dt
    dd class=\desc\내용/dd
    dd class=\sitelogo\logo/dd
    dd class=\linkbutton\버튼/dd
    /dl
    고정 높이라는 가정하에서 저같으면 이렇게 하겠습니다.

  • 통꽃

    아 테이블을 쓰면 안되고 반드시 css로만 해야 해서요...

  • 앤드류

    아무리 해도 안되네요... 2줄까지 짜주실 분 ㅠㅠ

  • 악당

    thead는 display:none; 으로 처리 하셔도되고 -0-;
    해석의 차이랄까요

  • 4차원

    thead
    tr
    th로고/th
    th내용/th
    th버튼/th
    /tr
    /thead
    tbody
    tr
    td로고/td
    td
    dl
    dtsite/dt
    ddcontent/dd
    /dl
    /td
    tdButton/td
    /tr
    /tbody

  • 적송

    답변 감사합니다~ 근데 고정높이 아니구요 가변이에요. 저 설명이 10줄이 될 수도 있거든요;

  • 아라

    의미에 맞을지는 모르겠지만 다른 방식으로 퍼블리싱 힌트를 드리자면 .
    dl
    dtimg src=\logo.gif\dt
    ddspan내용/span
    span사이트/span /dd
    ddimg src=\버튼..gif\/dd
    dl
    이런식은 어떨지..

  • 나로

    li에 클래스로 비지를 설 정 하시고 !--짝수홀수 일때는 class=\AAA\ 홀수일때는 class=\BBB\ --
    이런식으로 넣어주시믄 ...개발자분이 알아서 해주실꺼에여 ...*_*;

번호 제 목 글쓴이 날짜
2694894 웹 프로그래밍 관련해서 질문합니다. 창의적 2025-05-15
2694868 컨택트 폼 7에서 textarea 높이 조정 영글 2025-05-15
2694818 line-height값이 적용이 안되는데 왜 그런 거예요?. letter-spacing,line-height의 기준?? (2) 풍란 2025-05-14
2694795 이것 어떻게 좀 해결좀;; (3) 개럭시 2025-05-14
2694724 코딩시 폰트 문제; ㅠ 후력 2025-05-13
2694696 텍스트박스 입력에 관한 문제입니다. 딥공감 2025-05-13
2694668 [질문] 페이퍼비전 PointLight 관련 질문 드려요.. 두바다찬솔 2025-05-13
2694611 Flash Lite 2.1에서 BitmapData와 Matrix 지원안하나요? (3) 이플 2025-05-12
2694582 IE & 파이어폭스 (2) 흙이랑 2025-05-12
2694553 무비클립안의 duplicate 발동이 안돼네요; 딥보라 2025-05-12
2694523 자바 애플릿 질문좀 ^^ (6) 동이 2025-05-12
2694494 [질문] JAVA 또는 C++ 로 프로그램 개발시.. 레지스터리 등록 관련 의문점? (3) 우람늘 2025-05-11
2694469 익스6에서 css버그 나오는것 해결방법좀요 !!!! (6) 원술 2025-05-11
2694442 로컬에선 잘 나오는데 운영에 반영하면 이상하게 나와요. (8) 목화 2025-05-11
2694412 [질문] 이미지 로딩후 사이즈 조절할때 (1) 아담 2025-05-11
2694391 설치형 블로그 쓰시는 분들 어떤거 쓰세요?? (7) AngelsTears 2025-05-10
2694362 Microsoft SQL Server에서 서버만드는법 어둠 2025-05-10
2694333 for문으로 돌린 이름의 제어 (4) 레이 2025-05-10
2694308 이미지 css 도와주세요 ㅠㅠ (2) 애기 2025-05-10
2694223 [급질문]스크롤스파이의 offset값 진나 2025-05-09
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

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