Comments on: CSS 응용

By: 일모리

일모리 — Fri, 20 Jun 2008 15:12:09 +0000

사이드바가 늘어나야 하는 이유가 단순한 디자인이라면 어렵지 않습니다.

contents 와 sidebar 를 담는 div 를 지정한 후 (혹은 wrap) 사이드바의 배경을 직접 둘을 담은 div 에 적용하게되면 컨텐츠가 늘어날경우 사이드바가 늘어나는 것 처럼 보이는 효과를 보일수 있습니다.

By: 궁금이

궁금이 — Thu, 19 Jun 2008 08:53:33 +0000

이곳에서 웹표준에 대해 많은 걸 배우고 있습니다.
위에 예제를 보고 질문드리는데요~
예제 결과를 보여주는 그림에서 sidebar와 content가 서로 똑같은 높이로 보여지고 있는데요 실제로 코딩을 해보면 sidebar와 content의 높이는 그 안에 들어가는 내용의 높이에 따라 다르게 됩니다. content의 내용이 많아지면 content만 아래로 늘어나고 sidebar는 그래도 있는 그런식이 되는데요~
만약 content의 내용이 많아져 늘어나게 되었을때 sidebar도 같이 늘어나게 하려면 어떻게 해야 하나요~

By: 다림

다림 — Wed, 07 Jun 2006 09:22:16 +0000

아..속이 뻥~ 뚫리는 느낌 이네요.
좋은 정보들 감사합니다~

By: A

Wed, 10 May 2006 02:41:49 +0000

: ) 잘배워갑니다

By: pachi

pachi — Wed, 25 Jan 2006 01:49:00 +0000

form 같은 경우는 css에

form {
margin : 0 ;
}

을 주시면 됩니다.
padding : 0 ;을 추가해주셔도 좋구요.
국내 포털들의 경우 인풋폼에 클래스를 적용
margin 값을 (-)로 설정하는 경우도 있습니다.

By: lion

lion — Mon, 28 Nov 2005 07:12:06 +0000

가만보니 pading과 margin을 “0″으로 주어도 가장자리가 딱 붙지는 않네요 딱 붙이고 싶으면 어떻게 하나요? 특히 input form같은것을 넣을때 자꾸 밀리는데요

By: Anonymous

Anonymous — Sun, 20 Nov 2005 06:17:56 +0000

php 를 인클루드하시는거라면 이미 정해진 값이 있습니다. sidebar header footer 인데요 http://codex.wordpress.org/Theme_Development 에서 참고합니다.

To include the header, use the get_header() template tag.
To include the sidebar, use the get_sidebar() template tag.
To include the footer, use the get_footer() template tag.
Here is an example of the include usage:
::HLIGHT_BLOCK_1::

물론 그 파일들은 header.php footer.php sidebar.php 로 이름을 정하시면 됩니다.

By: lion

lion — Sat, 19 Nov 2005 09:04:20 +0000

chungdna님의 질문에 대한 답변 잘보았습니다. 그런데 부연설명좀 부탁드도 될까요.php를 제가 직접 써본적이 없어서 이해가 잘 안가요.
메뉴가 바뀔경우엔 번거로우니 전 인클루드 소스를 썼거든요. 디자인도 그렇고 하이퍼 링크도 바뀌니까요. 그럴땐 어떤 방법이 있나요?

By: 일모리

일모리 — Fri, 12 Aug 2005 14:04:24 +0000

그렇죠 ^^;; 네 알겠습니다. 안그래도 xhtml 쪽을 준비중이네요 ^^

By: 홉스

홉스 — Fri, 12 Aug 2005 13:28:44 +0000

content쪽에는 p의 스타일을 지정하려면
#sidebar ul li a 이것처럼
#content p 이렇게 지정하면 되는건가요?

맘에드는 태터 스킨을 표준,xhtml,css,테이블없이 전환해서 쓰려고하는데… OTL
이거야 원.. 책도 별로 없어서 독학도 힘들고…

참 시간있으시면 ol, ul, li에 대해 정말로 자세히 설명좀 해주세요 >_