[CSS] Opvallende tekst wil niet lukken.

Pagina: 1
Acties:

  • Xavier
  • Registratie: November 2000
  • Niet online
Ik ben mijn 2de (hopelijk nu wel goed en volgens de regeld) CSS scriptje aan het maken.

Alleen 1 ding wil maar niet lukken.
Als ik in een BODY gedeelte de normale tekst aanduid gaat het goed.
Daarna ff A:link, A:hover, A:visited, A: active. Die werken ook allemaal goed.

Maar als ik bijvoorbeeld een woord in een zin eruit wil laten springen. Hoe doe ik dat dan?

Dit heb ik nu:

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
BODY {
    color: Black;
    background-image: url(../images/achter/achtegrond_kleur.JPG);
    font-size : 13.5pt;
}
A:link {
    text-decoration: underline;
    color: #FF6600;
    font-size : 13.5pt;
    font-weight : bold;
}
A:visited {
    text-decoration: underline;
    color: #FF6600;
    font-size : 13.5pt;
    font-weight : bold;
}
A:active {
    text-decoration: underline;
    color: #FF6600;
    font-size : 13.5pt;
    font-weight : bold;
}
A:hover {
    text-decoration: underline;
    color: #FF6600;
    font-size : 13.5pt;
    font-weight : bold;
}
P.oranje (
    text-decoration: none;
    color: #FF6600;
    font-size : 15.pt;
    font-weight : bold;
}


Nu heb ik zo een stukje HTML:
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
<HTML>
<HEAD>
    <TITLE>test</TITLE>
</HEAD>

<link rel="stylesheet" href="../scripts/font2.css">

<P CLASS="oranje">
  E-mail            <BR>
</P>

</BODY>
</HTML>


Waarom werkt het gedeelte van de P:oranje niet??
Ik heb voor P ook al O en DIV gebruikt. Alleen ze werken allemaal niet.
Ik heb 2 handleidingen voor CSS doorgelezen. Maar kom er niet uit. Somebody??

  • OnTracK
  • Registratie: Oktober 2002
  • Laatst online: 23:24
het is niet 15.pt maar 15pt...
en dat haakje dus ook, openingsaccolade is geen goede, moet { zijn (zie onder)

foutjes zitten in een klein hoekje, (of dit was het probleem niet)

[ Voor 29% gewijzigd door OnTracK op 31-05-2003 14:27 ]

Not everybody wins, and certainly not everybody wins all the time.
But once you get into your boat, push off and tie into your shoes.
Then you have indeed won far more than those who have never tried.


Verwijderd

Waarom gebruik je niet gewoon STRONG tags, als het op moet vallen? (daar kun je ook gewoon de default styles van aanpassen met CSS, om hetzelfde effect te bereiken)

  • Rickets
  • Registratie: Augustus 2001
  • Niet online

Rickets

Finger and a shift

Je stylesheet opruimen en je HTML valide maken scheelt al een heleboel.
Bijvoorbeed:
HTML:
1
<link rel="stylesheet" href="../scripts/font2.css">

Zet dat eens in je head :)

En als je tekst wilt benadrukken gebruik je de <em> of <strong> elementen.
Cascading Stylesheet:
1
2
3
4
5
6
7
8
em
{
    text-decoration: none;
    color: #FF6600;
    font-size : 15pt;
    font-weight : bold;
    font-style : normal;
}

[ Voor 7% gewijzigd door Rickets op 31-05-2003 14:25 ]

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.


  • bRight
  • Registratie: Juli 2000
  • Laatst online: 27-11-2024

bRight

digitaal

volgens mij moet
HTML:
1
<link rel="stylesheet" href="../scripts/font2.css">
in de <head> van je html..
verder ben je vergeten om de <body> netjes te openen.

Die class doet het trouwens niet omdat je geen accolade maar een haakje hebt gebruikt :)

zo moet het dus:
HTML:
1
2
3
4
5
6
P.oranje {
    text-decoration: none;
    color: #FF6600;
    font-size : 15.pt;
    font-weight : bold;
}

  • OnTracK
  • Registratie: Oktober 2002
  • Laatst online: 23:24
misschien omdat hij verschillende manieren nadruk wil leggen, op die manier kan je ook gewoon Bold (<B class="...">...</B>) gebruiken, scheelt weer tien tekens

Not everybody wins, and certainly not everybody wins all the time.
But once you get into your boat, push off and tie into your shoes.
Then you have indeed won far more than those who have never tried.


  • Rickets
  • Registratie: Augustus 2001
  • Niet online

Rickets

Finger and a shift

OnTracK schreef op 31 May 2003 @ 14:26:
misschien omdat hij verschillende manieren nadruk wil leggen, op die manier kan je ook gewoon Bold (<B class="...">...</B>) gebruiken, scheelt weer tien tekens
Nee, je moet het element kiezen dat het best bij de inhoud past. Het bold-element zegt dat de inhoud dikgedrukt moet zijn, het zegt dus iets over de opmaak. Opmaak moet je met css regelen. Daarom is het beter <em> en <strong> te gebruiken.

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.


  • Xavier
  • Registratie: November 2000
  • Niet online
LOL

Dacht dat ik netjes bezig was. Maar totaal niet dus.
Ik ga ff alles veranderen en dan opnieuw proberen.

  • Xavier
  • Registratie: November 2000
  • Niet online
_/-\o_ _/-\o_ _/-\o_

dank jullie allemaal!

  • OnTracK
  • Registratie: Oktober 2002
  • Laatst online: 23:24
Rickets schreef op 31 May 2003 @ 14:28:
[...]

Nee, je moet het element kiezen dat het best bij de inhoud past. Het bold-element zegt dat de inhoud dikgedrukt moet zijn, het zegt dus iets over de opmaak. Opmaak moet je met css regelen. Daarom is het beter <em> en <strong> te gebruiken.
maar jij maakt zelf de EM-tag overbodig door alle elementen aan te geven met CSS, beide zijn bedoeld om nadruk te geven aan elementen.

ja, ik weet het, ik ben niet zó strikt met HTML, maar ík vind het beter om tekens uit te sparen

[ Voor 42% gewijzigd door OnTracK op 31-05-2003 14:31 ]

Not everybody wins, and certainly not everybody wins all the time.
But once you get into your boat, push off and tie into your shoes.
Then you have indeed won far more than those who have never tried.


  • Rickets
  • Registratie: Augustus 2001
  • Niet online

Rickets

Finger and a shift

OnTracK schreef op 31 mei 2003 @ 14:30:
[...]
maar jij maakt zelf de EM-tag overbodig door alle elementen aan te geven met CSS, beide zijn bedoeld om nadruk te geven aan elementen.
Ja, maar <b> geeft geen beschrijving van de inhoud van het element, het geeft enkel een beschrijving van de opmaak.
ja, ik weet het, ik ben niet zó strikt met HTML, maar ík vind het beter om tekens uit te sparen
Dat mag je vinden, maar dan vind ík dat je raar bezig bent.

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.


  • Xavier
  • Registratie: November 2000
  • Niet online
Hmm waarom werkt dit niet op een tabel?
In de tabel staan wel <P> tekens. Maar verder niks dat met opmaak te maken heeft.

Verwijderd

Hoe bedoel je met de text eruit laten springen?
Het kan heel simpel door gewoon <B>.....</B> te doen (als je vetgedrukt wil),
en als je een ander kleur wil, doe dan zoiets:

In je CSS:
FONT {font-family: Verdana; font-size: 9pt; color: #000000;}
FONT.oranje {font-family: Verdana; font-size: 9pt; color: #FFB600;}

In HTML:
<FONT>blablabla</FONT><FONT class="oranje">BLA</FONT><FONT>blablabla

het zal vast en zeker makkelijker kunnen, maar bij mij werkt dit perfect.

Verwijderd

aargh! wat is dit nu weer? font tags zijn depricated omdat je alles netjes met css kan oplossen en nu ga jij voorstellen deze tags te gebruiken icm met css? iekserdeieks. doe dan ipv font een span ofzo, of idd gewoon strong omdat dat de tag is voor opvallende text.

Vergeet niet dat je html code moet vertellen wat voor functie bepaalde onderdelen van je document hebben

  • Rickets
  • Registratie: Augustus 2001
  • Niet online

Rickets

Finger and a shift

Xavier schreef op 31 May 2003 @ 14:34:
Hmm waarom werkt dit niet op een tabel?
In de tabel staan wel <P> tekens. Maar verder niks dat met opmaak te maken heeft.
Een paragraph in een table? Zou je uit willen leggen waarom je dat zou willen doen? :)
<font> en CSS, de perfecte combinatie ;)
Font-elementen zijn deprecated, dus gelieve deze niet te gebruiken ;)

