Avatar billede jps2mt Nybegynder
04. december 2003 - 21:50 Der er 22 kommentarer og
1 løsning

Kan ikke sætte højden på et <div>

Hvorfor kan jeg ikke få lov til at sætte højden på et <div></div> sæt??

Linien ser således ud og {color} erstattes i scriptet med en farve værdi:

Din farve er nu sat til {color} <div style="background-color: #{color}; width: 10px; height: 10px; position: absolute;"></div>

Det skulle gerne returnere et felt på 10x10 pixels som er i den pågældende farve...Ideelt ville det være centreret i forhold til teksten foran, men det kommer senere...I første omgang skal jeg have den til at forstå højden...
Avatar billede thesurfer Nybegynder
04. december 2003 - 22:04 #1
Det her virker:
<div style="background-color: FF0000; width: 10px; height: 10px; position: absolute;"></div>

Hvad skal det #{} betyde?
Avatar billede thesurfer Nybegynder
04. december 2003 - 22:05 #2
rettelse (glemte #):
<div style="background-color: #FF0000; width: 10px; height: 10px; position: absolute;"></div>

Hvad skal det #{} betyde?
Avatar billede Slettet bruger
04. december 2003 - 22:38 #3
# er lige som det tegn, du glemte i første omgang.

{color} er garanteret et signal til hans template-engine om at indsætte værdien af variablen ved navn color på dette sted.
Avatar billede thesurfer Nybegynder
04. december 2003 - 22:46 #4
Så må det være hans "template-engine" der fejler.. for den er god nok:
<div style="background-color: #FF0000; width: 10px; height: 10px; position: absolute;"></div>
Avatar billede Slettet bruger
05. december 2003 - 00:44 #5
thesurfer: Helt enig.

Prøv at se på (eller vise os) den resulterende kode fra browseren istedet for din ubehandlede kode.
Avatar billede jps2mt Nybegynder
05. december 2003 - 09:02 #6
Her er hele den returnerede streng, efter man har kaldt funktionen:

<font color="#FF0000"><strong>Chatten: (til BlackChart)</strong> Din farve er nu sat til cc00cc <div style="background-color: #cc00cc; width: 10px; height: 10px; position: absolute;"></div></font>
Avatar billede Slettet bruger
05. december 2003 - 12:38 #7
Måske

<div style="background: #{color}; width: 10px; height: 10px; position: absolute;"></div>

eller

<div style="background: #{color}; width: 10px; height: 10px;"></div>
Avatar billede Slettet bruger
05. december 2003 - 12:39 #8
Måske endda med en $nbsp; indenfor din div.
Avatar billede jps2mt Nybegynder
05. december 2003 - 12:56 #9
Har prøvet både med og uden $nbsp; og position: absolute, men det giver det samme hver gang...Kan got sætte bredden, men ikke højden...
Avatar billede Slettet bruger
05. december 2003 - 14:22 #10
Så ved jeg det ikke...
Avatar billede thesurfer Nybegynder
05. december 2003 - 15:36 #11
Jeg har brugt følgende kode:

<font color="#FF0000"><strong>Chatten: (til BlackChart)</strong> Din farve er nu sat til cc00cc <div style="background-color: #cc00cc; width: 10px; height: 30px; position: absolute;"></div></font>

Se screenshot:
http://thesurfer.users.whitehat.dk/img/exp/436131/image1.jpg
Avatar billede jps2mt Nybegynder
05. december 2003 - 15:42 #12
Ja...Men kan du få den til at blive 10px??

Jeg har lige prøvet at sætte den til 30 px i mit script, og det kan den godt, men den kan ikke lave den 10 px....
Avatar billede thesurfer Nybegynder
05. december 2003 - 17:45 #13
Det kan åbenbart ikke lade sig gøre..
Minimum er 19px.
Avatar billede jps2mt Nybegynder
05. december 2003 - 17:49 #14
Sux :( Skal have lavet et lille felt på max 10x10px som viser et snap af den farve man har valgt...
Avatar billede thesurfer Nybegynder
05. december 2003 - 19:01 #15
- Du laver bare et gennemsigtigt gif billede på 1x1 pixel.
- Derefter sætter du den til 10x10 pixels med <img src="space.gif" width="10" height="10">
Du skulle nu gerne have dit 10x10 pixels farve-felt.
Avatar billede thesurfer Nybegynder
05. december 2003 - 19:23 #16
Det her virker:
<font color="#FF0000"><strong>Chatten: (til BlackChart)</strong> Din farve er nu sat til cc00cc <span style="background-color: #cc00cc; width: 10px; height: 10px;"><img src="space.gif"></span></font>

Jeg har fjernet "position: absolute;" fra style.

download space.gif ved at højreklikke og vælge "gem som"/"save as" (etc):
http://thesurfer.users.whitehat.dk/img/exp/436131/space.gif
Avatar billede thesurfer Nybegynder
05. december 2003 - 19:25 #17
by the way.. jeg har lavet <div> om til <span> så billedet/farven ikke hopper ned på en ny linie..
Det ville normalt ske fordi div er en block (lige meget hvor meget indhold der er i den), hvor span justerer sig efter længden af indholdet.
Avatar billede thesurfer Nybegynder
05. december 2003 - 19:26 #18
Jeg lægger et svar, og håber på at du kan bruge det :)
Avatar billede jps2mt Nybegynder
05. december 2003 - 20:02 #19
I det store hele brugbart, men skulle lige tilrettes en smule...Du havde glemt højde og bredde på billedet, men da det blev sat virkede det :) Tik tak :)
Avatar billede Slettet bruger
05. december 2003 - 20:17 #20
Det var da noget af et hack, der skulle til for at få det til at virke. Jeg vil kalde det en browser-bug, at den ikke viser din oprindelige kode korrekt.

Men det var godt, at du fik noget, der virkede.
Avatar billede jps2mt Nybegynder
05. december 2003 - 20:22 #21
Ja, det vil jeg også mene...Troede da at når man havde den rette DTD var der ikke probelmer med boxe...Men...Det var der åbenbart... :(

Skidt...Det virker tilfredsstillende nu...
Avatar billede Slettet bruger
05. december 2003 - 20:37 #22
thesurfer havde forresten ret: <div> er jo en block, så det kan måske hjælpe på den oprindelige kode, hvis man også sætter margin og padding.
Avatar billede thesurfer Nybegynder
05. december 2003 - 22:12 #23
Jeg siger tak for points.. glad for at du kunne bruge det.
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester