테스트 사이트 - 개발 중인 베타 버전입니다

게시판 스킨 제작하려는데요. css 질문드립니다. 채택완료

달콤이쨈 9년 전 조회 5,017

CSS 기초지식이 너무 부족합니다~ 그누보드 4 이용중이고여~

 

제가 대략 위에 사진처럼 LAYER 로 잡고

 

큰틀 폭은100% 그리고 안에는 크게 4분활 되게 만들고 싶은데요

아래 링크1 링크2 폭을 50%씩 잡아서 채우고

위에 프로필은 동그렇게 해서 표시하고 이건 일단 나오기만 하면 될것 같습니다.

그옆에 wr_content 필드 내용을 집어넣고

list.skin에서. 한게시물당 위처럼 표시되게 할꺼고요

일단 이렇게 레이어 css를 짜야되는데

힌트좀 주실수 있으신가여?

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

</strong></p><p><font color="#7f7f7f" face="돋움, Dotum, sans-serif"><span style="font-size: 12px; letter-spacing: -0.01px; line-height: normal;"><b>
</b></span></font></p><p><font color="#7f7f7f" face="돋움, Dotum, sans-serif"><span style="font-size: 12px; letter-spacing: -0.01px; line-height: normal;"><b><div id="mom" style="width:100%; height:300px; solid; 1px; red; background-color:#d5d5d5;"> </b></span></font></p><p><font color="#7f7f7f" face="돋움, Dotum, sans-serif"><span style="font-size: 12px; letter-spacing: -0.01px; line-height: normal;"><b>
</b></span></font></p><p><font color="#7f7f7f" face="돋움, Dotum, sans-serif"><span style="font-size: 12px; letter-spacing: -0.01px; line-height: normal;"><b><div id="son1" style="width:60%; height:240px; position:relative; bottom:0px;float:left; background-color:hotpink;"> 여긴첨부파일</div> </b></span></font></p><p><font color="#7f7f7f" face="돋움, Dotum, sans-serif"><span style="font-size: 12px; letter-spacing: -0.01px; line-height: normal;"><b><div id="son2" style="width:40%; height:240px;  float:right; background-color:skyblue;">여긴 내용</div> </b></span></font></p><p><font color="#7f7f7f" face="돋움, Dotum, sans-serif"><span style="font-size: 12px; letter-spacing: -0.01px; line-height: normal;"><b>
</b></span></font></p><p><font color="#7f7f7f" face="돋움, Dotum, sans-serif"><span style="font-size: 12px; letter-spacing: -0.01px; line-height: normal;"><b><ul style="clear:both; padding:0; margin:0; list-style:none;"> </b></span></font></p><p><font color="#7f7f7f" face="돋움, Dotum, sans-serif"><span style="font-size: 12px; letter-spacing: -0.01px; line-height: normal;"><b><li style="width:50%; height:60px; float:left; background-color:red;"> 메일보내기</li> </b></span></font></p><p><font color="#7f7f7f" face="돋움, Dotum, sans-serif"><span style="font-size: 12px; letter-spacing: -0.01px; line-height: normal;"><b><li style="width:50%; height:60px; float:left; background-color:blue;">전화걸기</li> </b></span></font></p><p><font color="#7f7f7f" face="돋움, Dotum, sans-serif"><span style="font-size: 12px; letter-spacing: -0.01px; line-height: normal;"><b></ul> </b></span></font></p><p><font color="#7f7f7f" face="돋움, Dotum, sans-serif"><span style="font-size: 12px; letter-spacing: -0.01px; line-height: normal;"><b>
</b></span></font></p><p><font color="#7f7f7f" face="돋움, Dotum, sans-serif"><span style="font-size: 12px; letter-spacing: -0.01px; line-height: normal;"><b></div> </b></span></font><strong style="color: rgb(127, 127, 127); font-family: 돋움, Dotum, sans-serif; font-size: 12px; letter-spacing: -0.01px; line-height: normal;">
 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

달콤이쨈
9년 전
감사합니다^^;; 혹시 div mom 을 수평으로 가운데 정렬 시키려고 하는데여~ <center> 태그와 같은 효과를 내고 싶은데 어느 태그를 넣어야 센터태그 같은 효과가 날까요??
돼지코구뇽
9년 전
text-align:center;

이미지의 고정된 크기값 또는 max-width값을 주었을시 margin:0 auto로 정렬할수 있습니다.

댓글을 작성하려면 로그인이 필요합니다.

div코딩만 하셔서 float:left; float:right로 구성하고 하단엔 <ul><li>로 50% 크기주고 하면됩니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인