[ Voor 3% gewijzigd door Rickets op 31-05-2003 14:46 ]

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.


  • Xavier
  • Registratie: November 2000
  • Niet online
Rickets schreef op 31 mei 2003 @ 14:42:
[...]

Een paragraph in een table? Zou je uit willen leggen waarom je dat zou willen doen? :)

[...]

<font> en CSS, de perfecte combinatie ;)
Font-elementen zijn deprecated, dus gelieve deze niet te gebruiken ;)
Die tabellen zijn heel erg groot en dan maak ik ze in een programmatje.
Tja die zet er <P> tussen.
Zal ze eens weghalen, kijken wat er gebeurt.

ik gebruik trouwens <strong>

  • Rickets
  • Registratie: Augustus 2001
  • Niet online

Rickets

Finger and a shift

Xavier schreef:
Die tabellen zijn heel erg groot en dan maak ik ze in een programmatje.
Tja die zet er <P> tussen.
Zal ze eens weghalen, kijken wat er gebeurt.
Waarvoor gebruik je tabellen? Layout? :)

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.


  • Xavier
  • Registratie: November 2000
  • Niet online
Rickets schreef op 31 May 2003 @ 15:03:
[...]

Waarvoor gebruik je tabellen? Layout? :)
Voorbeeldje

Dit is de website waar ik aan werk. Zoals je in de broncode kan zien gebruik ik voor de plaatjes tabellen.

Let ff niet op de code. Want die ben ik nu aan het opknappen.

Verwijderd

dat kan ook zonder tabellen en functioneler (zie bv mijn huisje) netjes met divs, tabellen zijn imho zelden handige en overzichtelijke oplossingen om te layouten

  • InZane
  • Registratie: Oktober 2000
  • Laatst online: 22:34
Verwijderd schreef op 31 May 2003 @ 15:46:
dat kan ook zonder tabellen en functioneler (zie bv mijn huisje) netjes met divs, tabellen zijn imho zelden handige en overzichtelijke oplossingen om te layouten
Idd gewoon divs gebruiken.
Ik weet niet met welk programma die tabellen zijn gemaakt, maar de opbouw is niet geweldig.

En als je toch CSS gebruikt moet je eigenlijk die <center> en <font> tags ook droppen.

[miereneukmode]
Je bent type="text/css" vergeten bij de verwijzing naar je stylesheet :P
[/miereneukmode]

[ Voor 6% gewijzigd door InZane op 31-05-2003 16:25 ]


  • Mavvie
  • Registratie: Maart 2001
  • Laatst online: 10-05-2021
Probeer eens om die P weg te halen voor P.oranje.. dus dat er staat .oranje

Twitter | Linkedin


  • Rickets
  • Registratie: Augustus 2001
  • Niet online

Rickets

Finger and a shift

Evil M@V schreef op 31 mei 2003 @ 16:28:
Probeer eens om die P weg te halen voor P.oranje.. dus dat er staat .oranje
Lees het topic eens, je opmerking heeft bovendien geen nut in dit te geval. :)

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.


Verwijderd

De reden dat een style voor <p> niet werkt in een tabel zou misschien kunnen zijn dat je in de stylesheet ook al een style hebt gedefinieerd voor <td>...

Uit ervaring weet ik dat dit af en toe kan botsen...

[ Voor 4% gewijzigd door Verwijderd op 31-05-2003 20:03 ]


Verwijderd

InZane schreef op 31 May 2003 @ 16:24:

Idd gewoon divs gebruiken.
Nee, gewoon een geschikt HTML element gebruiken. Dat kan een div element zijn.
Pagina: 1