Søg
Avatar billede camp Nybegynder
25. august 2004 - 11:40 Der er 4 kommentarer og
1 løsning

Ønsker gode råd om brug af CSS

Jeg arbejder på en partnerløsning hvor alle partnere skal kunne style det indhold som præsenteres, præcis som de vil - altså så det falder ind i deres eget design.

Der er tale om alm. HTML elementer som tekst, links, form felter osv.

Jeg regner med at give hvert element en class, men er i tvivl om hvordan jeg bedst binder disse klasser til de enkelte elementer.

Er der nogle steder man skal bruge SPAN og ikke DIV og hvad er den store forskel på disse to?
Form felter bør vel bare en class?

Det bliver sådan at alle partnere kan logge ind et sted og ændre i et default stylesheet, så jeg vil gerne gøre det så fleksibelt som muligt.

Samtidig skal jeg passe på ikke at genbruge for oplagte navne i mine klasser, fordi det kan konflikte med partnernes eget stylesheet på deres site.
Vil det være en idé at give alle min elementer et overordnet navn som f.eks.:

.PARTNERlink, .PARTNERtekst, .PARTNERinput  osv?

Points deles ud til alle som giver input.
Avatar billede ladyhawke Novice
25. august 2004 - 11:46 #1
SPAN er inline element og DIV er block...
Avatar billede ladyhawke Novice
25. august 2004 - 11:47 #2
http://www.w3schools.com/tags/tag_div.asp
http://www.w3schools.com/tags/tag_span.asp
Avatar billede ladyhawke Novice
25. august 2004 - 11:49 #3
mht. navne: hvis der er risiko for konflikt med eksisterende, så ville jeg nok give dem et prefix som du antyder, om det så lige skal være PARTNER er vel i og for sig ligegyldigt...
Avatar billede roenving Novice
25. august 2004 - 11:50 #4
-- og den nemme forklaring på forskellen mellem inline- og block-elementer er, at inline kan stå hvorsomhelst, som f.eks. hvis du i tekst-editoren markerer nogle ord og så trykker på kursiv eller fed, det vil blive på/i linjerne (inline) ...

-- mens du, hvis du inde midt i en tekst prøver at indsætte en tabel, så vil teksten blive delt op, og tabellen fylde hele bredden mellem tekstens to dele (block-level !-)

-- og det er en rigtig god idé at give dine klasser nogle specielle navne, men gerne endnu mere specielle !o]
Avatar billede Slettet bruger
26. august 2004 - 19:30 #5
Egentlig burde det være nok at give de vigtigste elementer en klasse og/eller et id.

For eksempel:

<div id='PARTNER_indhold'>
  <h1>Overskrift</h1>
  <form ...>
    <input type='text' class='PARTNER_input_text'>
    <input type='submit' class='PARTNER_input_submit'>
  </form>
</div>

Bemærk at overskriften ikke har en klasse, for den kan let vælges via

#PARTNER_indhold h1 { color: red; }

De forskellige form-input har dog fået klasser, så der kan skelnes mellem dem i udbredte browsere.

NB! Du bør nok vælge et mere unikt ord som prefix, men det er en meget god ide med et prefix.
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
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
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
I dag 09:36 Alternativ holder til to skærme... Af Don G i Skærme
20/0815:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
20/0814:16 installere windows på separat diskpartition Af Malm i Windows
20/0813:43 Problem med mcafee Af Malm i Andet software
20/0813:39 Er tilstrækkelig antivirus incl på ny Samsung smartphone ? Af annam i Backup- & Antivirus
White papers
Flere white papers »