Tilføjelse af internt stilark til eksist hjemmeside

[johnnielsen]

Hej Kim
Nu har jeg med din hjælp fået min hjemmeside, i grove træk, op at køre. Og jeg arbejder nu at at designe siderne. Spørgsmålet er nu, om jeg på nuværende stade kan tilføje
et nyt ,internt, stilark til nogle af siderne, med det formål, at lave en boks der overlapper de andre bokse, således at jeg kan lave en 1 px ramme omkring baggrundsbilledet på de pågældende sider. Eller skal alle interne og eksterne stilark være definerede ved hjemmesidens oprettelse?
på forhånd tak, john

www.john-nielsen.com

[Kim Ludvigsen]

Du kan sagtens tilføje stilark efter hjemmesidens oprettelse. Men hvorfor oprette et nyt stilark?

Opret i stedet en ny stilklasse i det eksisterende stilark, og påfør derefter stilklassen på de elementer, der skal have den/de ønskede egenskaber.

Du kan for øvrigt ikke påføre egenskaber på baggrundsbilleder, kun på almindelige billeder. Hvis boksen, som et baggrundsbillede ligger i, passer i størrelsen til baggrundsbilledet, kan det måske være en løsning i stedet at lave en kant på boksen. Synsmæssigt burde det blive det samme.

[johnnielsen]

Jeg kan se, at det bliver nødvendigt at oprette en ny boks på siderne. Og den boks skal så placeres ovenover de andre bokse, og gives en sort kant.
Kan jeg på nuværende tidspunkt oprette en ny boks? Jeg tør ikke eksperimentere, da jeg hurtigt kan ødelægge hele siden!
mvh john

[Kim Ludvigsen]

Du skal aldrig være bange for at eksperimentere - du skal bare sørge for at lave en kopi af siden, inden du eksperimenterer. Så kan du altid vende tilbage til udgangspunktet.

Det kan være lidt besværligt at få indsat bokse de rigtige steder, hvis man benytter brugerfladen, og man ikke opretter boksene fra starten. Det er dog meget nemt at indsætte dem i kildekodevisning.

Men for at fortælle dig, hvor du skal indsætte kode, skal jeg lige forstå, hvor du vil have boksen. Du skriver "ovenover de andre bokse". Mener du udenom?

Eller spurgt på en anden måde, hvad er det, du vil have en streg omkring?

[johnnielsen]

Hej Kim, her er en side, hvor jeg har tegnet rammens placering ind. placeringen er ens for alle de sider der skal have den. Rammen er her en del af baggrundsbilledet, som er en jpg., men som du ser, er den ulden, og derfor vil jeg gerne lave en boks, med denne eksakte placering, og boksen skal have en sort kant på 1 px. En boks placeret her, vil overlappe 2 andre bokse, men det kan vel klares ved at give den en z-værdi højere end de andres.

http://john-nielsen.com/design.html

[Kim Ludvigsen]

Er det meningen, at baggrundsbilledet skal stå fast, mens der skal rulles indhold hen over?

I så fald er din nuværende løsning faktisk den bedste - dog med én ændring: Gem billedet som en png-fil i stedet for som jpg. Det vil have to effekter: Du undgår, at billedet bliver uldent, og det kommer til at fylde meget mindre.

Du skal ikke ændre det eksisterende jpg-billede til png, for dér er skaden allerede sket. Tag i stedet den originale tegning, og nedsæt evt. antallet af farver, fx til 10. Du vil ikke kunne se, at der er færre farver, og billedet vil blive meget hurtigere at hente.

Din jpg fylder 70 kb, hvis jeg omdanner den til png med 10 farver, så fylder den kun 7 kb.

[johnnielsen]

Tak Kim, jeg prøver at "gå baglæns" og gemme i .png. Det ville være det mest fleksible og den enkleste løsning også ved fremtidige udvidelser af siden.
mvh john

[Kim Ludvigsen]

Lidt om formater, som jeg nok burde have skrevet i mit forrige indlæg:

Jpg komprimerer billeder ved at lave dem mere "uldne". Man kan regulere, hvor meget der skal komprimeres, og når der er tale om fotografier, kan man ofte komprimere med 60-80%, uden det kan ses. Den bedste måde er at prøve sig frem med hvert enkelt billede, til man opnår mest mulig komprimering, uden det umiddelbart kan ses.

Når der er tale om tegninger eller fx skærmbilleder, hvor der ofte er færre farver, eller hvor der er store ensfarvede områder, så er formatet png meget bedre. Png har desuden den fordel, at det er tabsfrit. Billederne bliver ikke uldne.

Det er også muligt at optimere png-filer, hvilket gøres ved at skære ned på antallet af farver. Også her må man prøve sig frem, til man opnår det bedst mulige resultat med færrest mulige farver.

Så kort sagt:
Fotografier = jpg
Grafik med mange farver = jpg eller png
Grafik med få farver eller store ensfarvede områder = png