게시판 스킨 제작하려는데요. css 질문드립니다. 채택완료
CSS 기초지식이 너무 부족합니다~ 그누보드 4 이용중이고여~
제가 대략 위에 사진처럼 LAYER 로 잡고
큰틀 폭은100% 그리고 안에는 크게 4분활 되게 만들고 싶은데요
아래 링크1 링크2 폭을 50%씩 잡아서 채우고
위에 프로필은 동그렇게 해서 표시하고 이건 일단 나오기만 하면 될것 같습니다.
그옆에 wr_content 필드 내용을 집어넣고
list.skin에서. 한게시물당 위처럼 표시되게 할꺼고요
일단 이렇게 레이어 css를 짜야되는데
힌트좀 주실수 있으신가여?
답변 2개
</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개
이미지의 고정된 크기값 또는 max-width값을 주었을시 margin:0 auto로 정렬할수 있습니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인