Avatar billede webcreator Nybegynder
23. november 2004 - 16:31 Der er 19 kommentarer og
1 løsning

Klassen 'input' skal arve font-family fra klassen 'text'

Hej Eksperter.

Kan jeg i mit style sheet lave en klasse, som "arver" samtlige egenskaber fra en anden klasse ?

.text {
  font-family: Verdana, Arial;
  font-size: 11px;
}

input {
  border: 1px solid #000000;
}

I dette tilfælde skal klassen 'input' altid arve font-egenskaberne fra klassen 'text'. Jeg ved at jeg kan angive det i mine classes i HTML (class="text"), men jeg vil gerne lave det i CSS.
Avatar billede skovenborg Nybegynder
23. november 2004 - 16:36 #1
man kan bruge to klasser på samme tid på denne måde:
class="text input"
men i dette tilfælde er input jo ikke en klasse medmindre du sætter et punktum foran ;-)
Avatar billede olebole Juniormester
23. november 2004 - 16:42 #2
<ole>

"Jeg ved at jeg kan angive det i mine classes i HTML (class="text"), men jeg vil gerne lave det i CSS."

Det giver absolut ingen mening  :)

/mvh
</bole>
Avatar billede olebole Juniormester
23. november 2004 - 16:43 #3
Du bruger jo netop CSS, når du i HTML'en skriver class="text" - og definerer klassen i dit stylesheet  :)
Avatar billede webcreator Nybegynder
23. november 2004 - 16:44 #4
Olebole :p

Jeg mente, at jeg gerne ville lave det i mit CSS dokument og ikke ved at angive flere klasser efter hinanden, som Skovenborg foreslår. Som det ser ud, apply'es .text-egenskaberne nemlig ikke til mine input felter
Avatar billede webcreator Nybegynder
23. november 2004 - 16:44 #5
Jeg sidder da også og vrøvler..

Min tekst-formatering ligger på body, og ikke på .text :

body {
  font..
}

Men disse font-settings apply'es som sagt ikke på input-felterne.
Avatar billede olebole Juniormester
23. november 2004 - 16:45 #6
Hvorfor ikke gøre som skovenborg foreslår? Det er da CSS, der er så godt, som den slags nu engang kommer  :)
Avatar billede olebole Juniormester
23. november 2004 - 16:45 #7
Jeg er helt sikker på, du fundamentalt har misforstået CSS  :)
Avatar billede webcreator Nybegynder
23. november 2004 - 16:49 #8
Olebole > Nej nej, bare rolig ;)

Jeg har før brugt CSS som Skovenborg foreslår. Men havde da håbet, at man kunne lave lidt mere i selve CSS dokumentet. I øvrigt er det jo ikke helt muligt, at skrive :

<input class="body" type=".." name="..">, idet at body ikke er en klasse. Så nu skal jeg både have en tekst-klasse med tekst-egenskaber samt body = dobbelt-arbejde..
Avatar billede webcreator Nybegynder
23. november 2004 - 16:51 #9
Sørens at det skal være så besværligt. Jeg har før lavet alt i tabeller - men nu vil jeg prøve at lave hele siden vha. DIV og SPAN. Og så går alt bare i kage. Når man flytter elementer med 'position', så duer intet. Man kan ikke markere tekst i boksene, man kan ikke scroll'e med musen selv om man bruger "overflow: auto" osv. Det er en anelse skuffende.
Avatar billede olebole Juniormester
23. november 2004 - 16:58 #10
Ja, det er muligt, du mener at vide, hvad CSS er - men det er der intet, der tyder på i det, du foreløbigt har skrevet i dette spørgsmål ... tværtimod  :)
Jeg tror, du skal bruge en hel del tid på at sætte dig rigtig ind i CSS.
Avatar billede webcreator Nybegynder
23. november 2004 - 17:06 #11
Nok er min viden om CSS ikke voldsom. Men hidtil har alle mine websites været baseret på CSS, og det har da virket perfekt - også selv om det er simple stylesheets hvor jeg laver class'es - fx.

.text {
  font-family: Verdana, Arial;
  color: #C0C0C0;
  osv.
}

<div class="text">Hej med dig</div>
Avatar billede webcreator Nybegynder
23. november 2004 - 17:11 #12
I øvrigt har alt jeg har lavet fulgt W3C standarden.
Avatar billede skovenborg Nybegynder
23. november 2004 - 17:14 #13
har jeg forstået dig ret, at dit problem er at input-felterne ikke bruger den font du har defineret i body. Nu kan man ikke direkte nedarve style på den måde jeg tror du gerne vil, men du kan da gøre brug af den mest simple selector af dem alle: mellemrummet (nåja, eller descendant-selectoren hvis du hellere vil kalde den med navn ;-)

Eksempel:
body, body input {
      font:italic 12px/100% "Arial";
}
Dette medfører at både din body og dine input-elementer, som ligger i body (forhåbentlig dem alle sammen ;-) får den valgte font-style. Det er nok det tætteste du kommer på ikke at skrive altsammen to gange.
Avatar billede olebole Juniormester
23. november 2004 - 17:25 #14
body, input {
      font:italic 12px/100% "Arial";
}

... så er der ikke længere brug for "...som ligger i body (forhåbentlig dem alle sammen ;-)". Så kan de ligge, hvor somhelst  :)
Avatar billede olebole Juniormester
23. november 2004 - 17:38 #15
... og webcreator, det er ikke for at fornærme dig, at jeg skriver, som jeg gør - men for at hjælpe dig. Der er blot væsentlig forskel på at have forstået CSS - og på at skrive nogle sider, hvor man bruger noget CSS. På mig virker det afgjort, somom du ikke har forstået, hvordan CSS virker.

Følge CSS-standarden kan man gøre på mange måder - ligesom man kan følge Biblen på fundamentalt forskellig måde (og gør det).
Det kan godt være, Jesper Langballes fortolkning af Ny Testamentes næste-begreb (det der med, at 'næsten' er den (hudfarvede) person, der står mindre end 10 meter fra dig) kan retfærdiggøres med enkelte, løsrevne bibelcitater - noget _helt_ andet er, om det er i overensstemmelse med den kristne idé.

At en kode validerer i W3C's validator, siger således kun noget om, om man har fejl i syntaksen (grammatikken).
Validatoren kan derimod intet sige om fornuften i det CSS, man har skrevet. Det kan sagtens være i lodret modstrid med, hvad der er W3C's mening om, hvordan CSS skal bruges.
/mvh
Avatar billede webcreator Nybegynder
05. december 2004 - 19:14 #16
Ok - jeg siger tak for hjælpen. Kan jeg få et par svar ? :)
Avatar billede skovenborg Nybegynder
05. december 2004 - 19:18 #17
jooo, det sku' der da ikke være nogen problemmer ved :-)
Avatar billede webcreator Nybegynder
05. december 2004 - 22:56 #18
:)
Avatar billede skovenborg Nybegynder
05. december 2004 - 23:17 #19
hov hva' med ole?
Avatar billede olebole Juniormester
05. december 2004 - 23:38 #20
... no sweat - jeg har rigeligt  ;o)
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

IT-JOB