html - Flere styles i ét - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

<< < 1 2 > >>

Bruger #3004 @ 08.08.04 16:38

Er det muligt at have flere stylesheets i een fil?

Jeg fik alle mine menuer lagt sammen i een fil, og vil nu høre om det kan lade sig gøre med css også..

Kan det?

Og i så fald, hvordan kan det gøres..?

Med venlig Hilsen Frank
http://anakin.dk
Jeg giver ikke point for opgavens størrelse, men for hjælpen der ydes..

11 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 3 karma

Sorter efter stemmer Sorter efter dato

Bruger #5789 @ 09.08.04 20:59

640

Ja det kan jeg godt... tag det nedenstående og sæt ind i en *.css fil...

Kode

h1
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 15px;
	color: #1564AF;
	padding: 0 0 0 0;
	margin:0px;
	font-weight:normal;
	display:inline;
}
h2
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 13px;
	color: #1564AF;
	margin:0px;
	display:inline;
	font-weight:normal;
}
p
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #000000;
	margin:0px;
	display:inline;
}
.tekstNormalFed
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #000000;
	font-weight:bolder;
}
.tekstLille
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	color: black;
}
.tekstLilleHvid
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	color: white;
}

og importer det så i dit html dokument...

Vær opmærksom på.. når du opretter din egen style sættes et . foran navnet.. men vil du overskrive nogle af taggenes orginale egenskaber skriver du bare tagname eksempelvis body, h1, h2...

Sig til hvis du ikke kan få det til at virke.. så laver jeg et ordentligt eksempel

Med venlig hilsen
/Jokke Jensen
www.jj-multimediedesign.dk

Bruger #5910 @ 15.08.04 15:14

Kan du ikke bare lave det i flere filer?
hvis det er orden du leder efter kan du bare ligge det i en underfolder?

==========================
Forstyr aldrig din Fjende når han laver en feljtagelse

Bruger #4468 @ 24.08.04 00:41

221

Du kan bare five alle dine links et id og så skrive i CSS filen:
a#idnavnet:active{
color:#F70CB2;
}

a#idnavnet2:active{
color:#F70CB2;
}

osv..

Mvh.
Rune Jensen
---------------------------------------------------------------------------
##The one who laugh last is the one who think slowest!##
---------------------------------------------------------------------------

Bruger #5789 @ 08.08.04 16:44

640

Ja du kan sagtens have flere styles i en fil..

Du opretter dem bare i samme dokument, og referere til dem i dit html dokumenet ?

eksempelvis:

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

Med venlig hilsen
/Jokke Jensen
www.jj-multimediedesign.dk

Bruger #3004 @ 09.08.04 12:41

Ja du kan sagtens have flere styles i en fil..

eksempelvis:

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

Ok, hvordan skiller jeg dem så ad i selve filen? Jeg har 6-7 forskellige styles, egentlig er de identiske, bortset fra farveskift her og der.

Kan du give et eksempel på style.css med 2-3 styles i ?!?

Med venlig Hilsen Frank
http://anakin.dk
Jeg giver ikke point for opgavens størrelse, men for hjælpen der ydes..

Bruger #3004 @ 09.08.04 23:40

Ok, jeg tror ikke jeg har forklaret godt nok hvad jeg mente, eller også kan jeg ikke se hvad du mener.

de 7-8 styles jeg har er næsten identiske, se f.eks. disse to:

Kode

STYLE1.CSS
a:link {
	color : #000000; 
} 
a:visited {
	color : #000000; 
} 
a:active {
	color : #808047; 
} 
a:hover {
	color : #808047; 
} 
body {
	background-color : #E6E6B9; 
	margin-top : 20px; 
	margin-bottom : 20px; 
} 
td {
	font-weight : normal; 
	font-size : 12px; 
	color : #000000; 
	line-height : 130%; 
	font-family : arial, verdana; 
}

STYLE2.CSS
a:link {
	color : #000000; 
} 
a:visited {
	color : #000000; 
} 
a:active {
	color : #697962; 
} 
a:hover {
	color : #697962; 
} 
body {
	background-color : #CFDFC8; 
	margin-top : 20px; 
	margin-bottom : 20px; 
} 
td {
	font-weight : normal; 
	font-size : 12px; 
	color : #000000; 
	line-height : 130%; 
	font-family : arial, verdana; 
}

