html 드림위버 - 해당되는 글 6건

이미지맵에 링크표시 없애기/ 선없애기

 

 

<map name="Map"><area shape="circle" coords="402,40,29" href="#top" value="blur"></map>

 

손가락표시만 남고

맵주위의 선은 없어진다.

'html 드림위버' 카테고리의 다른 글

이미지맵에 링크표시 없애기/ 선없애기  (0) 2012.11.05
배경 css  (0) 2012.11.02
폰트에 css주는법 html/css  (0) 2012.11.01
css 테이블 - 2  (0) 2012.10.24
css 테이블  (0) 2012.10.24
기본 css/style.css----웹표준 css  (0) 2012.10.24
      html 드림위버  |  2012.11.05 08:26




style="background-image:url(http://daum.khuman.com/service/premium/images/unse_2013/ic_dal_bg.gif);background-repeat:repeat-y;"

 

'html 드림위버' 카테고리의 다른 글

이미지맵에 링크표시 없애기/ 선없애기  (0) 2012.11.05
배경 css  (0) 2012.11.02
폰트에 css주는법 html/css  (0) 2012.11.01
css 테이블 - 2  (0) 2012.10.24
css 테이블  (0) 2012.10.24
기본 css/style.css----웹표준 css  (0) 2012.10.24
      html 드림위버  |  2012.11.02 14:25




 폰트에 css주는법  html/css

이미지 오른쪽 위치

 

 

 

 

<head>

 

<style type="text/css">
/*폰트색 */
.font01 {
 color: #65431e;
}

</style>

 

 

</head>

 

------------------------------------------------------------------------------------------------------------------

 

 

<TABLE border="0" cellSpacing="0" cellPadding="0" width="646" align="center">
                          <TBODY>
                            <TR>
                              <TD class="font01"><IMG align="right" src="이미지 경로">올해의   총운은 하시는 분야에서 맡아서 할 일이 많아지고, 분주하고 바쁜 해가 되겠습니다. 성실히 일한만큼, 관운과 승진을 할 수 있는 운세입니다.   여전히 경쟁자, 라이벌의 기세가 죽지 않고, 시기와 음해가 있을 수 있으며,올해는 대인관계의 필요성을 느끼게 하는 해입니다. <BR>
                                <BR>
                                올해는 관운과 명예 쪽에 비중을 많이 두고 욕심을 내는 시기입니다. 상사로 인해 스트레스를 받거나 동료로 인해 스트레스를 받을 수   있으니, 적절한 처세가 필요한 시기입니다. 금전 면으로는 작년부터 이어진 지출이 계속 있을 수 있으므로, 빌려주거나, 투자를 하는 일은 신중히   결정하셔야 하겠습니다. 올해는 당신의 자리가 확보가 되고, 점차 적응을 하는 시기이고, 업무량이 많아 과로 할 수 있으니 건강을 유의   하셔야겠습니다. <BR>
                                <BR>
                                애정 면으로는 상대방과의 사이가 안정적이지 못하고, 신뢰감을 잃어가기도 하나, 기본적으로 사랑하는 마음이 더   강하기 때문에, 서로 의지하면서 이어나갈 수 있는 운세입니다. 업무가 바쁘다거나 해서 상대방을 잘 챙겨주지 못할 수도 있습니다. 여자를 공주처럼   받들기 보다는, 밑에 두려는 성향이 강해서 카리스마가 있기는 하지만, 올해 같은 해에는 여자가 도망가려고 할 수도 있습니다. 유의하셔야 하는   운세입니다. </TD>
                              </TR>
                            </TBODY>
                          </TABLE>

'html 드림위버' 카테고리의 다른 글

이미지맵에 링크표시 없애기/ 선없애기  (0) 2012.11.05
배경 css  (0) 2012.11.02
폰트에 css주는법 html/css  (0) 2012.11.01
css 테이블 - 2  (0) 2012.10.24
css 테이블  (0) 2012.10.24
기본 css/style.css----웹표준 css  (0) 2012.10.24
      html 드림위버  |  2012.11.01 16:48




<style type="text/css">
<--<link rel="stylesheet" type="text/css" href="" />-->


