/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
CSS / hjælp til tekst formatering
Fra : Lars Christensen


Dato : 30-03-05 22:14

Hej,

Jeg er ved at konstruere en hjemmeside og har et par spørgsmål
til CSS og tekst formatering.

A)
Jeg vil gerne have at de tre første ord i teksten er i fed. Kan
det lade sig gøre via CSS og i så fald hvordan?

B)
Enkelte ord i teksten ønsker jeg at formatere i speciel farve
(f.eks. font color="red"), men hvordan gøres det i CSS? Jeg kan
oprette en class i CSS og definere det der, men hvordan tildeler
jeg en class til et enkelt eller flere ord? F.eks vil jeg gerne
have at ordene "injured reserve" i teksten står med rødt.


Tips/forslag/ideer/kritik er velkommen.

På forhånd tak.
Lars


Min test hjemmeside ligger her:
http://wiggumdk.frac.dk/test/style/main.css

CSS ser sådan ud (direkte link fra hjemeside virker ikke):
/* body */
body {
   background-color: white;
   text-align: center;
   font-family: arial, sans-serif;
   font-size: 70%;
color: #000000;
}


/* content main*/
#storiesheader {
   margin-top: 25px;
   padding: 0px 0px 2px 0px;
   width: 650px;
   text-align: left;
   font-weight: bold;
}
#stories {
   background-image: url("../images/logo.gif");
   background-position: 87% 50%;
   background-repeat: no-repeat;
   padding: 10px 10px 10px 10px;
   width: 650px;
   text-align: justify;
   border: 1px solid black;
}
imageleft {
   float:left;
   margin-right: 10px;
}
imageright {
   float:right;
   margin-left: 10px;
}
#credits {
   margin-top: 5px;
   font-size: 85%;
}


/* style general */
a {   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Thomas Gade (30-03-2005)
Kommentar
Fra : Thomas Gade


Dato : 30-03-05 23:26

Lars Christensen wrote:
> Hej,
>
> Jeg er ved at konstruere en hjemmeside og har et par spørgsmål
> til CSS og tekst formatering.
>
> A)
> Jeg vil gerne have at de tre første ord i teksten er i fed. Kan
> det lade sig gøre via CSS og i så fald hvordan?

<span class="fed"> din tekst </span>

i cssarket skriver du:
..fed   {font-weight:bold;}

>
> B)
> Enkelte ord i teksten ønsker jeg at formatere i speciel farve
> (f.eks. font color="red"), men hvordan gøres det i CSS? Jeg kan
> oprette en class i CSS og definere det der, men hvordan tildeler
> jeg en class til et enkelt eller flere ord? F.eks vil jeg gerne
> have at ordene "injured reserve" i teksten står med rødt.
>

Brug <span> igen med en ny .class




--

Mvh
Thomas

Lars Christensen (30-03-2005)
Kommentar
Fra : Lars Christensen


Dato : 30-03-05 23:42

Mange tak for det hurtige svar Thomas.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jens Gyldenkærne Cla~ (31-03-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 31-03-05 08:56

Thomas Gade skrev:

> <span class="fed"> din tekst </span>

Der er vel ingen grund til at gå over åen efter vand. Elementet
<strong> (og <b> for den sags skyld) giver samme resultat:

<p><strong>Markering af de</strong> første tre ord.</p>

Begge metoder kræver at de ord der skal fremhæves (de tre første),
er markeret i html-koden. Det er ikke muligt med css at ramme de
tre første ord i et element. I nyere browsere kan man dog tildele
speciel formatering til første bogstav (:first-letter) og første
linje (:first-line) i et element (se fx
<http://gyros.dk/usenet/html/firstline.shtml>).

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408946
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste