Avatar billede gorba Nybegynder
19. november 1999 - 23:32 Der er 18 kommentarer og
1 løsning

Flettede typografiark

Hejsa.
Jeg er ved at sætte mig ind i ovenstående, " lød godt" og har følge kode til en " test".
Den er kun for at jeg kan se hvad resultatet bliver.
*******************
<HTML>
<HEAD>
<TITLE> Test </TITLE>
<STYLE>
BODY{background-color:navy}{font-family:times; font-size:x-large; font-style:normal;}{color: white;}
    </STYLE>
        <STYLE TYPE="text/css">
    A { text-decoration:none; }
</STYLE>
        <STYLE TYPE="text/css">
    A:hover { color: white; }
</STYLE>
    </HEAD>
        <BODY>
            hejsa,, <BR>hva så<BR>
        <A HREF="index.html">klik her</A>
<BR>
Og til det
</BODY>
</HTML>                   
*************
Men min link farve er lilla, og i bogen: html-4 index står der netop under emnet ikke link farve.
Hvis jeg ændre farven i:
<STYLE TYPE="text/css">
    A:hover { color: white; }
</STYLE>
bliver "onmuseover" ændret, men ikke selve linkfarven.?

Jeg har indsat kode:
<P type="text/css" style="color:white">
udenfor selve "klik her" i <A> koden.
men det er da vel ikke den rigtige løsning, er det?

og selve justering af tekst kan jeg ikke, * text-align:right* eller centreret i toppen af koden.

Men til det hele,,,
Hvor smart er det her i sig selv, altså " flettede typografiark"
I bogen står der jo, at bgcolor=",,,,,," m.v udgår, så, derfor ville jeg sætte mig ind i det her...
farven på siden samt textcolor fungere....
Avatar billede gorba Nybegynder
19. november 1999 - 23:35 #1
BODY{background-color:navy}{font-family:times; font-size:x-large; font-style:normal;}{color: white;}
    </STYLE>
Der hvor der står BODY kan jeg skrive:
P.body, men så fungere det hellere ikke, hvorfor, det er måske kun når det er et billede man skal bruge som baggrund?
Avatar billede helle_fred Nybegynder
20. november 1999 - 15:24 #2
A:hover et linke ved mouseover (virker kun i IE)
A:link er en 'ubrugt' link
A:visited er en besøgt link
A er en link under alle forhold

<STYLE TYPE="text/css">
    A { text-decoration:none;
        color:white}
</STYLE>
giver links (i alle tilfælde) uden understregning og med farven hvid.

At tilføje inline-styles er kun smart, når du har en enkelt link, der skal afvige fra de andre.

vh Helle
Avatar billede gorba Nybegynder
20. november 1999 - 22:27 #3
helle>
hmm, og det siger mig ikke en sk..
jeg spørger efter hvorfor bliver linket lilla, uden jeg har tilføjet en farve for link, ud over den style-kode...
Avatar billede gorba Nybegynder
20. november 1999 - 22:30 #4
og hvordan definere jeg en kode i styles for link color..?
Avatar billede sokristi Nybegynder
22. november 1999 - 12:10 #5
Linket bli'r lilla, fordi du ikke har defineret noget (så vælger browseren nemlig default farven)
Avatar billede sokristi Nybegynder
22. november 1999 - 12:12 #6
Sådan definerer du farver for de forskellige begivenheder for et link:

a:active {  color: #00CCCC; text-decoration: underline; font-weight: bold}
a:link {  color: #006666; text-decoration: underline; font-weight: bold}
a:visited {  color: #006666; text-decoration: underline; font-weight: bold}
a:hover {  color: #FF0000; text-decoration: underline; font-weight: bold}
Avatar billede gorba Nybegynder
22. november 1999 - 22:10 #7
okey,, Helle!!
dit bud hjalp godt,, men hvorfor kan man ikke indsætte den kode i  css-filen som netop styre alle siderne, der tænker jeg på " linkorienterede typografiark. ??
har prøvet men de afviger.
har husket at skrive i <HEAD>
<LINK REL="STYLESHEET"
HREF="general.css" TYPE="text/css">
som er filen...???

SOKRI!!
okey, et godt råd du gav der, og klart at linket bliver lilla, det var netop det jeg ville have afviget, jeg undre mig over at i bogen " html4" ikke har det emne!?
Avatar billede helle_fred Nybegynder
23. november 1999 - 08:48 #8
der er ikke noget i vejen med din link til stylesheet-filen. Problemet må ligge i selve filen - hvordan ser den ud?

vh Helle
Avatar billede sokristi Nybegynder
23. november 1999 - 11:24 #9
Eller osse ligger general.css ikke i samme dir som resten?
Avatar billede gorba Nybegynder
23. november 1999 - 23:07 #10
hey,,
jo filen ligger samme sted,
den ser sådan her ud,
**************************
<STYLE>
BODY{background-color:white; color:black}{font-family:times; font-size:medium}
    H1 {color:black}H2{color:black;}H3 {color:black;}H4 {color:black;}
   
P.article {margin-top:5%; margin-bottom:5%; margin-left:5%; margin-right:5%;}
    {padding-top:2; padding-bottom:10; padding-left:5; padding-right:5;}
    </STYLE>
**********************
og hvis jeg så indsætter linkoden
************
<STYLE TYPE="text/css">
A { text-decoration:none;
color:black}
</STYLE>
<STYLE TYPE="text/css">
A:hover { color:0099FF; }
***********************'
Ses links med understeg og lilla farve ?? i alle doc....
Avatar billede gorba Nybegynder
23. november 1999 - 23:09 #11
sokristi>
den kode...
er det i <HEAD>
og fungere den også hvis jeg indsætter den i " gernal.css" filen..?
Avatar billede gorba Nybegynder
23. november 1999 - 23:12 #12
jeg mener, den som du har indlagt!!
Avatar billede helle_fred Nybegynder
24. november 1999 - 08:44 #13
Læg alle din css-regler ind i css-filen; men læg ingen <style>-tags uden om:
****************
BODY{
  background-color:white; 
  color:black;
  font-family:times;
  font-size:medium
}
H1, H2, H3,H4 {
color:black
}
P.article {
margin-top:5%;
margin-bottom:5%;
margin-left:5%; margin-right:5%
}
A{ text-decoration:none;
color:black}
A:hover { color:0099FF; }
*********

...du har nogle herre-løse regler, "{padding-top:2; padding-bottom:10; padding-left:5; padding-right:5;}
" uden HTML-tag tilknyttet.

Gem altså filen som css-fil en genereral.css, som så kan kaldes i HTML-filen med LINK-sætningen


vh Helle
Avatar billede sokristi Nybegynder
24. november 1999 - 12:00 #14
De style statements, som jeg refererer ovenfor, har jeg liggende i en .css fil (jeg kalder den standard.css.) Den indeholder kun de viste 4 linier, og så linker jeg til den som vist i nogle af de andre eksempler ovenfor. Du kan godt blande linkede stylesheets med styles skrevet direkte i HTML siden, ligesom du kan linke flere stylesheets i samme html side. Du skal bare være opmærksom på, at browseren vil søge at kombinere de definerede styles, hvilket nogle gange kan give de sjoveste og mest uventede resultater :-)
Avatar billede gorba Nybegynder
24. november 1999 - 21:45 #15
helle>
tak for råd, det stod der ikke,, nu vil jeg lige ref:
altså ingen <STYLE></STYLE>
I css- filen.
og du siger så.
du har nogle herre-løse regler. øhh, hvad nu.
Avatar billede gorba Nybegynder
24. november 1999 - 21:47 #16
sokris>
okey,, var ike klar over. *hoster- godt nok ved at blive syg*
Avatar billede gorba Nybegynder
25. november 1999 - 00:05 #17
helle,, gider du og svare,,,
Avatar billede helle_fred Nybegynder
25. november 1999 - 08:58 #18
ja, ja.
Du har i din listning et style sheet element uden HTML-tag foran - den kalder jeg for 'herreløs'. Den skal pilles ud af css-filen.
Hvis du propper linierne mellem stylesheet-reglerne mellem *****-linierne ind i en css-fil, kan du kalde den med LINK-taggen

venlig hilsen
Helle
Avatar billede gorba Nybegynder
26. november 1999 - 22:47 #19
okey, men gider du ikke og svare..
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester