Oprettet ons. d. 03. oktober 2012 kl. 12:25:20

carstenandersen
carstenandersen (4.040 point. Point ude: 200)

Generelt om placering af css filer / styles

Hej eksperter

Jeg har kastet mig ud i et større "filmareridt", hvor det viser sig, at flere css koder påvirker hinanden negativt. Inden jeg begynder at "rydde op", skal jeg lige høre om følgende:

1) SKAL css ligges i head-delen? Kan den ikke bare komme på siden, hvor det lige passer. Tænker ikke så meget på validering, men mere, om det kan bevirke fejl?

2) Er det reelt lige meget, om der linkes til et stylesheet, <link rel="stylesheet"  type="text/css" href="filnavn.css"> eller css koden står direkte på på siden, <style type="text/css">......</style>?

3) Hvis man har css koden på siden, kan man så for overskuelighedens skyld lave flere

<style type="text/css">
kode 1
</style>
<style type="text/css">
kode 2
</style>

eller må der kun være en

<style type="text/css">
kode 1
kode 2
</style>

På forhånd tak.

Skrevet ons. d. 03. oktober 2012 kl. 12:38:25| #1

kalp
kalp (246.638 point)
1 > ja, medmindrer du skriver <link rel="..." />, den må gerne være i body

2 > resultatet bliver det samme, så ja det er teknisk set ligegyldigt

3 > du må gerne have flere

Skrevet ons. d. 03. oktober 2012 kl. 12:45:33| #2

carstenandersen
carstenandersen (4.040 point)
Super :-) For lige at være sikker omkring nr. 1 - der er så forskel på "koden", alt efter om den ligger i head eller body? Kan du hurtigt vise de 2 koder?

Skrevet ons. d. 03. oktober 2012 kl. 12:46:19| #3

kalp
kalp (246.638 point)
1 > sorry, <link itemprop="..." />  som må være i body:)

Skrevet ons. d. 03. oktober 2012 kl. 12:49:09| #4

kalp
kalp (246.638 point)
Beklager forvirringen:) men forskellen lå blot i at man skriver "itemprop", som gerne må benyttes i head samt body:) "rel" må kun benyttes i header

Skrevet ons. d. 03. oktober 2012 kl. 12:52:31| #5

carstenandersen
carstenandersen (4.040 point)
Kanon, tusind tak for hjælpen.

Smid et svar.

Skrevet ons. d. 03. oktober 2012 kl. 13:21:46| #6

kalp
kalp (246.638 point)
ingen årsag:)

Skrevet ons. d. 03. oktober 2012 kl. 13:31:48| #7

carstenandersen
carstenandersen (4.040 point)
Kan umiddelbart ikke få det til at virke. Er koden:

<link itemprop="stylesheet"  type="text/css" href="/css/kontaktformular.css">???

Skrevet ons. d. 03. oktober 2012 kl. 14:05:37| #8

olebole
olebole (216.738 point)
<ole>

Nu skal vi lige passe lidt på  *o)

De ting, kalp skriver, passer under HTML5 - men ikke under andre versioner. Derudover giver nogle af tingene ikke så megen mening under HTML5, heller.

HTML5-attributten itemprop giver ikke mening uden et itemscope - og under HTML5 der er intet i vejen for, at et LINK-element med rel og uden itemprop ligger i BODY.

Det er i princippet er der ikke forskel på et stylesheet i dokumentet og et remote stylesheet. Der er dog den ret væsentlige, teksniske detalje, at et remote stylesheet caches og derfor ikke skal hentes ved hvert sideload.

Sidst, men ikke mindst, lukker man ikke elementer med:

<link ... ... ... />

- under HTML ... heller ikke under HTML5. Under HTML5 har man dog mulighed for at bruge XML-kode, blandet ind mellem med HTML'en - og lukker man såkaldte 'empty' tags som vist ovenfor. Har man endelig brug for iblandet XML, kræves flere kodemæssige tiltag, så den slags lukninger kan ikke stå alene - men det er som sagt ekstremt sjældent, der er brug for det  =)

#7: Nej, koden ser sådan ud:

<link rel="stylesheet"  type="text/css" href="/css/kontaktformular.css">


