Toon posts:

[CSS] wil niet lukken.

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik heb de search gebruikt. Daardoor kwam ik ook op wat sites terecht maar het werkt niet.

Weet iemand het probleem?
Dit is het scipt bestand:
code:
1
2
3
4
5
6
7
8
9
10
<STYLE TYPE="text/css">
<!--
h1       { color: #800000; font-family: Times New Roman; font-size: 14pt }
h2       { color: #800000; font-family: Verdana; font-size: 11pt; font-weight: bold }
h3       { color: #0033CC; font-family: Verdana; font-size: 9pt; font-weight: bold }
h4       { color: #800000; font-family: Verdana; font-size: 9pt; font-weight: bold }
h5       { color: #0033CC; font-family: Verdana; font-size: 8pt; font-weight: bold }
h6       { color: #800000; font-family: Verdana; font-size: 8pt; font-weight: bold }
-->
</STYLE>

Nou heb ik hem zo laten aanroepen:
code:
1
<link rel="stylesheet" type="text/css" href="Scripts/font.css">

En zo laat ik het stukje tekst een style nemen:
code:
1
2
<Style h1>
Tekst</style>

Weet iemand mijn fout?

  • paragon
  • Registratie: April 2000
  • Laatst online: 10-09 05:50
en als je gewoon dit doet: <hi>BLaat</hi>

Verwijderd

<link rel="stylesheet" href="Scripts/font.css">
probeer dat eens
En bij je fonts.css hoef je niet te beginnen en eindigen met <STYLE TYPE="text/css"> en dus ook niet te eindigen met </STYLE>

Als je nu dus een head 1 wil maken doe je gewoon
<H1>Dit is een test</H1>

Verwijderd

Je haalt nu externe en interne stylesheets door elkaar. Als je even een goeie online CSS manual gaat lezen moet je er wel uit kunnen komen. (tip css.pagina.nl)

Verwijderd

Topicstarter
Op donderdag 04 oktober 2001 12:16 schreef jugfire het volgende:
<link rel="stylesheet" href="Scripts/font.css">
probeer dat eens
En bij je fonts.css hoef je niet te beginnen en eindigen met <STYLE TYPE="text/css"> en dus ook niet te eindigen met </STYLE>

Als je nu dus een head 1 wil maken doe je gewoon
<H1>Dit is een test</H1>
Thanx het werkt!!
Jippie!!

Er zullen denk ik ngo wel meer topics van mij geopent worden binnenkort

  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 00:06

Pelle

🚴‍♂️

Inderdaad. In een extern stylesheet moet je de <style>-tags en de HTML-commenting (<!-- en -->) weglaten.

Wil je de style-definitie wel in je pagina opnemen, dan staat het wel goed zoals je het hierboven gedefinieerd hebt.

Verder moet je gewoon de tags aanroepen die je in je stylesheet hebt gedefinieerd. Dat moet op deze manier:

style
code:
1
2
3
h1   { font-size: 30px; }
.rood    { color: #ff0000; }
#positie { position: absolute; top: 100px; left: 100px; z-index: 2; }

html
code:
1
2
3
4
<h1>dit is text met een grootte van 30 pixels</h1>
<div class="rood">Deze tekst is rood</div>
<p class="rood">En dit ook</p>
<div id="positie">En dit is een layer op 100 pixels vanaf linksboven</div>

Verwijderd

Topicstarter
Op donderdag 04 oktober 2001 12:28 schreef Pelle het volgende:
Inderdaad. In een extern stylesheet moet je de <style>-tags en de HTML-commenting (<!-- en -->) weglaten.

Wil je de style-definitie wel in je pagina opnemen, dan staat het wel goed zoals je het hierboven gedefinieerd hebt.

Verder moet je gewoon de tags aanroepen die je in je stylesheet hebt gedefinieerd. Dat moet op deze manier:

style
code:
1
2
3
h1   { font-size: 30px; }
.rood    { color: #ff0000; }
#positie { position: absolute; top: 100px; left: 100px; z-index: 2; }

html
code:
1
2
3
4
<h1>dit is text met een grootte van 30 pixels</h1>
<div class="rood">Deze tekst is rood</div>
<p class="rood">En dit ook</p>
<div id="positie">En dit is een layer op 100 pixels vanaf linksboven</div>
Hmm it word wat ingewikkeld ziet ik.

HTML ken ik redelijk de basis technieken. De tabellen laat ik wel door een proggie maken.

Net dus scriptje gemaakt. Rollover java gejat.

Ik ben lerende zoals je ziet.
Het gaat aardig.
Zeker met de hulp van JULLIE!!

Thanx!!

Verwijderd

Op donderdag 04 oktober 2001 12:55 schreef jordyb het volgende:

[..]

Hmm it word wat ingewikkeld ziet ik.

HTML ken ik redelijk de basis technieken. De tabellen laat ik wel door een proggie maken.

Net dus scriptje gemaakt. Rollover java gejat.

Ik ben lerende zoals je ziet.
Het gaat aardig.
Zeker met de hulp van JULLIE!!

Thanx!!
oh, je bent een scriptkiddie? >:) ;) :D
(no flame intended)

Verwijderd

Topicstarter
Op donderdag 04 oktober 2001 13:11 schreef nozem het volgende:

[..]

oh, je bent een scriptkiddie? >:) ;) :D
(no flame intended)
Ik zou niet weten waarom ik hier ook maar 1 % kwaad over kan worden hoor.

Maar op mijn stage werkte we met Stylescripts en wou eht zelf eigenlijk ook wel.

Alleen ik zit nou te kloten enzo. HTML boek erbij gepakt.
Ik kan alleen de tekst niet onderstrepen
code:
1
font-weight: ???

Want
bold is dik
?? is onderstreept
italic is schuin

  • drm
  • Registratie: Februari 2001
  • Laatst online: 09-06-2025

drm

f0pc0dert

text-decoration: ???

kies maar:
• none
• overline
• underline
• underline overline

en "behold the result"

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz


Verwijderd

Topicstarter
Op donderdag 04 oktober 2001 13:39 schreef drm het volgende:
text-decoration: ???

kies maar:
• none
• overline
• underline
• underline overline

en "behold the result"
Ok ik denk dat dit wel lukt. Alleen het werkt niet.
What's wrong??
code:
1
2
3
4
h1       { color: #FF6600; font-family: Times New Roman; font-size: 14pt; font-weight: none; }
h2       { color: #000000; font-family: Times New Roman; font-size: 15pt; font-weight: underline; }
h3       { color: #000000; font-family: Times New Roman; font-size: 14pt; font-weight: bold; }
h4       { color: #000000; font-family: Times New Roman; font-size: 14pt; font-weight: overline; }

  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 00:06

Pelle

🚴‍♂️

Op donderdag 04 oktober 2001 13:47 schreef jordyb het volgende:
Ok ik denk dat dit wel lukt. Alleen het werkt niet.
Dat komt omdat je wat beter moet lezen.
* drm zei: text-decoration

En dus:
code:
1
h1 { text-decoration: underline; }

/edit
{ font-weight: italic; } gaat ook niet werken trouwens, daarvoor moet je font-style gebruiken.
Tip: ga hier maar eens wat lezen

Verwijderd

Topicstarter
Op donderdag 04 oktober 2001 13:59 schreef Pelle het volgende:

[..]

Dat komt omdat je wat beter moet lezen.
* drm zei: text-decoration

En dus:
code:
1
h1 { text-decoration: underline; }

/edit
{ font-weight: italic; } gaat ook niet werken trouwens, daarvoor moet je font-style gebruiken.
Tip: ga hier maar eens wat lezen
OK ik vat hem nou. Heb de pagina gelezen en wat van Webmees.

Alleen volgende probleem dit heb ik nu:
code:
1
2
3
4
5
<CENTER>
<h2>Dit is</h2>
<h1>JordyB<BR>
Tweakers.net
</h1></CENTER>

Alleen hij gooit een witte regel tussen de eerst style en de tweede.
Hoe kan dit? En hoe los ik het op?

  • Dennis
  • Registratie: Februari 2001
  • Nu online
jordyb : Volg eens in 1 à 2 uurtjes de tutorial op www.w3schools.com, en wat zeker ook een aanrader voor jou is is TopStyle Pro. Die heeft alle CSS eigenschappen voorgedefineerd en dan kun je zo alles uit een menuutje selecteren en nog real-time previewen ook :)

  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 00:06

Pelle

🚴‍♂️

Op donderdag 04 oktober 2001 14:29 schreef jordyb het volgende:
Alleen hij gooit een witte regel tussen de eerst style en de tweede.
* Zucht *
Ga dit topic nog maar eens even doorlezen, die dude heeft hetzelfde newbie-probleem als jij: [topic=280581/1/25]

Verwijderd

Topicstarter
Op donderdag 04 oktober 2001 14:34 schreef dennisdotcom het volgende:
jordyb : Volg eens in 1 à 2 uurtjes de tutorial op www.w3schools.com, en wat zeker ook een aanrader voor jou is is TopStyle Pro. Die heeft alle CSS eigenschappen voorgedefineerd en dan kun je zo alles uit een menuutje selecteren en nog real-time previewen ook :)
Hmmm toppy proggie dat TopStyle Pro.

Scripts zijn nu simpel.
No problemms meer.

Thanx

Verwijderd

Topicstarter
Op donderdag 04 oktober 2001 14:40 schreef Pelle het volgende:
Koop een goed HTML-boek en kom er dan achter dat elke <hX>-tag staat voor header.
En een van de eigenschappen van een header is dat het automagisch een regel overslaat; daar is het tenslotte een header voor
Ok dank u wel.

Dus het boek 10minuten gids HTMl 4.0 is een goed boek?
Want bij het zoeken naar <h1> kwam ik het tegen.

Thanx!

  • Dennis
  • Registratie: Februari 2001
  • Nu online
Op donderdag 04 oktober 2001 15:19 schreef jordyb het volgende:
Ok dank u wel.

Dus het boek 10minuten gids HTMl 4.0 is een goed boek?
Want bij het zoeken naar <h1> kwam ik het tegen.

Thanx!
Als je in 10 minuten kan leren, kan het nooit een goed boek zijn :Y)
Probeer eens deze: http://www.comcol.nl/bestel/bxkwh4_b.htb#1380g

Dat lijkt er nl. meer op :)

Verwijderd

Topicstarter
Op vrijdag 05 oktober 2001 07:29 schreef dennisdotcom het volgende:

[..]

Als je in 10 minuten kan leren, kan het nooit een goed boek zijn :Y)
Probeer eens deze: http://www.comcol.nl/bestel/bxkwh4_b.htb#1380g

Dat lijkt er nl. meer op :)
Ok ik heb hem op mijn verlanglijst gezet.
Is wel voor kerst maar dat maakt niet uit.
Pagina: 1