CSS for 2 sider i en fil

[NisseMannH4X]

Jeg bruker denne CSS koden på cuteNews på sia mi. Har hatt cutenews i en iframe, men det er det nå slutt på. Må derfor ha css for show_news.php (Nyhets sia på CuteNews, som skal være i en celle på index.php) og css for index.php i samme fil. Hvordan skal jeg legge inn css koder som gjelder for BARE index.php i denne koden (denne koden har jeg brukt på show_news.php):

 

body {
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #FF5500;
scrollbar-highlight-color: #FF5500;
scrollbar-3dlight-color: #FF5500;
scrollbar-darkshadow-color: #FF5500;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FF5500;
margin: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
background-repeat: repeat-x;
background-position: center;    
background: #FFFFFF;

/* AJ-Fork example css */
html,body {
background: #FFFFFF;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
color: #000000;
font-size: 12px;
margin: 3px;
padding: 0px;
}
/* Link text */
a {
text-decoration: none;
border-bottom: 1px solid #eee;
color: #5588C2;
}
/* Link text with mouse on it */
a:hover {
color: #3CFF00;
border-bottom: 1px solid #DDD;
}
/* Beautify the form fields */
input, textarea {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 12px;
color: #777777;  
background: #F1F3E5;
border: 1px solid #D9DDC4;
}
/* Icons should _never_ have borders around them unless you say so, right? */	
img {
border: 0px;
}
/* The following five styles are used for articles. */
div.article {
margin: 3px 3px 20px 3px;
}
div.articletext {
padding-left: 3px;
}
h1 {
margin: 3px 3px 3px 3px;
padding: 0;
font:11px "Verdana", Arial,Helvetica,sans-serif;
text-transform: uppercase;
color: #OOOOOO;
font-weight:bold;

}
h2 {
margin: 3px 3px 3px 3px;
padding: 0;
font: 10px "Trebuchet MS", Arial,Helvetica,sans-serif;
text-transform: uppercase;
color: #777777;
}
h2 em {
font-family: "Trebuchet MS", Arial,Helvetica,sans-serif;
font-style: normal;
color: #999;
}	
.cn_comment_even {
border-top: 1px dashed #D9DDC4;
margin-top: 3px;
background: #fbffe6;
padding-top: 3px;
}
.cn_comment_odd {
border-top: 1px dashed #D9DDC4;
}
.desc {
margin-left: 15px;
}
.specials {
margin: 3px 3px 3px 3px;
padding: 0;
font: 10px "Trebuchet MS", Arial,Helvetica,sans-serif;
text-transform: uppercase;
color: #777777;
}
.specials em {
font-family: "Trebuchet MS", Arial,Helvetica,sans-serif;
font-style: normal;
color: #777777;
}
#latestcomments {
padding-right: 5px;
}

/* Contains all the content, including menus and such */
#body {
width: 700px;
padding: 10px;
border-right: 20px solid #336699;
background: #fff;
height: 100%;
}
/* The top box */
#header {
font-size: 15px;
font-weight: bold;
background: #CDD798;
border: 1px solid #777777;
margin-bottom: 10px;                            F5A71E
color: #fff;
padding: 5px;
}
/* The menu floating left of content */
#menu {
float: left;
width: 120px;
margin-right: 30px;
border-right: 1px dashed #D9DDC4;
height: 100%;
}
/* Main content in here */
#news {
width: 500px;
margin-left: 150px;
}
/* Footer (powered / valid xhtml / blablabla) */
#footer {
width: 100%;
font-size: 9px;
border-top: 1px solid #777777;
}
/* Used to force browsers to draw everything as it should be drawn */
div.spacer {
font-size: 1px;
 	clear: both;
 }

[Moonshine]

Siden cutenews nå ligger i en celle, må du definere cellen. Det eksisterer ikke da lenger 2 html dokumenter i ett, og derfor går begge under samme stilark.

 

Du kan jo bare bruke prefixer som img.cutenews { bajs: 100megafjær }.

 

Les mer her

 

[Cucum(r)]

body {
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #FF5500;
scrollbar-highlight-color: #FF5500;
scrollbar-3dlight-color: #FF5500;
scrollbar-darkshadow-color: #FF5500;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FF5500;
margin: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
background-repeat: repeat-x;
background-position: center;    
background: #FFFFFF;
}

Du bør forresten ikke bruke IEs propitære koder for rulleheis-farge.

Epsilon her på forumet skrev en fin artikkel om dette emnet på unrealized.org, med tittelen «Unngå egendefinerte rullefelt».

[NisseMannH4X]

Kan du forklare litt nærmere Jonas? jeg har !0! peiling, kan ikke en dritt! Hadde vært fint...

[Steinmann]

du må bruke klasser litt mer! enkelt å greit,

og han ga deg en link, les der få finner du nok noe...