De er næsten identiske, kun farveskift her og der, jeg har en slags farve-skifter sat på den afstemning jeg har, hvor en stump php i toppen af hver side bestemmer hvilket stylesheet og dermed hvilken farve der skal indlæses,

Kode

 $farve = "sand"; // afstemningens farve
 $side="sand"; // menu punkter
 $info="sand"; // info kolonne

Ganske smart, og jeg er også sikker på at hele toppen af min side kan forenkles, idet jeg til stadighed får flere og flere filer hver gang jeg udvider med et nyt afsnit, og der er yderligere 2 afsnit på vej..

Sidens top:

Kode

<?php
 ob_start();
 if (!isset($page_title)) {
 $page_title = "Anakin.dk";
 } else {
 $page_title = "Anakin.dk - ".$page_title;
 }
 $farve = "sand";
 $side="sand"; 
 $info="sand"; 
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title><? echo $page_title; ?></title>
<?php include($DOCUMENT_ROOT.'/includes/meta_tags.php'); ?>
<link rel="stylesheet" type="text/css" href="/css/sand7.css">
</head>
<body bgcolor="E6E6B9">
<table width='800' align='center' border='0'>
  <tr>
    <td width='100%' align='center'><img src="/b/logo/sand.jpg" width="800" height="100" border="1" title="Anakin.dk"></td>
  </tr>
  <tr>
    <td width='100%'>
	<!-- Here goes content -->

Indholdet ligger så i hver deres .php og end.php lukker tabellen og indsætter (c) og charts..

Jeg ved hvordan det kan laves, men jeg kender ikke koderne til at opnå det..

Med venlig Hilsen Frank
http://anakin.dk
Jeg giver ikke point for opgavens størrelse, men for hjælpen der ydes..

Bruger #3004 @ 15.08.04 18:46

Kan du ikke bare lave det i flere filer?
hvis det er orden du leder efter kan du bare ligge det i en underfolder?

Det er præcis sådan det ser ud nu, men når nu jeg kan få menu filerne til at ligge i éen fil, så kan styles vel også.. og når man har 11 styles, så er det træls at skulle ændre alle 11 hver gang der er en lille ændring..

Derfor vil jeg have det i een fil..

Med venlig Hilsen Frank
http://anakin.dk
Jeg giver ikke point for opgavens størrelse, men for hjælpen der ydes..

Bruger #3004 @ 23.08.04 13:13

Nogen der har et bud på denne her ?? Ellers må jeg lukke den som "unsolved"

Med venlig Hilsen Frank
http://anakin.dk
Jeg giver ikke point for opgavens størrelse, men for hjælpen der ydes..

Bruger #3004 @ 24.08.04 12:50

Hvordan løser det mit problem når jeg har den samme menu over hele min side, men forskellige farver på hover ?!?

Mit problem ligger i at jeg gerne vil have alle mine stylesheets lagt ned i én fil, man må nok kunne trække farverne på samme måde som menuen udvider sig når der indlæses en anden top ??

Du kan bare five alle dine links et id og så skrive i CSS filen:
a#idnavnet:active{
color:#F70CB2;
}

a#idnavnet2:active{
color:#F70CB2;
}

osv..

Med venlig Hilsen Frank
http://anakin.dk
Jeg giver ikke point for opgavens størrelse, men for hjælpen der ydes..

Bruger #4468 @ 26.08.04 21:59

221

Hvordan løser det mit problem når jeg har den samme menu over hele min side, men forskellige farver på hover ?!?

Mit problem ligger i at jeg gerne vil have alle mine stylesheets lagt ned i én fil, man må nok kunne trække farverne på samme måde som menuen udvider sig når der indlæses en anden top ??

Du kan bare five alle dine links et id og så skrive i CSS filen:
a#idnavnet:active{
color:#F70CB2;
}

a#idnavnet2:active{
color:#F70CB2;
}

osv..

Med venlig Hilsen Frank
http://anakin.dk
Jeg giver ikke point for opgavens størrelse, men for hjælpen der ydes..

Det vaqr ikk så du lige kunne skrive CSS koden og HTML koden? forstår ikk helt nemelig...

Mvh.
Rune Jensen
---------------------------------------------------------------------------
##The one who laugh last is the one who think slowest!##
---------------------------------------------------------------------------

<< < 1 2 > >>

Flere styles i ét

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler