/ 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
Fra : JHT


Dato : 28-08-02 08:20

Jeg vil gerne have at hveranden sætning i nedenstående divs skal
være en anden farve. Hvordan gør jeg det nemmest?

<div id="kalender">
<p><b>Fredag 3/5 22:00<br>DJ Funkenstein<br><br>Lørdag 4/5
19:30<br>Kristoffer & ven
<br><br>Fredag 10/5 22:00<br>DJ Baronen<br><br>Lørdag 11/5
19:30<br>Zorde-Lindorff Duo<br><br>
Fredag 17/5 20:00 <br>DJ Funkenstein<br><br>Lørdag 18/5
19:30<br>Hansen-Häninen Duo</b></p>
</div>

<div id="kalender2">
<p><b>Fredag 24/5 16-20<br>Faxe PostService<br><br>Fredag 24/5
22:00<br>DJ Mr. Kemi<br><br>
Lørdag 25/5 19:30<br>2:AM Duo<br><br>Fredag 31/5 22:00<br>DK Mr.
Kemi<br><br>
Lørdag 1/6 8:00<br>Urguay-Danmark<br>på STORSKÆRM<br><br>Lørdag
1/6 19:30<br>
Spangenberg/Mathiesen Duo</b></p>
</div>

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

 
 
Claus Sørensen (28-08-2002)
Kommentar
Fra : Claus Sørensen


Dato : 28-08-02 08:22

JHT wrote:

> Jeg vil gerne have at hveranden sætning i nedenstående divs skal
> være en anden farve. Hvordan gør jeg det nemmest?

Hvad mener du med "sætning"?

> <div id="kalender">
> <p><b>Fredag 3/5 22:00<br>DJ Funkenstein<br><br>Lørdag 4/5
> 19:30<br>Kristoffer & ven
> <br><br>Fredag 10/5 22:00<br>DJ Baronen<br><br>Lørdag 11/5
> 19:30<br>Zorde-Lindorff Duo<br><br>
> Fredag 17/5 20:00 <br>DJ Funkenstein<br><br>Lørdag 18/5
> 19:30<br>Hansen-Häninen Duo</b></p>
> </div>

<br> håndteres forskelligt af forskellige browsere. Nogen nøjes med et
linjeskift selvom der er flere efter hinanden andre det antal linjeskift,
som der er <br>.

Hvis du istedet for de dobbelte <br> afslutter med </p>, så vil det være let
at skifte farve (lysegrå og hvid) ved at indsætte følgende i
<head>-afsnittet:

<styles>
.ulige {color:#000000; background-color:#cccccc}
.lige {color:#000000; background-color:#ffffff}
</style>

Og skiftevis for hver <p>:

<p class="ulige">Lysegrå afsnit</p>
<p class="lige">Hvidt afsnit</p>

Hvis det drejer sig om hele linjer (fra kant til kant), så bliver du nok
nødt til at ligge det ind i en tabel og så give <tr> klasserne ulige og
lige.

De herligste hilsner
--
| Claus Sørensen | Jeg vil leve i en verden, hvor al kommunikation
|--------------------| er baseret på frie og åbne standarder, så enhver
| cs@chbs.dk | har friheden til at vælge.
| http://www.chbs.dk | Claus Sørensen, 2001

Julie Thomsen (28-08-2002)
Kommentar
Fra : Julie Thomsen


Dato : 28-08-02 10:10

Hej Claus

Det drejer sig om en sætning fra kant til kant. F.eks.

Fredag 3/5 22:00 (gråt)

DJ Funkenstein (hvid)

o.s.v

Hvorfor kan man ikke bruge denne? (har prøvet men virker ikke)

<div id="spalte1">
<p class="lige">Fredag 3/5 22:00</p><p class="ulige">DJ Funkenstein</p><p
class="lige">Lørdag 4/5 19:30</p>
<p class="ulige">Kristoffer & ven</p><p class="lige">Fredag 10/5 22:00</p><p
class="ulige">Baronen</p><p class="lige">Lørdag 11/5 19:30</p><p
class="ulige">Zorde-Lindorff Duo</p>
<p class="lige">Fredag 17/5 20:00</p><p class="ulige">DJ Funkenstein</p><p
class="lige">Lørdag 18/5 19:30</p><p class="ulige">Hansen-Häninen Duo</p>

Hvis tabeller er den eneste løsning, kan du måske hjælpe mig lidt på vej, idet
jeg
ikke har prøvet det før.

Mvh Julie

</div>




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

Julie Thomsen (28-08-2002)
Kommentar
Fra : Julie Thomsen


Dato : 28-08-02 10:22

OBS:

Glemte lige at nævne at indholdet skal ligge i en iframe.


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

Claus Sørensen (28-08-2002)
Kommentar
Fra : Claus Sørensen


Dato : 28-08-02 11:10

Julie Thomsen wrote:

> Hvorfor kan man ikke bruge denne? (har prøvet men virker ikke)

Hvordan ser den da ud?

> <div id="spalte1">
> <p class="lige">Fredag 3/5 22:00</p><p class="ulige">DJ Funkenstein</p><p
> class="lige">Lørdag 4/5 19:30</p>
> <p class="ulige">Kristoffer & ven</p><p class="lige">Fredag 10/5
> 22:00</p><p class="ulige">Baronen</p><p class="lige">Lørdag 11/5
> 19:30</p><p class="ulige">Zorde-Lindorff Duo</p>
> <p class="lige">Fredag 17/5 20:00</p><p class="ulige">DJ Funkenstein</p><p
> class="lige">Lørdag 18/5 19:30</p><p class="ulige">Hansen-Häninen Duo</p>
>
> Hvis tabeller er den eneste løsning, kan du måske hjælpe mig lidt på vej,
> idet jeg ikke har prøvet det før.

<table>
<tr class="ulige">
<td>Ulige grå linje</td>
</tr>
<tr class="lige">
<td>Lige og hvid linje</td>
</tr>
</table>

Du kan se flere eksempler her:

http://std.chbs.dk/css/linjefarver.php

De herligste hilsner
--
| Claus Sørensen | Jeg vil leve i en verden, hvor al kommunikation
|--------------------| er baseret på frie og åbne standarder, så enhver
| cs@chbs.dk | har friheden til at vælge.
| http://www.chbs.dk | Claus Sørensen, 2001

Julie Thomsen (28-08-2002)
Kommentar
Fra : Julie Thomsen


Dato : 28-08-02 15:44


Formateringen af skriften forsvinder.

Er kodningen jeg har skrevet da korrekt?

Eller skal jeg bruge tabeller? Kan tabeller kombineres
med den iframe som jeg skrev om tidligere?

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

Claus Sørensen (29-08-2002)
Kommentar
Fra : Claus Sørensen


Dato : 29-08-02 08:50

Julie Thomsen wrote:

>
> Formateringen af skriften forsvinder.

Du skal selvfølgelig bruge den formatering for skriften som du ønsker. Se
svaret på dine styles andensteds.

> Er kodningen jeg har skrevet da korrekt?

Nej - se ligeledes svaret direkte til dine styles.

> Eller skal jeg bruge tabeller?

Det behøver du ikke, som du kan se af de forskellige muligheder her:

http://std.chbs.dk/css/linjefarver.php

> Kan tabeller kombineres med den iframe som jeg skrev om tidligere?

Ja - det kan de godt, men jeg ville udelade at bruge iframes.

De herligste hilsner
--
| Claus Sørensen | Jeg vil leve i en verden, hvor al kommunikation
|--------------------| er baseret på frie og åbne standarder, så enhver
| cs@chbs.dk | har friheden til at vælge.
| http://www.chbs.dk | Claus Sørensen, 2001

Chrisser (28-08-2002)
Kommentar
Fra : Chrisser


Dato : 28-08-02 11:30


"Julie Thomsen" <julle.thomsen@mail.dk> skrev i en meddelelse
news:aki41i$cop$1@sunsite.dk...
> Hej Claus
>
> Hvorfor kan man ikke bruge denne? (har prøvet men virker ikke)
>
> <div id="spalte1">
> <p class="lige">Fredag 3/5 22:00</p><p class="ulige">DJ Funkenstein</p><p
> class="lige">Lørdag 4/5 19:30</p>
> <p class="ulige">Kristoffer & ven</p><p class="lige">Fredag 10/5
22:00</p><p
> class="ulige">Baronen</p><p class="lige">Lørdag 11/5 19:30</p><p
> class="ulige">Zorde-Lindorff Duo</p>
> <p class="lige">Fredag 17/5 20:00</p><p class="ulige">DJ Funkenstein</p><p
> class="lige">Lørdag 18/5 19:30</p><p class="ulige">Hansen-Häninen Duo</p>

måske et dumt spørgsmål men har du en CSS-fil til de to klasser ???
- Idet jeg går ud fra at du har det: Hvordan ser den ud, hvor ligger den, og
hvordan importerer du den ????



Julie Thomsen (28-08-2002)
Kommentar
Fra : Julie Thomsen


Dato : 28-08-02 15:46


Det er et globalt stylesheet (style tags ligger i head-sektionen)

Ser således ud:

lige.{font-size: 1em;
font-family: "monotype corsiva";
color: #666666;
font-weight: bold; }

ulige.{font-size: 1em;
font-family: "monotype corsiva";
color: #00ccff;
font-weight: bold;}   

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

Julie Thomsen (28-08-2002)
Kommentar
Fra : Julie Thomsen


Dato : 28-08-02 16:30



I får en url i morgen når jeg har fået det uploadet.
Så bliver det forhåbenligt lidt nemmere.

Tak for hjælpen indtil nu.

P.s Jeg har nu angivet en url i mit tidligere indlæg der drejede sig
om iframes. Måske I kan hjælpe nu.


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

Jørn Andersen (28-08-2002)
Kommentar
Fra : Jørn Andersen


Dato : 28-08-02 16:39

On Wed, 28 Aug 2002 14:45:54 +0000 (UTC), Julie Thomsen
<julle.thomsen@mail.dk> wrote:

>Det er et globalt stylesheet (style tags ligger i head-sektionen)
>
>Ser således ud:
>
>lige.{font-size: 1em;
> font-family: "monotype corsiva";
> color: #666666;
> font-weight: bold; }

Prøv med:
..lige {
blabla
}
- altså punktum før klassens navn


Good luck!

--
Jørn Andersen,
Brønshøj

Claus Sørensen (29-08-2002)
Kommentar
Fra : Claus Sørensen


Dato : 29-08-02 09:06

Julie Thomsen wrote:

> lige.{font-size: 1em;

Du skal have punktummet foran:

.lige {font-size;

> font-family: "monotype corsiva";

Du kan ikke vide om folk har denne skrifttype installeret, hvorfor du til
sidst i listen over de brugbare skrifttypefamilier, skal angive en generisk
skrifttypefamilie:

serif Med fødder så som Times New Roman
sans-serif Uden fødder så som Helvetica, Arial og Verdana
cursive Skråskrift hvor bogstaverne er sammenhængende
fantasy Mere fantasifulde skrifttyper
monospace Fast bredde for hvert bogstav så som Courier

Du kan se mere om generiske skrifttypefamilier her:

http://www.w3.org/TR/REC-CSS2/fonts.html#generic-font-families

Nu ved jeg ikke, hvilken skrifttypefamilie "monotype corsiva" er, men hvis
den f.eks. er en monospace, så skal det se således ud:

font-family: "monotype corsiva",monospace;

På den måde får dem, som ikke har "monotype corsiva" installeret alligevel
mulighed for at få det vist med en monospace-skriftttypefamilie istedet for
standardskrifttypen browseren er indstillet til (i mit tilfælde Helvetica).

> color: #666666;

Hvis du strengt vil overholde CSS-specifikationen, så skal du også angive en
baggrundsfarve, når du angiver en tekstfarve:

color: #666666;
background-color: #ffffff;

> font-weight: bold; }

Og den sidste er helt iorden.

Så alt i alt bliver det for klassen lige:

.lige {font-size;
font-family: "monotype corsiva",monospace;
color: #666666;
background-color: #ffffff;
font-weight: bold; }

Det samme skal så gøres med klassen ulige.

De herligste hilsner
--
| Claus Sørensen | Jeg vil leve i en verden, hvor al kommunikation
|--------------------| er baseret på frie og åbne standarder, så enhver
| cs@chbs.dk | har friheden til at vælge.
| http://www.chbs.dk | Claus Sørensen, 2001

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

Månedens bedste
Årets bedste
Sidste års bedste