Kontakt skjema på bilde

Holder på med en "nettside" som basically er flere midtstilte bilder plassert under hverandre (ønske fra den jeg lager nettsiden til). I navigasjonen har jeg benyttet "anker" og en meny som har bla egenskapen: "position: fixed;". Siden tipper jeg er på rundt: w = 800px, h = 3200px.

En av sidene heter "kontakt oss" her skal det være et kontakt skjema, er det noen som har forslag til hvordan jeg kan adde kontakt skjema "til" bildet på best mulig måte?

Av verktøy bruker jeg notepad ++, men har også muligheten å bruke DW på skolen.

Sist endret av Spelly; 21. april 2012 kl. 17:00.

raze

Medlem

Kontaktskjema ligger på én side, og bildene på en annen? Og på hvilken måte skal skjemaet være knyttet til bildet? Og hvilket bilde? Vis oss gjerne litt kode. Lettere å forstå da.

Innestengt

Trådstarter

Takker for raskt svar!

Det er kun en "side" kontakt skjemaet skal være over et av bildene.

Ser ikke på annen kode enn den nedenfor som relevant til å ta med:

Kode

<div class="img4">
  <a name="meld" id="meld"></a>
<img src="images/Nettside4.png" />
  </div>
..........CSS........... 
.img4 {
	height: 600px;
	width: 800px;
	padding-top: 5px;
	margin: 0 auto;
	display: block;
}

Bilde av hvor kontakt skjemaet skal være:
http://bildr.no/thumb/1162611.jpeg
så skjemaet må legges over kontakt skjemaet som er avbildet, på en eller anenn måte.

Sist endret av Spelly; 21. april 2012 kl. 17:07.

raze

Medlem

Ok, men jeg skjønner fortsatt ikke på hvilken måte bilde og kontaktskjema skal være i forhold til hverandre. Du har et kontaktskjema øverst, og mange bilder listet nedover? Skal du da klikke på ett av bildene, for så å gå til kontaktskjemaet? Og hva mener du med: skjemaet må legges over kontakt skjemaet? Mulig det gir mening for deg (og kanskje noen andre?), men jeg skjønner ikke helt hva du prøver å oppnå

Erikj

834 314

Jeg vet ikke om jeg forstår deg riktig, men du ønsker å legge kontaktskjemaet over et bilde? Kan du ikke bare sette bildet som bakgrunnsbilde?

Innestengt

Trådstarter

Skal egentlig bare være et funksjonelt kontaktskjema på selve bildet.
Hvis du ser bildet under:
Det sorte er et av bildene på nettsiden, de hvite boksene er funksjonelle input felt plassert på/over bildet.
http://bildr.no/thumb/1162626.jpeg

Vet ikke hvordan jeg kan fortelle det annerledes :P

Sist endret av Spelly; 21. april 2012 kl. 17:19.

raze

Medlem

Ok, så hvis en link på/ved siden av bildet trykkes på, så skal det dukke opp et kontaktskjema over det aktuelle bildet? Kan gjøres veldig tungvindt med css (position: fixed), men er nok mye lettere å sette bildet som bakgrunnsbilde i en div, og så bruke jQuery til å vise/skjule kontaktskjemaet.

Innestengt

Trådstarter

Sitat av raze

Vis hele sitatet...

Skjemaet skal vises hele tiden.

WindowsLate

588 98

Han mener at han skal ha fields over et bilde. Enklere fortalt, hele skjemaet over et bilde.

raze

Medlem

Men du har mange bilder, sant? Og bare ett skjema? Det jeg prøver å forstå er på hvilken måte du bestemmer hvor skjemaet skal dukke opp. For det skal vises over forskjellige bilder? Bare ved hjelp av scrolling? Eller skal det trykkes på en link? Hva skal skje?

Innestengt

Trådstarter

ser jeg har forklart det fantastisk dårlig.
Skjemaet skal bare vises over ett bilde. Det er over bilde4.

Sist endret av Spelly; 21. april 2012 kl. 17:48.

raze

Medlem

Ok. Er ikke verre enn å sette som bakgrunnsbilde da.

Innestengt

Trådstarter

Sitat av raze

Ok. Er ikke verre enn å sette som bakgrunnsbilde da.

Vis hele sitatet...

Takker. Får prøve det.

Sist endret av Spelly; 21. april 2012 kl. 18:02.

raze

Medlem

http://jsfiddle.net/sX4tM/

Du får selv endre utseende i css

Innestengt

Trådstarter

Takker for svaret!

her er url:
http://home.no/spelly/trollfest/
hvordan placer jeg mail formen i kontakt feltet,og gjør at det holder seg der hele tiden uavhengig av oppløsning?

danielsk

2.224 689

Sitat av spelley

hvordan placer jeg mail formen i kontakt feltet,og gjør at det holder seg der hele tiden uavhengig av oppløsning?

Vis hele sitatet...

Jeg ser at du har satt fast bredde og høyde på DIVen med bakgrunnsbildet som skjemaet ligger i. Det enkleste er nok da å styre posisjoneringen til skjemaet ved bruk av faste margins. Denne posisjoneringen skal fungere på alle oppløsninger.

Fjern alle <p> du har lagt over skjemaet, og gi skjemaet en margin-top på 320-330px og så justerer margin-left til du er fornøyd.

Sist endret av danielsk; 21. april 2012 kl. 19:15.

Innestengt

Trådstarter

Det funket utmerket. Takker for all hjelp!

▼ ... noen uker senere ... ▼

fulloggal

3.415 380

21. mai 2012

Med et så enkelt bilde så ville jeg kodet alt i CSS.
Putt alt i en DIV med bakgrunnsfarge og den borderen jeg ser på venstre side. Legg inn H1 med overskriften, og FORM etter det.

LoOzR

By nature

849 62

21. mai 2012

Har dere fått karakteren på eksamen endå? Hvordan gikk det?

Innestengt

Trådstarter