קישורים עגולים

אוקי הצלחתי בעזרת frame אבל זה לא הכי טוב זה מזופת מדי ,מצאתי תפריט שהביאו לי אבל לא הבנתי את הסדר ! הנה הקוד :

html {
color : #000;
background : #fff;
}
body {
text-align : center;
font-family : verdana, arial, sans-serif;
font-size : 76%;
color : #000;
background : #fff url(back.gif) repeat-x;
padding : 0;
border : 0;
margin : 0;
}
a, a:visited {
color : #080;
}
a:hover {
text-decoration : none;
}
#wrapper {
width : 750px;
margin : 0 auto;
text-align : left;
background : #c9c9a7;
}
#head {
width : 750px;
height : 150px;
background : #c9c6a7 url(head_back.gif) repeat-y;
position : relative;
border-bottom : 1px solid #888;
}
* html #head {
height : 151px;
height : 150px;
}
#replacement {
float : left;
}
h1#title {
position : relative;
width : 630px;
height : 60px;
padding : 0;
margin : 0;
}
h1#title {
overflow : hidden;
}
h1#title em {
display : block;
width : 630px;
height : 60px;
background : url(cssplay.gif);
position : absolute;
top : 0;
left : 0;
}
h2#slogan {
position : relative;
width : 630px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}
h2#slogan {
overflow : hidden;
}
h2#slogan em {
display : block;
width : 630px;
height : 20px;
background : url(slogan.gif);
position : absolute;
top : 0;
left : 0;
}
h2 {
color : #322b16;
text-align : center;
font-weight : normal;
font-family : georgia, "times new roman", serif;
font-size : 1.2em;
letter-spacing : 0.2em;
margin : 0 0 10px;
padding-top : 5px;
}
h2 span {
line-height : 1.4em;
}
h3 {
font-size : 1.1em;
}
#mainmenu {
padding : 0;
margin : 0;
list-style-type : none;
position : absolute;
bottom : 0;
left : 0;
}
#mainmenu li {
float : left;
}
#mainmenu li a, #mainmenu li a:visited {
display : block;
float : left;
width : 90px;
height : 20px;
font-size : 13px;
padding : 50px 0 0;
text-decoration : none;
color : #653;
font-family : georgia, "times new roman", serif;
letter-spacing : 1px;
text-align : center;
}
#mainmenu li em {
display : block;
float : left;
width : 90px;
height : 20px;
font-size : 13px;
color : #000;
font-family : georgia, "times new roman", serif;
letter-spacing : 1px;
text-align : center;
padding : 37px 0 0;
font-style : normal;
text-decoration : underline;
}
#mainmenu li a:hover {
color : #000;
text-decoration : overline;
}
#submenu {
text-align : right;
margin : 0;
padding : 0;
list-style-type : none;
position : absolute;
right : 0;
top : 8px;
width : 120px;
}
#submenu li {
font-size : 10px;
height : 1.5em;
margin : 4px 0 0;
}
#submenu li a, #submenu li a:visited {
font-family : arial, sans-serif;
text-decoration : none;
color : #362b16;
padding-right : 5px;
border-right : 5px solid #fff;
}
#submenu li a:hover {
color : #697210;
border-right : 5px solid #88715a;
}
#info {
width : 750px;
padding-bottom : 12px;
background : #fff;
border-bottom : 1px solid #bd8d5e;
border-top : 20px solid #fff;
}
#foot {
clear : both;
width : 750px;
margin : 0;
padding-bottom : 10px;
background : #fff;
border-bottom : 1px solid #fff;
border-top : 5px solid #bd8d5e;
}
dl.col1 {
display : block;
width : 230px;
float : left;
padding : 10px;
}
* html dl.col1 {
width : 250px;
width : 230px;
}
dl.col1 dt {
color : #697210;
font-weight : bold;
padding : 0 0 10px;
}
dl.col1 dd {
margin : 0;
padding : 0;
font-size : 0.85em;
line-height : 1.7em;
}
dl.col1 dd a, dl.col1 dd a:visited {
color : #724a10;
text-decoration : none;
}
dl.col1 dd a:hover {
color : #e09222;
text-decoration : underline;
}
dl.col1 em {
color : #e09222;
}
dl.clear {
clear : both;
}
.col2 {
display : block;
width : 500px;
float : left;
border-right : 1px solid #bd8d5e;
background : #fff;
clear : both;
}
.col2 li {
line-height : 1.5em;
font-size : 0.9em;
}
.col3 {
display : block;
width : 229px;
float : left;
padding : 0 10px;
margin : 0;
}
.col4 {
display : block;
width : 230px;
float : left;
padding : 0 10px;
margin : 0;
}
.col5 {
display : block;
width : 230px;
float : left;
padding : 0 10px;
height : 20em;
min-height : 20em;
margin : 0;
}
.col6 {
display : block;
width : 480px;
float : left;
padding : 0 10px;
margin : 0;
}
.col7 {
padding : 0 10px;
}
* html .col4 {
width : 248px;
width : 230px;
}
#donate {
margin : 0 auto;
}
h2.line {
border-top : 1px solid #bd8d5e;
}
h2.line {
margin : 0 -10px 10px;
}
h2.clear {
clear : both;
border-top : 1px solid #bd8d5e;
}
p {
font-size : 0.9em;
text-align : justify;
line-height : 1.8em;
font-family : verdana, arial, sans-serif;
margin-top : 0;
}
.highlight {
background : #fbf3d9;
font-family : georgia, "times new roman", serif;
width : 230px;
font-style : italic;
border-top : 1px solid #bd8d5e;
border-bottom : 5px solid #bd8d5e;
}
* html .highlight {
width : 225px;
}
#sites {
clear : both;
width : 750px;
border-top : 1px solid #bd8d5e;
background : #c9c9a7;
}
#sites dd {
color : #686;
}
pre {
font-size : 1.1em;
}
* html pre {
font-size : 1em;
}
#ads {
clear : both;
text-align : center;
width : 750px;
margin-top : 10px;
}
.date {
font-family : georgia, "times new roman", serif;
font-size : 1.1em;
font-style : italic;
color : #e09222;
margin : 0;
}
.bold {
font-weight : bold;
}
h2#welcome:target, h2#search:target, h2#comments:target, h2#about:target, h2#approvals:target, h2#archives:target, h2#links:target {
font-weight : bold;
color : #c00;
}
dt.spacer {
margin-top : 1em;
}
#pagerank {
border : 0;
width : 66px;
height : 13px;
float : right;
}
#sspire {
border : 0;
}
.fright {
font-family : arial, verdana, sans-serif;
font-size : 0.8em;
float : right;
padding-right : 12px;
color : #e09222;
}
dl.cola {
display : block;
width : 165px;
float : left;
padding : 10px;
margin : 0;
}
* html dl.cola {
width : 185px;
width : 165px;
}
dl.cola dt {
color : #697210;
font-weight : bold;
padding : 0 0 10px;
}
dl.cola dd {
margin : 0;
padding : 0;
font-size : 0.85em;
line-height : 1.7em;
}
dl.cola dd a, dl.cola dd a:visited {
color : #724a10;
text-decoration : none;
}
dl.cola dd a:hover {
color : #e09222;
text-decoration : underline;
}
.advert {
background : #362b16;
color : #fff;
height : 2.5em;
line-height : 2em;
}
.image img {
border : 0;
margin : 1em 0;
}
.adimage img {
border : 0;
margin-top : 1em;
}
.right {
float : right;
}
.small {
font-size : 0.75em;
font-style : italic;
}
.page-ad {
display : block;
text-align : center;
margin : 1em;
}
.page-ad img {
border : 0;
}
#stats {
border-collapse : collapse;
border : 1px solid #8c674f;
margin : 0 auto;
width : 750px;
}
#stats caption {
font-size : 1.2em;
text-align : center;
background : #8c674f;
color : #fff;
height : 2em;
line-height : 2em;
}
#stats thead th {
background : #e9dab2;
font-size : 0.8em;
color : #000;
height : 1.5em;
line-height : 1.5em;
padding-right : 1em;
text-align : right;
}
#stats tbody td {
background : #f6f1e1;
יש לי את התכנה שאמרתם גרועה אני מתכון לMicrosft FrontPage שמתי שאני עושה בקובץ סיומת asp זה נכנס לי לזה אפשר לשנות את זה?
למדתי css דרך המדריך הבא (תסתכלו בהעלאת קבצים )

כלי אשכול	חפש באשכול זה
הצג גירסת הדפסה שלח דף זה ב E-Mail	חפש באשכול זה: חיפוש מתקדם
מצבי תצוגה	דרג אשכול זה
עבור למצב לינארי מצב כלאיים עבור למצב משורשר	דרג אשכול זה:

הדף נוצר ב 0.05 שניות עם 11 שאילתות
צור קשר - Fresh - למעלה