/*Table Style*/
.tableWrap{border-top:3px solid #cb972d;width:707px;padding-bottom:20px;}
.tableWrap table.tableStyle{border-collapse:collapse;}
.tableWrap table th{border:1px solid #cbc6bb;color:#716044;background:#f6f4f0;padding:5px 0 4px 0;}
.tableWrap table td{border:1px solid #cbc6bb;text-align:center;padding:3px 5px;line-height:16px;}
.tableWrap table td.backBg{background:#e3eaf2;}
.tableWrap table td.valignTop{vertical-align:top;}
.tableWrap .tableList{text-align:left;margin-left:22px;line-height:16px;}

.tableWrapL{border-top:3px solid #cb972d;width:707px;padding-bottom:20px;}
.tableWrapL table.tableStyleL{border-collapse:collapse;}
.tableWrapL table th{border:1px solid #cbc6bb;color:#716044;background:#f6f4f0;padding:5px 0 4px 0;}
.tableWrapL table td{border:1px solid #cbc6bb;text-align:left;padding:3px 5px;line-height:16px;}
.tableWrapL table td.valignTop{vertical-align:top;}
.tableWrapL .tableList{text-align:left;margin-left:22px;line-height:16px;}*

.tableWrap330{border-top:3px solid #cb972d;width:330px;padding-bottom:20px;}
.tableWrap330 table.tableStyle{border-collapse:collapse;}
.tableWrap330 table th{border:1px solid #cbc6bb;color:#716044;background:#f6f4f0;height:27px;}
.tableWrap330 table td{border:1px solid #cbc6bb;text-align:center;padding:3px;line-height:16px;}
.tableWrap330 table td.valignTop{vertical-align:top;}
.tableWrap330 .tableList{text-align:left;margin-left:22px;line-height:16px;}


</style>

</head>
 
<body>

<div class="tableWrap">
 <table width="707" cellpadding="0" cellspacing="0" class="tableStyle" summary="개월수에 따른 예방접종별 접종시기 안내표입니다.">
  <caption>영유아 표준 예방 접종표</caption>
  <thead>
   <tr>
    <th></th>
    <th scope="col">출생</th>
    <th scope="col">1개월</th>
    <th scope="col">2개월</th>
    <th scope="col">4개월</th>
    <th scope="col">6개월</th>
    <th scope="col">12개월</th>
    <th scope="col">15개월</th>
    <th scope="col">18개월</th>
    <th scope="col">24개월</th>
    <th scope="col">36개월</th>
    <th scope="col">4~6세</th>
    <th scope="col">12세</th>
   </tr>
  </thead>
  <tbody>
   <tr>
    <td scope="row">BCG</td>
    <td colspan="2">1차</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
   </tr>
   <tr>
    <td scope="row">B형간염</td>
    <td>1차</td>
    <td>2차</td>
    <td></td>
    <td></td>
    <td>3차</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
   </tr>
   <tr>
    <td scope="row">DTap</td>
    <td></td>
    <td></td>
    <td>1차</td>
    <td>2차</td>
    <td>3차</td>
    <td></td>
    <td colspan="2">추가1차</td>
    <td></td>
    <td></td>
    <td>추가2차</td>
    <td>추가Td</td>
   </tr>
   <tr>
    <td scope="row">소아마비</td>
    <td></td>
    <td></td>
    <td>1차</td>
    <td>2차</td>
    <td>3차</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td>추가1차</td>
    <td></td>
   </tr>
   <tr>
    <td scope="row">MMR</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td colspan="2">1차</td>
    <td></td>
    <td></td>
    <td></td>
    <td>2차</td>
    <td></td>
   </tr>
   <tr>
    <td scope="row">일본뇌염</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td colspan="4">1, 2차</td>
    <td>3차</td>
    <td>추가1차</td>
    <td>추가2차</td>
   </tr>
   <tr>
    <td scope="row">수두</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td>1차</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
   </tr>
  </tbody>
 </table>
</div>

실용예제 --------------------------------------------------------------------------------------------------------

영유아 표준 예방 접종표
출생 1개월 2개월 4개월 6개월 12개월 15개월 18개월 24개월 36개월 4~6세 12세
BCG 1차
B형간염 1차 2차 3차
DTap 1차 2차 3차 추가1차 추가2차 추가Td
소아마비 1차 2차 3차 추가1차
MMR 1차 2차
일본뇌염 1, 2차 3차 추가1차 추가2차
수두 1차

'html 드림위버' 카테고리의 다른 글

이미지맵에 링크표시 없애기/ 선없애기  (0) 2012.11.05
배경 css  (0) 2012.11.02
폰트에 css주는법 html/css  (0) 2012.11.01
css 테이블 - 2  (0) 2012.10.24
css 테이블  (0) 2012.10.24
기본 css/style.css----웹표준 css  (0) 2012.10.24
      html 드림위버  |  2012.10.24 15:47




<style type="text/css">
/* 테이블 */
table.t_01 {
 width:98%;
 border-top:2px solid #0099CC;
 border-bottom:1px solid #dfe0e0;
 table-layout: fixed;
 margin: 10px auto;
 border-collapse:collapse;
}
table.t_01 tr th {
 padding: 7px 0px 7px 0px;
 border: none;
 border-bottom: 3px solid #dfe0e0;
 background: url('/img/bg.gif') repeat-x top;
 color: #7a7a7a;
 fontweight: bold;
 text-align: center;
 vertical-align: middle;
}
table.t_01 tr td {
 padding: 6px 0px 6px 0px;
 border: none;
 border-bottom:1px solid #dfe0e0;
 border-top: none;
 color: #454545;
 text-align: center;
 vertical-align: middle;
}
/* 왼쪽선 */
table.t_01 tr th.left_b {
 border-left: 1px solid #dfe0e0 !important;
}
/* 오른쪽선 */
table.t_01 tr th.right_b {
 border-right: 1px solid #dfe0e !important;
}
/* 제목 왼쪽정렬 */
table.t_01 tr td.title {
 text-align: left !important;
 padding: 6px 0p 6px 15px !important;
}
/* 번호 */
table.t_01 tr td.no {
 font-weight: bold !important;
 color:7a7a7a !important;
}
/* 조회수 숫자 */
table.t_01 tr td.hits {
 color: #ff0000 !important;
}
</style>
</head>
 
<body>
<table class="t_01">
  <tr>
    <th class="left_b">NO.</th>
    <th width="60%">제목</th>
    <th>작성일</th>
    <th class="right_b">조회수</th>
  </tr>
  <tr>
    <td class="no">11</td>
    <td class="title">테이블만들기</td>
    <td>2011-05-16</td>
    <td class="red">4597</td>
  </tr>
  <tr>
    <td class="no">45</td>
    <td class="sub">테이블만들기</td>
    <td>2013-01-13</td>
    <td class="hits">4567</td>
  </tr>
</table>
</body>
</html>

 

 

적용 예제 -----------------------------------------------------------------------------------------------------

NO. 제목 작성일 조회수
11 테이블만들기 2011-05-16 4597
45 테이블만들기 2013-01-13 4567

'html 드림위버' 카테고리의 다른 글

이미지맵에 링크표시 없애기/ 선없애기  (0) 2012.11.05
배경 css  (0) 2012.11.02
폰트에 css주는법 html/css  (0) 2012.11.01
css 테이블 - 2  (0) 2012.10.24
css 테이블  (0) 2012.10.24
기본 css/style.css----웹표준 css  (0) 2012.10.24
      html 드림위버  |  2012.10.24 15:44




기본 css/style.css---------------------------------------------------------------------------------------------------------------------

@import url("/css/layout.css");
/*write by YSJ (Design team) 2009/01/15*/

/*Base Style*/
* {margin:0;padding:0;border:0;}
body{padding:0;margin:0;}
p {text-align:justify;}
img, a img {border:0;vertical-align:top;border:0;}
select,input {vertical-align:middle;}
a {color:#545552;text-decoration:none;}
a:hover {text-decoration:none;}
body {font:12px "돋움", dotum, "굴림", gulim, Arial, sans-serif;}
td {font:12px "돋움", dotum, "굴림", gulim, Arial, sans-serif;}
input, select, textarea {font:12px "돋움", dotum, "굴림", gulim, Arial, sans-serif;border:1px solid #d9d9d9}
h1, h2, h3{margin:0;padding:0;}
em{font-style : normal;font-weight : bold;}
hr, caption{display:none;}

/*Common Style*/
.clear{clear:both;height:0;visibility:hidden;}
.fL{float:left;}
.fR{float:right;}
.hide{display:none;height:0;visibility:hidden;width:0;}
.accessibility{display:none;}
.accessibility_view{float: left;}
.txtR{text-align:right;}
.txtC{text-align:center;}
.imgbtn{border:0px solid #d9d9d9}


.fontOrange{color:#fe762f;font-weight:bold;}
.b{font-weight:bold;font-size:12px;}
.fontBlue{color:#0099CC;font-weight:bold;font-size:12px;}
.pdL5{padding-left:8px;}
.pdL18{padding-left:18px;}
.pdT5{padding-top:5px;}
.pdT50{padding-top:50px;}
.pdB5{padding-bottom:5px;}
.pdB15{padding-bottom:15px;}
.vt { vertical-align:top; }
.vm { vertical-align:middle; }
.vb { vertical-align:bottom; }
.mt10 { margin-top:10px; }
.mb10 { margin-bottom:10px; }
.mb5 { margin-bottom:5px; }
.mt25 { margin-top:25px; }


/*Board List Style*/
#boardWrap{border-top:3px solid #cb972d;width:707px;padding-bottom:10px;}
#boardWrap table.boardStyle{border-collapse:collapse;}
#boardWrap table.boardStyle th{border-bottom:1px solid #cbc6bb;color:#716044;background:#f6f4f0;height:27px;}
#boardWrap table.boardStyle td{border-bottom:1px solid #cbc6bb;text-align:center;padding:3px;line-height:16px;}
#boardWrap table.boardStyle td img{vertical-align:middle;}
#boardWrap table.boardStyle td.txtL{text-align:left;padding: 2px 10px;}
#boardWrap table.boardStyle td.boardStyleNone table{border-collapse:collapse;border-top:1px solid #cbc6bb;}
#boardWrap table.boardStyle td.boardStyleNone table td{border-right:1px solid #cbc6bb;border-left:1px solid #cbc6bb;}
#boardWrap table.boardStyle td table td{border:none;text-align:left;}

#boardWrap .boardStyle .title{text-align:left;padding-left:10px;}
.boardWrap{border-top:3px solid #cb972d;width:707px;padding-bottom:10px;}
.boardWrap table.boardStyle{border-collapse:collapse;}
.boardWrap table.boardStyle th{border-bottom:1px solid #cbc6bb;color:#716044;background:#f6f4f0;height:27px;}
.boardWrap table.boardStyle td{border-bottom:1px solid #cbc6bb;text-align:center;padding:3px;line-height:16px;}
.boardWrap table.boardStyle td img{vertical-align:middle;}
.boardWrap table.boardStyle td.txtL{text-align:left;padding: 2px 10px;}
.boardWrap table.boardStyle td.boardStyleNone table{border-collapse:collapse;border-top:1px solid #cbc6bb;}
.boardWrap table.boardStyle td.boardStyleNone table td{border-right:1px solid #cbc6bb;border-left:1px solid #cbc6bb;}
.boardWrap .boardStyle .title{text-align:left;padding-left:10px;}
#number{text-align:center;padding-bottom:15px;}
#number li{list-style:none;display:inline;color:#795353;}

/*Search Style*/
#searchWrap{border-top:3px solid #efede5;border-bottom:3px solid #efede5;width:500px;text-align:center;margin: 0 0 15px 104px;}
#searchWrap .search{width:500px;text-align:center;height:27px;background:#efede5;margin:2px 0;padding-top:8px;}

/*Tab Style*/
#navcontainer {margin: 0 0 30px 0;padding: 0;height: 18px;}
#navcontainer ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
#navcontainer ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#navcontainer ul li a {background: #fff;width: 130px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer ul li.width175 a {background: #fff;width: 175px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer ul li.width175{background: #fff;width: 175px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer ul li.width240 a {background: #fff;width: 240px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer ul li.width240{background: #fff;width: 240px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer ul li.width280 a {background: #fff;width: 280px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer ul li.width280{background: #fff;width: 280px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer a:active {background: #c60;color: #fff;}
#navcontainer li#active a {background: #c60;border: 1px solid #c60;color: #fff;font-size:12px;font-weight:bold;}

#navcontainer2 {margin: 0 0 30px 0;padding: 0;height: 18px;}
#navcontainer2 ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
#navcontainer2 ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#navcontainer2 ul li a {background: #fff;width: 190px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer2 ul li.width220 a {background: #fff;width: 230px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer2 ul li.width220{background: #fff;width: 230px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer2 ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer2 a:active {background: #c60;color: #fff;}
#navcontainer2 li#active a {background: #c60;border: 1px solid #c60;color: #fff;font-size:12px;font-weight:bold;}

#navcontainer3 {margin: 0 0 30px 0;padding: 0;height: 18px;}
#navcontainer3 ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
#navcontainer3 ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#navcontainer3 ul li a {background: #fff;width: 99px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer3 ul li.width130 a {background: #fff;width: 130px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer3 ul li.width130{background: #fff;width: 130px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer3 ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer3 ul li.width170 a {background: #fff;width: 170px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer3 ul li.width170{background: #fff;width: 170px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer3 ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer3 a:active {background: #c60;color: #fff;}
#navcontainer3 li#active a {background: #c60;border: 1px solid #c60;color: #fff;font-size:12px;font-weight:bold;}


#navcontainer33 {margin: 0 0 30px 0;padding: 0;height: 18px;}
#navcontainer33 ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
#navcontainer33 ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#navcontainer33 ul li a {background: #fff; width:87px; height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer33 ul li.width130 a {background: #fff;width: 130px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}

#navcontainer33 ul li.width110{background: #fff;width: 130px;color: #666;text-decoration: none;display: block;text-align: center;}

#navcontainer33 ul li.width130{background: #fff;width: 130px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer33 ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer33 ul li.width170 a {background: #fff;width: 170px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer33 ul li.width170{background: #fff;width: 170px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer33 ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer33 a:active {background: #c60;color: #fff;}
#navcontainer33 li#active a {background: #c60;border: 1px solid #c60;color: #fff;font-size:12px;font-weight:bold;}

 

#navcontainer34 {margin: 0 0 30px 0;padding: 0;height: 18px;}
#navcontainer34 ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
#navcontainer34 ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#navcontainer34 ul li a {background: #fff; width:87px; height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer34 ul li.width130 a {background: #fff;width: 130px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer34 ul li.width130{background: #fff;width: 130px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer34 ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer34 ul li.width170 a {background: #fff;width: 170px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer34 ul li.width170{background: #fff;width: 170px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer34 ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer34 a:active {background: #c60;color: #fff;}
#navcontainer34 li#active a {background: #c60;border: 1px solid #c60;color: #fff;font-size:12px;font-weight:bold;}

 

#navcontainer35 {margin: 0 0 30px 0; padding:0; height:18px;}
#navcontainer35 ul {border:0; margin:0; padding:0; list-style-type:none; text-align:center; }
#navcontainer35 ul li {display:block; float:left; text-align:center; padding:0; margin:0; }
#navcontainer35 ul li a {background:#fff; width:81px; height:18px; border-top:1px solid #c99e80; border-left:1px solid #c99e80; border-bottom:1px solid #c99e80; border-right:none; padding:6px 0 0 0 ;margin:0; color: #666; text-decoration:none; display:block; text-align:center; font-size:11px;}
#navcontainer35 ul li.width130 a {background: #fff;width: 130px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}

#navcontainer35 ul li.width110{background: #fff;width: 130px;color:#666; text-decoration: none;display:block; text-align:center;}

#navcontainer35 ul li.width130{background: #fff;width: 130px;color:#666; text-decoration: none;display:block; text-align:center;}
#navcontainer35 ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer35 ul li.width170 a {background: #fff;width: 170px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer35 ul li.width170{background: #fff;width: 170px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer35 ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer35 a:active {background: #c60;color: #fff;}
#navcontainer35 li#active a {background: #c60;border: 1px solid #c60;color: #fff;font-size:12px;font-weight:bold;}

/*21020913 대사증후군 탭추가*/
#navcontainer36 {margin: 0 0 30px 0;padding: 0;height: 40px;}
#navcontainer36 ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
#navcontainer36 ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;height: 40px;padding:0;}
/*21020913 대사증후군 탭추가 end*/

 

.navSub {margin: 0 0 7px 0;padding: 0;height: 16px;}
.navSub ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
.navSub ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
.navSub ul li a {background: #fff;width: 140px;height: 16px;border-top: 1px solid #e1ad5b;border-left: 1px solid #e1ad5b;border-bottom: 1px solid #e1ad5b;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
.navSub ul li.width260 a {background: #fff;width: 280px;height: 16px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
.navSub ul li.width260{background: #fff;width: 280px;color: #666;text-decoration: none;display: block;text-align: center;}
.navSub ul li a:hover {color: #444;background: #f6f4f0;}
.navSub a:active {background: #c60;color: #fff;}
.navSub li#act a {background: #e1bf5b;color: #fff;font-size:12px;font-weight:bold;}


#navTour {margin: 0 0 30px 0;padding: 0;height: 18px;}
#navTour ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
#navTour ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#navTour ul li a {background: #fff;width: 70px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navTour ul li.width130 a {background: #fff;width: 130px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navTour ul li.width130{background: #fff;width: 130px;color: #666;text-decoration: none;display: block;text-align: center;}
#navTour ul li a:hover {color: #444;background: #f6f4f0;}
#navTour a:active {background: #c60;color: #fff;}
#navTour li#active a {background: #c60;border: 1px solid #c60;color: #fff;font-size:12px;font-weight:bold;}

/*Table Style*/
.tableWrap{border-top:3px solid #cb972d;width:707px;padding-bottom:20px;}
.tableWrap table.tableStyle{border-collapse:collapse;}
.tableWrap table th{border:1px solid #cbc6bb;color:#716044;background:#f6f4f0;padding:5px 0 4px 0;}
.tableWrap table td{border:1px solid #cbc6bb;text-align:center;padding:3px 5px;line-height:16px;}
.tableWrap table td.backBg{background:#e3eaf2;}
.tableWrap table td.valignTop{vertical-align:top;}
.tableWrap .tableList{text-align:left;margin-left:22px;line-height:16px;}

.tableWrapL{border-top:3px solid #cb972d;width:707px;padding-bottom:20px;}
.tableWrapL table.tableStyleL{border-collapse:collapse;}
.tableWrapL table th{border:1px solid #cbc6bb;color:#716044;background:#f6f4f0;padding:5px 0 4px 0;}
.tableWrapL table td{border:1px solid #cbc6bb;text-align:left;padding:3px 5px;line-height:16px;}
.tableWrapL table td.valignTop{vertical-align:top;}
.tableWrapL .tableList{text-align:left;margin-left:22px;line-height:16px;}*

.tableWrap330{border-top:3px solid #cb972d;width:330px;padding-bottom:20px;}
.tableWrap330 table.tableStyle{border-collapse:collapse;}
.tableWrap330 table th{border:1px solid #cbc6bb;color:#716044;background:#f6f4f0;height:27px;}
.tableWrap330 table td{border:1px solid #cbc6bb;text-align:center;padding:3px;line-height:16px;}
.tableWrap330 table td.valignTop{vertical-align:top;}
.tableWrap330 .tableList{text-align:left;margin-left:22px;line-height:16px;}

/*Faq Style*/
#faqWrap{width:707px;border-top:3px solid #cb972d;border-bottom:2px solid #efede5;}
#faqWrap .q{border-bottom:1px solid #efede5;padding:8px 7px 8px 35px;background:url(/images/info/iconQ.gif) no-repeat scroll 7px 3px;}
#faqWrap .a{border-bottom:1px solid #efede5;padding:8px 7px 8px 35px;background:url(/images/info/iconA.gif) no-repeat scroll 7px 3px #f6f4f0;line-height:18px;color:#716044;}

/*Gallery Style*/
#gallery{width:682px;border-top:3px solid #cb972d;border-bottom:2px solid #efede5;padding:15px 0 0 15px;margin-bottom:15px;}
#gallery .gFrame{float:left;margin:0 0 15px 10px;width:150px;text-align:center;}
#gallery .gFrame img{border:3px solid #efede5;}
#gallery .gFrame p{font:11px;letter-spacing:-0.05em;text-align:center;padding-top:10px;}

/*Contents Style*/
#contents h3{background: url(/images/common/icon01.gif) no-repeat scroll left top;font-size:13px;color:#444;padding:0 0 10px 20px;letter-spacing:-0.05em;}
#contents p.h3p{padding:0 0 15px 21px;line-height:16px;}
#contents p.h3p5{padding:15px 0 2px 11px;line-height:20px;font-weight:bold; color:#F00;}

#contents p.h3p333{padding:0 0 0 31px;line-height:16px;line-height:16px;}
#contents p.h3p33{padding:0 0 5px 0;line-height:16px;line-height:16px;}
#contents p.h3p3{padding:10px 0 10px 21px;line-height:16px;}


#contents p.h3p2{padding:0 0 0 20px;line-height:16px;}
#contents p.h4p{padding:0 0 0 35px;line-height:16px;}
#contents ul.subwayUl{list-style:none;background:url(/images/center/img10_bg.gif) no-repeat 35px top;width:459px; height:103px;padding:0 0 0 150px;line-height:16px;}
#contents ul.subwayUl li{display:inline;padding-right:35px;}
#contents p.h4p2{padding:0 0 10px 35px;line-height:16px;}
#contents p.h4p3{padding:0 0 10px 35px;line-height:16px;background: url(/images/common/icon02.gif) no-repeat scroll 20px 2px;}
#contents ul.iconList{padding-bottom:10px;}
#contents ul.iconList li{list-style:none;background: url(/images/common/icon03.gif) no-repeat scroll 33px 2px;padding-left:43px;line-height:18px;}

#contents ul.iconList2{padding-bottom:10px;padding-top:20px;}
#contents ul.iconList2 li{list-style:none;background: url(/images/common/icon03.gif) no-repeat scroll 10px 6px;padding-left:20px;line-height:20px;}


/*Contents Style 120319 아이콘리스트에서 아이콘 빠진것*/
#contents ul.iconList3{padding-bottom:10px; background:none;}
#contents ul.iconList3 li{list-style:none;background:none;padding-left:43px;line-height:18px;}
#contents ul.iconList3 li ul li{list-style:none;clear:both;line-height:18px;padding-left:20px;}

#contents ul li.iconNone{list-style:none; background:none;color:#fe762f;padding:5px 0 5px 40px;margin:0;}
#contents ul li.iconNone2{list-style:none; background:none;padding-left:83px;}
#contents ul li.iconNone3{ist-style:none; background:none; margin-left:-15px;}

#contents h4{background: url(/images/common/icon02.gif) no-repeat scroll 20px top;font-size:12px;color:#666;padding:0 0 10px 35px;margin-top:10px;letter-spacing:-0.05em;}
#contents p.iconNote{padding:0 0 8px 35px;background: url(/images/common/icon04.gif) no-repeat scroll 5px 12px;color:#fe762f;padding-top:15px;font-weight:bold;}
.inline{margin-bottom:20px;}
.inline li{list-style:none;display:inline;padding-left:15px;}
.inline2{margin-bottom:20px;padding-left:15px;}
.inline2 li{list-style:none;display:inline;}

.inline3{margin-bottom:20px;padding-left:15px;}
.inline3 li{list-style:none;}
.inline3 dt{list-style:none;margin-bottom:20px;margin-top:10px;}
.inline3 dd{list-style:none;}

.boxWrap{border-top:1px solid #cbc6bb;border-left:1px solid #cbc6bb;border-right:2px solid #cbc6bb;width:550px;border-bottom:2px solid #cbc6bb;margin:10px 0 10px 23px;}
.boxWrap ul.boxList{padding:10px 0;}
.boxWrap ul.boxList li{list-style:none;background: url(/images/common/icon03.gif) no-repeat scroll 25px 2px;padding-left:35px;line-height:18px;}
.boxWrap650{border:7px solid #f5f4f4;width:650px;margin-bottom:20px;padding:10px 10px 15px 30px;line-height:18px;}
.boxWrap400{border:7px solid #f5f4f4;width:400px;margin-bottom:20px;padding:10px 10px 10px 35px;line-height:18px;}
.ulStyleNone{list-style:none;margin-bottom:15px;}
.boxWrapDown{border:7px solid #f5f4f4;width:690px;text-align:center;padding:15px 0;margin-bottom:15px;}
.boxWrapDown img{margin:0 15px;}
.boxWrapDown2{border:7px solid #f5f4f4;width:690px;padding:15px 0;margin-bottom:15px;}
.boxWrapDown2 p{text-align:center}

 


/*new보건소소개*/
.listTit { background:#f6f6f6; border:2px solid #CC6600; width:680px; height:15px; padding:10px; margin-bottom:10px; vertical-align:middle;}
.listTit .Tt { float:left; width:680px; font-size:13px; font-weight:bold; height:15px;  }
.listTit .Tt li { list-style:none;  }
.listTit .Tt span { font-style:normal; font-size:13px; font-weight:bold; color:#934900; padding-left:15px; background: url(/images/common/icon05.gif) no-repeat 8px 5px; }

.Clist{ width:325px; border:2px solid #d7d3c7; padding:3px; height:110px; margin-bottom:10px; }
.sysWrap ul.Ttext{float:left; width:320px; padding-top:5px;}
.sysWrap ul.Ttext li {list-style:none; padding-left:25px; line-height:20px; background:url(/images/common/icon06.gif) no-repeat 15px 5px; }

.Clist1{ width:330px; border:2px solid #e3ccbc; padding:3px; height:110px; margin-bottom:10px; }
.sysWrap ul.Ttext1{float:left; width:320px; padding-top:5px;}
.sysWrap ul.Ttext1 li {list-style:none; padding-left:25px; line-height:20px; background:url(/images/common/icon06.gif) no-repeat 15px 5px; }

.Clist2{ width:325px; border:2px solid #d7d3c7; padding:3px; height:90px; margin-bottom:10px; }
.sysWrap ul.Ttext2{float:left; width:320px; padding-top:5px;}
.sysWrap ul.Ttext2 li {list-style:none; padding-left:25px; line-height:20px; background:url(/images/common/icon06.gif) no-repeat 15px 5px; }

.Clist3{ width:330px; border:2px solid #e3ccbc; padding:3px; height:90px; margin-bottom:10px; }
.sysWrap ul.Ttext3{float:left; width:320px; padding-top:5px;}
.sysWrap ul.Ttext3 li {list-style:none; padding-left:25px; line-height:20px; background:url(/images/common/icon06.gif) no-repeat 15px 5px; }

.Clist4{ width:325px; border:2px solid #d7d3c7; padding:3px; height:75px; margin-bottom:10px; }
.sysWrap ul.Ttext4{float:left; width:320px; padding-top:10px;}
.sysWrap ul.Ttext4 li {list-style:none; padding-left:25px; line-height:20px; background:url(/images/common/icon06.gif) no-repeat 15px 5px; }

.Clist5{ width:330px; border:2px solid #e3ccbc; padding:3px; height:75px; margin-bottom:10px; }
.sysWrap ul.Ttext5{float:left; width:320px; padding-top:10px;}
.sysWrap ul.Ttext5 li {list-style:none; padding-left:25px; line-height:20px; background:url(/images/common/icon06.gif) no-repeat 15px 5px; }

.Clist6{ width:325px; border:2px solid #d7d3c7; padding:3px; height:130px; margin-bottom:10px; }
.sysWrap ul.Ttext{float:left; width:320px; padding-top:5px;}
.sysWrap ul.Ttext li {list-style:none; padding-left:25px; line-height:20px; background:url(/images/common/icon06.gif) no-repeat 15px 5px; }

.Clist7{ width:330px; border:2px solid #e3ccbc; padding:3px; height:130px; margin-bottom:10px; }
.sysWrap ul.Ttext1{float:left; width:320px; padding-top:5px;}
.sysWrap ul.Ttext1 li {list-style:none; padding-left:25px; line-height:20px; background:url(/images/common/icon06.gif) no-repeat 15px 5px; }


.blackB { color:#000000; font-weight:bold; }

.Ttext em { font-style:normal; font-weight:bold ;color:#8c613f; }
.Ttext1 em {font-style:normal; font-weight:bold; color:#b95411;}
.Ttext2 em { font-style:normal; font-weight:bold ;color:#8c613f; }
.Ttext3 em {font-style:normal; font-weight:bold; color:#b95411;}
.Ttext4 em { font-style:normal; font-weight:bold ;color:#8c613f; }
.Ttext5 em {font-style:normal; font-weight:bold; color:#b95411;}

 

/*보건소소개*/
#centerWrap{margin-left:10px;}
#center{float:left;width:180px;padding:30px 0 0 15px;}
#centerText{float:left;width:445px;padding:30px 0 0 0;}
#centerText p{padding-bottom:5px;letter-spacing:-0.03em;}
#centerText p.pdB10{padding-bottom:15px;}

#center2{float:left;width:155px;padding:50px 0 0 30px;}
#centerText2{float:left;width:445px;padding:30px 0 0 10px;margin-bottom:20px;}
#centerText2 p{padding-bottom:5px;letter-spacing:-0.03em;}
#centerText2 p.pdB10{padding-bottom:15px;}


#centerWrap .pdTr{padding:15px 50px 10px 0;}
#sysTable{background:url(/images/center/img07_05.gif) left 61px no-repeat;width:650px;height:570px;margin-left:45px;}
#sysTable li{list-style:none;}
#sysTable .sysSongpa{padding-left:211px;}
#sysTable .system1{float:left; width:160px; margin-top:44px; margin-left:0; margin-right:0; }
#sysTable .system2{float:left;width:160px;margin:24px 0 0 0;padding:0 0 0 0px;}

#sysTable1{background:url(/images/office/img07_05.gif) left 61px no-repeat;width:650px;height:570px;margin-left:45px; }
#sysTable1 li{list-style:none;}
#sysTable1 .sysSongpa{padding-left:211px; }
#sysTable1 .system1{margin-top:44px; margin-left:0; margin-right:0; text-align:center; }
#sysTable1 .system2{float:left;width:160px;margin:24px 0 0 0;padding:0 0 0 0px;}

.officeList1{width:650px;height:600px;margin-left:45px; }

.sysBorder{width:330px;border:2px solid #d7d3c7;padding:3px;height:98px;margin-bottom:10px;}
.sysWrap{float:left;margin:0 0 10px 10px;}
.sysWrap .sysPic{float:left;width:75px;}
.sysWrap .sysPic img{border:2px solid #dbd2b2;}
.sysWrap ul.sysText{float:left;width:250px;padding-top:10px;}
.sysWrap ul.sysText li{list-style:none;background: url(/images/common/icon05.gif) no-repeat scroll 10px 4px;padding-left:20px;line-height:18px;}
.sysWrap ul.sysText1{float:left;width:250px; padding-top:3px;}
.sysWrap ul.sysText1 li{list-style:none;background: url(/images/common/icon05.gif) no-repeat scroll 10px 4px;padding-left:20px;line-height:16px;}

#dlTagWrap{background:url(/images/center/img04Bg.gif) right top no-repeat;width:707px;height:400px;padding-top:20px;}
#dlTagWrap dl.dlTag{margin-left:15px;}
#dlTagWrap dl.dlTag dt{float:left;width:130px;clear:both;padding-bottom:15px;}
#dlTagWrap dl.dlTag dd{float:left;vertical-align:middle;padding-top:3px;width:547px;line-height:16px;}

/*사업안내*/
#lineWrap{width:500px;border:7px solid #f5f4f4;margin: 10px;padding: 10px 20px;height:250px;text-align:center;}
#lineWrap ul.busBner{float:left;width:245px;}
#lineWrap ul.busBner li{margin: 5px 10px;list-style:none;}

/*민원안내*/
.pic{border-top:1px solid #cbc6bb;border-left:1px solid #cbc6bb;border-right:2px solid #cbc6bb;width:550px;border-bottom:2px solid #cbc6bb;text-align:center;margin:10px 0 25px 0;}
.pic p{text-align:center;}

/*식품공중위생*/
.foodBner{float:left;width:230px;margin: 10px 0 20px 15px;}
.foodBner li{margin: 5px 0;list-style:none;}
.iconfood{padding-bottom:10px;}
.iconfood li{list-style:none;background: url(/images/common/icon02.gif) no-repeat scroll 33px 4px;padding:0 0 7px 50px;line-height:18px;}
.iconfood ul.foodList{padding:5px 0 10px 0;}
.iconfood ul.foodList li{list-style:none;background: url(/images/common/icon03.gif) no-repeat scroll 3px 4px;padding-left:13px;line-height:18px;}

/*정보광장*/
.infoBner{float:left;width:200px;margin: 0 0 20px 15px;}
.infoBner li{margin: 5px 0;list-style:none;}

.infoBner1{float:left;width:120px;margin: 0 0 20px 15px;}
.infoBner1 li{margin: 5px 0;list-style:none;}

.infoConWrap{width:200px;margin: 0 0 20px 15px;float:left;}
.infoCon img{padding:0 0 5px 0;}
.boxClean{border:7px solid #f5f4f4;width:650px;margin:10px 0 20px 0;padding:10px;line-height:18px;}
.boxH1n1{border:5px solid #f5f4f4;padding:10px;width:500px;text-align:center;margin:0 auto 20px auto;}
.boxH1n1 p{text-align:center;}


/*사이트맵*/
.sitemap{width:160px;padding: 0 0 15px 0;}
.sitemap ul{padding-top:10px;}
.sitemap ul li{list-style:none;background: url(/images/common/icon03.gif) no-repeat scroll 7px 7px;padding:2px 0 0 17px;line-height:22px;border-bottom:1px solid #e4e4e4;letter-spacing:-0.05em;}
.sitemapL{float:left;width:175px;}

 

-----------------------------------------------------------------------------------------------------------------

불러오는 문서에 넣기

<head>

<link rel="stylesheet" type="text/css" href="/css/style1.css" />

</head>

 

style.css

'html 드림위버' 카테고리의 다른 글

이미지맵에 링크표시 없애기/ 선없애기  (0) 2012.11.05
배경 css  (0) 2012.11.02
폰트에 css주는법 html/css  (0) 2012.11.01
css 테이블 - 2  (0) 2012.10.24
css 테이블  (0) 2012.10.24
기본 css/style.css----웹표준 css  (0) 2012.10.24
      html 드림위버  |  2012.10.24 15:26



뚜리뚜리's Blog is powered by Daum