/mvh
</bole>

Skrevet ons. d. 03. oktober 2012 kl. 14:20:48| #9

carstenandersen
carstenandersen (4.040 point)
olebole, igen kanon hjælp fra din side :-)

Mit problem er formentligt, at nogle elementer bliver lukket ned i min eksisterende "kodejungle" ;-) Min udfordring er, at jeg bruger asp og nogle elementer i css delen skal variere, alt efter udtræk fra database.

Hvis jeg har en løkke og f.eks. trækker 10 tabeller ud. I databasen er angivet tabellens bredde, som jeg vil definere i css. Hvordan kan jeg gøre det bedst? Kan jo ikke bruge <link rel="stylesheet"  type="text/css" href="/css/kontaktformular.css">, da filen kontaktformular.css ikke kan have asp kode, f.eks. width: <% Response.Write rs("Tabelbredde") %>px;

Jeg har derfor eksperimenteret med at includere en asp fil, men det er netop her, at jeg er bange for, at det går galt med lukningen af elementer. Derudover skal css koden også ligge nede i body. Mine 3 spørgsmål er derfor i relation til dette.

Håber, at det giver mening ;-)

Skrevet ons. d. 03. oktober 2012 kl. 14:24:55| #10

kalp
kalp (246.638 point)
men hvis du har style information gemt i databasen, så giver det egentlig fint nok mening hvis du dynamisk bygger det op og indsætter det med <style type="text/css">

Du kan evt. bruge sessionen til at gemme værdierne i løbende og så til sidst løbe dem igennem.
Mere hvis du vil undgå at have mere en end af disse tags <style type="text/css">

Skrevet ons. d. 03. oktober 2012 kl. 14:33:15| #11

olebole
olebole (216.738 point)
@carstenandersen: Jeg forstår ikke helt problemet. Hvorfor står der i databasen, hvor bred tabellen skal være? Hvorfor står der overhovedet i din database, at der skal være en tabel?

Meningen med en database er at opbevare data - ikke visningsinformationer. Indeholder databasen informationer om opmærkning (HTML), skal disse være adskilt fra de egentlige data. Data og HTML må ikke blandes sammen i databasen. Det får du kun problemer ud af i længden  =)

Skrevet ons. d. 03. oktober 2012 kl. 14:40:37| #12

carstenandersen
carstenandersen (4.040 point)
Jeg har nok ikke fået skrevet det helt rigtigt, men du har fuldstændig ret ;-)

Tusind tak for jeres hjælp.

Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   


Seneste spørgsmål

List style ved linjeskift

Oprettet den 19. maj 2013 kl. 23.57
sarcar giver 60 point for svar | Giv et svar »

line.height

Oprettet den 19. maj 2013 kl. 18.16
ZeBa giver 30 point for svar | Giv et svar »

Fat footer skal fylde hele sidens bredde

Oprettet den 17. maj 2013 kl. 14.42
13thsky giver 60 point for svar | Giv et svar »








Tips & Tricks fra PC World

Teaser billede

Her gemmer de hemmelige kopier af dine data sig

Hvad sker der, hvis din Mac bryder sammen og du ikke har taget backup? Fortvivl ikke. Der er gode chancer for, at der rundt omkring alligevel ligger sikkerhedskopier af dine data.


Anmeldelser fra PC World

Teaser billede

Test: Samsung Galaxy S4 er et hit - trods gøglertricks

Kan Samsung beholde førertrøjen i det store Android-race? Galaxy S4 er smækfyldt med innovative funktioner, men også med en del gøgl. Er det for meget? Få vores dom over Samsungs nye topmodel.


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Ny opfindelse: Oplad din mobil på 20 sekunder

Måske er det snart slut med at lade mobilen op hver aften. Med ny opfindelse kan telefonen få fuld energi på sølle 20 sekunder.


Nyheder fra Computerworld

Teaser billede

Mail-system i sort hos stor dansk operatør - massevis af danskere ramt

Et af Danmarks helt store mail-tjenester i sort. Massevis af danskere ramt.


IT Kurser
Samarbejdspartnere

Udgiver · © 2013 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger