Hvordan bruke et html bilde på en css side?

[hjelpergjerne]

Hei, jeg sitter på en side som har css kodete sider,

jeg har fått lagd meg et bilde med knapper(med linker på)

som er kodet i html. er det noen måte og få oversatt kodene til css på eller finnes det noen koder som laster .html filen som et bilde?

 

Har prøvd og strevd litt!

Endret 18. januar 2011 av Simon Aldra
Tråden er flyttet av moderator.

[srbz]

For det første så består ikke en side utelukkende av CSS. En side kan bestå av utelukkende HTML, men CSS er null verdt med mindre du bruker HTML i tillegg. CSS er kun stilarket/stilsetting som HTML benytter seg av.

 

For det andre er det ikke mulig å kode et bilde i HTML/CSS. Eller jo, forsåvidt, men det ville vært så tungvindt og lite effektivt at jeg ikke fatter hvorfor folk ville gjøre det annet enn "for moroskyld".

 

Med disse to tingene i bakhodet så forstår jeg altså rett og slett ikke hva du spør om

 

For det tredje så har HTML og CSS fint lite med C/C++ å gjøre

 

edit: Dersom det hjelper så er det mulig å putte CSS-kodene direkte inn i HTML-dokumentet istedenfor å ha dem som et eget stilark. Skjønt, sistnevnte er stort sett mest effektivt dersom du vil ha CSS-attributtene til å gjelde flere sider (der målet altså er å gi flere sider en lignende utforming). Men igjen, jeg skjønner ikke hva du spør etter her, så dette er mest fisking fra min side.

Endret 18. januar 2011 av srbz

[hjelpergjerne]

hehe, Nei jeg lagde et bilde i photoshop som ble kodet automatisk til html.

På siden er stilsettet i css og maler i html,

er det noen muligheter der?

 

Beklager at det ble postet feil sted, er helt blank på css og har ikke holdt på noe særlig med webkoding på 5 år, ligger litt etter!

 

(Edit)

På siden jeg skal bruke bildet er stilsettet i css og maler i html.

Endret 18. januar 2011 av hjelpergjerne

[srbz]

Jeg må si jeg fortsatt ikke henger med. Kanskje best om du publiserer noe slik at jeg/vi skjønner hvor problemet ligger, og hva du ønsker å oppnå?

[hjelpergjerne]

Laster opp html fila, har delvis fått den opp nå,

problemet er at jeg får mellomrom mellom hvert bilde.

header1.html

[srbz]

Litt tricky det der, ettersom siden er en ferdig template som kan være vanskelig å knote med.

 

Du har altså et bilde som skal være header, og som skal ha flere klikkbare knapper i seg. I praksis er det to måter å ordne dette på:

 

1. Du kan dele ("slice") bildet inn i mindre enheter (slik Photoshop har gjort for deg) og pusle det sammen i HTML-koden, og gi hver av knappebildene sin egen link. Det kan være i beste fall vanskelig å få til, særlig dersom grensesnittet (administrasjonspanelet) til blogg.no kun gir deg mulighet til å lenke en bildefil, og du ikke har mulighet til å endre HTML-koden selv. Dessuten kan det være lagt til automatiske borders/margins/paddings/spacings som gjør at det kommer mellomrom mellom "puslespillbitene" slik bildet ditt viser. Det lar seg fikse i HTML/CSS, men noen ganger kan det være en helvetes jobb.

 

2. Du kan bruke hele bildet, og definere ulike linker ulike steder på bildet ved hjelp av koordinater. Dette krever også tilgang til HTML-koden, men er trolig en enklere løsning å få til i praksis. Jeg tror dette er relatert (har aldri brukt funksjonen selv). Cluet er å finne riktige koordinater i bildet, men tar jeg ikke feil skal det være fort gjort i Photoshop.

[srbz]

Ojojoj, se her: http://www.image-maps.com/

 

Der kan du laste opp et bilde, velge rektangel- eller sirkelverktøy og lage dine egne imagemaps med et grafisk grensesnitt. Det kan du bruke til å lage HTML-kode for klikkbare imagemaps uten å måtte skrive det selv. Virker veldig nyttig

[hjelpergjerne]

Skal prøve det jeg da!

 

Tusen takk for hjelpen så langt!