CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede ra__mus Nybegynder
20. maj 2005 - 21:08 Der er 8 kommentarer og
1 løsning

class for body

Jeg vil gerne have nogle forsk classes for body. Kan man det, altså feks :

body {
border-left: 1px solid #F39E31 ;
border-right: 1px solid #F39E31;
background:url(xy14.gif) no-repeat center top;
}
body1 { .......

}
osv..
Avatar billede jih Nybegynder
20. maj 2005 - 21:11 #1
hvis du skriver
body {
border-left: 1px solid #F39E31 ;
border-right: 1px solid #F39E31;
background:url(xy14.gif) no-repeat center top;
}
for eksempel, så bliver det til din default body...

ellers hvis du vil have flere forskellige kan du bare skrive classes til andre tags... fx
#body1 {
...
}
og indsætter den class med fx <div class="body1">tekst her</div>
Avatar billede ra__mus Nybegynder
20. maj 2005 - 21:15 #2
Skal der være # foran body1 ??
Avatar billede claus_joergensen Nybegynder
20. maj 2005 - 21:16 #3
webphyco

Du mener <div id="body1">tekst her</div>

# er til ID :)
eller er det
.body {} eller div.body {} for kun <div> tags
Avatar billede ra__mus Nybegynder
20. maj 2005 - 21:21 #4
Altså hvad skal der så stå her hvis det er body1 jeg bruger :
<body onLoad="populate(); setInterval(startTael,1000)">
Avatar billede Slettet bruger
20. maj 2005 - 21:36 #5
hvis det er et ID er det:
<body onLoad="populate(); setInterval(startTael,1000)" id="body1">

css:

body #body1 {
  background: #00f;
}
Avatar billede jih Nybegynder
20. maj 2005 - 21:41 #6
claus > ja jeg blander vist lidt... =S my bad..
Avatar billede olebole Juniormester
20. maj 2005 - 22:07 #7
<ole>

Du har kun ét body-element i et HTML-dokument - derfor har du også kun brug for én CSS-regel for body'en  :)

Du påtænker forhåbentlig ikke at begynde at skifte klasse, dynamisk(?) Det er en rigtig dårlig idé og bør, så vidt det overhovedet er muligt, undgåes.
Skift i stedet de enkelte style-properties ... det performer mange, mange gange bedre  ;o)

/mvh
</bole>
Avatar billede miko67 Nybegynder
21. maj 2005 - 09:13 #8
Hej Ole

Jeg er lidt nysgerrig; hvorfor er det en dårlig idé at skifte klasse dynamisk?

Mere præcist: Hvorfor/hvodan performer det mange gange dårligere?

/den-nysgerrige
Avatar billede olebole Juniormester
21. maj 2005 - 12:30 #9
Ved et klasseskift, skal browseren spytte et helt nyt DOM-træ ud og genberegne _alt_ i dokumentet. Det tager alt for lang tid .... for et kompliceret dokument, kan det faktisk tage flere sekunder.
Det sker ikke, hvis du nøjes med at skifte style-properties ... såmænd heller ikke, hvis der skulle være 20-30 stykker af dem  :)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML 3 29/09/202410:58 20/03/202513:38
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
01/0823:45 Råd om køb af gaming pc til ca. 7.0000 kr. Af kurtba i PC
01/0822:33 Thunderbird starter først lydfil ved manuel åbning. Af valby i E-mail programmer
01/0815:04 Bluetooth 5.2 Af Peter Olsen i Mobiltelefoner
01/0813:38 Valg af harddisk til Samsung TV Af OeNP i Fjernsyn & projektorer
31/0714:26 Nyligt bygget computer slukkede efter 20 minutters funktionalitet Af Xerify i PC
White papers
Flere white papers »


Premium
Teaser billede
ChatGPT slået af tronen: Ikke længere virksomhedernes foretrukne AI-værktøj
Læs mere »
Nvidias danske afdeling boomer: Over 100 ansatte og fordoblet overskud
Dropbox lukker sin passwordmanager: Brugere skal hente adgangskoder, inden de bliver slettet
I løbet af få timer torsdag blev Microsoft tusind milliarder kroner mere værd: Runder som blot andet selskab nogensinde markant milepæl
Se alle »
Computerworld
Teaser billede
Din iPad bliver nu (næsten) en Mac - men Apple insisterer på, at den stadig er en iPad
Læs mere »
Microsoft stopper support til Windows 11-version om få måneder
Amazon er verdens næststørste private arbejdsgiver: Overgåes kun af et selskab på jorden
Hacker-grupper rammer kendt flyselskab med koordineret angreb
Se alle »
CIO
Teaser billede
Jonas Frank Johannesen fratræder som it-direltør i Velux efter 'konstruktiv dialog' med sin chef
Læs mere »
Microsoft dropper support af M365-programmer, der er installeret gennem Microsoft Store: Se om din version bliver forældet
Europæiske cloud-udbydere kræver Broadcoms opkøb af VMware annulleret: Hiver EU-Kommissionen i retten
Microsoft-chef under ed: Ingen garanti for, at europæriske data ikke udleveres til USA
Se alle »
Job & Karriere
Teaser billede
Danske it-folk tør ikke længere skifte job hele tiden - og det er der en særlig årsag til
Læs mere »
Itm8 fyrer: Opsiger ansatte og reorganiserer
Lille dansk it-virksomhed fra Vanløse lander drømmekontrakt, der rækker langt ind i stifterens pension
Larry Ellison er blevet 165 milliarder kroner rigere på få timer: Er nu pludselig verdens næstrigeste mand
Se alle »
White paper
Teaser billede
Sådan får du succes med AI i hele organisationen
Læs mere »
Undgå at printeren bliver svageste led i sikkerheden
NIS2: Sådan styrker du både cybersikkerhed og compliance
Udnyt Genesys Cloud CX optimalt og styrk kundeoplevelsen
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »