Avatar billede rasmus_a Nybegynder
11. februar 2005 - 20:17 Der er 22 kommentarer og
1 løsning

<FORM> mellemrum

Hej

Hvordan kan det være at når man laver en <FORM> </FORM> så udvider "siden" sig lidt.
Håber I forstår.

Mvh
Rasmus
Avatar billede alister_crowley Nybegynder
11. februar 2005 - 20:18 #1
fordi at en <form> er et block-element.

Skriv sådan her hvis du vil undgå det

<form style="display: inline;" method="" action="">
.. blabla
</form>
Avatar billede korup Nybegynder
11. februar 2005 - 20:21 #2
du kan sætte en style="margin:0,0,0,0;" ind i din form tag.

/korup
Avatar billede rasmus_a Nybegynder
11. februar 2005 - 20:23 #3
ah så forstår jeg bedre. mange tak!
crowley kom jo faktisk først - smid et svar.
:)
Avatar billede alister_crowley Nybegynder
11. februar 2005 - 20:39 #4
lol korup, hvad snakker du dog om ?
style="margin: 0px;" vil godtnok fjerne margin fra <form> elementet (men det er jo 0 i forvejen) men vil stadig gøre at hans problem vil opstå.

Derudover vil margin: 0,0,0,0; ikke virker i Firefox, da der SKAL px med ifølge w3c, dette er endnu en omgang IE only crap :P
Det hedder margin: 0px 0px 0px 0px; UDEN kommandaer, hvis du endeligt vil vide.

Derudover er det uhøfligt at ligge et svar før man har den rigtige løsning.

Og til slut vil jeg fortælle at jeg ikke samler på points, men lad nu være med at give dem til korup, istedet for dig selv :)
Avatar billede rasmus_a Nybegynder
11. februar 2005 - 20:46 #5
crowley> tak for svaret - måske du lige vil svare på endnu en ting ang. forskellige browsere.
Hvordan får du en INPUT elle SELECT box til at have samme width i alle browsere - kan man det overhovedet? (uden at tjekke efter brugerens browser først)
Avatar billede alister_crowley Nybegynder
11. februar 2005 - 20:50 #6
jo det kan du sagtens,

www.html.dk/tutorials/css (hvis du ikke kender så meget til CSS)

og så bare brug

input,select
{
  width: 150px;
}

kan også gøres med style

<input style="width: 150px;" type="text" name="hej" value="hej" />
og <select tyle="width: 150px;" name="hejhej">...</select>
Avatar billede rasmus_a Nybegynder
11. februar 2005 - 20:51 #7
jo tak jeg kender godt CSS så det er perfekt!
så skal man simpelthen bare undlade at benytte SIZE="" tag'et ?
Avatar billede alister_crowley Nybegynder
11. februar 2005 - 20:56 #8
http://www.w3schools.com/html/html_reference.asp
http://www.w3schools.com/tags/tag_input.asp

SIZE er til antal tegn, og er baseret på browseres standart charset,
og er derfor aldrig optimal at bruge.
Avatar billede rasmus_a Nybegynder
11. februar 2005 - 20:58 #9
ok :) mange tak for din uddybende hjælp crowley.
rigtig god weekend!
Avatar billede korup Nybegynder
11. februar 2005 - 21:00 #10
alister_crowley>> Jeg har selv haft problemer med at mine tabeller skubbede sig, og der fandt jeg at mit svar VAR løsningen på problemet. Jeg er da glad for at du gør mig opmærksom på at denne måde kun virker i IE, dette var jeg ikke klar over.

Med hensyn til dit løsningsforslag, er der ikke visse problemer med "display: inline" i FireFox også??

/korup
Avatar billede rasmus_a Nybegynder
11. februar 2005 - 21:06 #11
underligt, det med width i CSS virker perfekt på SELECT'en men ikke på INPUT'en. Den sidstnævnte er længere i FireFox end Safari (mac) og IE.
Avatar billede alister_crowley Nybegynder
11. februar 2005 - 21:33 #12
korup: nej ?
display: inline fungere perfekt i Firefox og IE.
og hvem bruger tabeller nu om dage ?-)

Men underligt mht. input, da input er et inline element, kigger på det senere
skal lige se en film.
Avatar billede olebole Juniormester
11. februar 2005 - 22:01 #13
<ole>

Select-elementer er helt anderledes opbygget end de fleste andre HTML-elementer - og opfører sig derfor anderledes på en lang række punkter. Netop bredden har alle dage været et problem - i stort set alle browsere.
Sætter du en 'size' værdi, kan du se, at rammen også er temmelig forskellig i Moz og IE. Desværre er der ikke meget at gøre ved nogen af delene.

alister_crowley >> I følge W3C er værdien '0' et af de få steder, du må undlade en enhed.
'margin:0 0 0 0' er således ikke 'IE-only crap', men derimod helt legalt CSS. Værdierne må til gengæld ikke delimiteres af kommaer  :)

/mvh
</bole>
Avatar billede olebole Juniormester
11. februar 2005 - 22:11 #14
I øvrigt er det bedre at hente sine oplysninger fra W3C end fra W3Schools (som intet har med W3C at gøre), da der forekommer flere fejl hos sidstnævnte. F.eks. oplyser de fejlagtigt at 'size' attributten:
  "Defines the number of visible items in the drop-down list"
- hvilket har givet anledning til en del spørgsmål her på E gennem tiden.

W3C skriver den officielle forklaring, som da også passer en del bedre på virkeligheden:
  "If a SELECT element is presented as a scrolled list box, this attribute specifies the number of rows in the list that should be visible at the same time."
Avatar billede rasmus_a Nybegynder
11. februar 2005 - 23:00 #15
olebole> jeg har oplevet sider hvor bredden på en INPUT har været perfekt på samtlige browsere. Men her er måske tale om noget JavaScript eller lignende der finder frem til brugerens browser og så derefter sætter bredden.

Jeg kan f.eks. sagtens få min SELECT til at passe vha. ovenstående CSS. Men det virker desværre ikke i FireFox. (Den er for bred) - Men det er der altså ikke rigtig noget at gøre ved?
Avatar billede alister_crowley Nybegynder
11. februar 2005 - 23:19 #16
olebole

mht. 0 okay, men det er alligevel bedst syntakst mæssigt at tilføje px, så er man jo ikke i tvivl. Og ved totalt nu er 4 angivelser lidt for meget.

Mht. w3schools er deres oversigt god, og deres info brugervenligt,
w3 er ligesom javadocs, _FOR_ god og uddybede.

Men prøver lige at teste med width.
Avatar billede rasmus_a Nybegynder
11. februar 2005 - 23:26 #17
*følger spændt med* :)
Avatar billede alister_crowley Nybegynder
11. februar 2005 - 23:37 #18
nej, heller ikke her vil det lykkeds.

Kan ikke se om det er 1 eller 2px i forskel, men mit umidbare bud ville være at det er border problematikken, men jeg er absolut ikke sikker.

Men har aldrig oplevet det som et designmæssigt problem.

Men husk på at SELECT har en predefineret minimumsbrede, og hvis dit antal px er for småt, kan det måske være det.
Avatar billede rasmus_a Nybegynder
11. februar 2005 - 23:42 #19
SELECTen virker fint. Det er kun Input'en - den går ca. 10-15% længere i FireFox.. Måske kan man ændre i BORDERen og derved fixe det?
Avatar billede alister_crowley Nybegynder
11. februar 2005 - 23:43 #20
10-15% ? lyder af meget, hos mig er det kun 2px.

Har du korrekt doctype, og hvor stor er din width på input boxen ?
Avatar billede rasmus_a Nybegynder
11. februar 2005 - 23:45 #21
80px.

<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Avatar billede alister_crowley Nybegynder
11. februar 2005 - 23:50 #22
hmm, det er vel også kun 2px du tænker på så :)
Det er ihvertfald kun 2px på min skærm.

Og samme svar som før, kender jeg ikke en løsning til, hvis der overhovedet er en.
Avatar billede rasmus_a Nybegynder
11. februar 2005 - 23:55 #23
jeg bruger mac - det kan være det er der den lidt større forskel ligger..
svært at gøre alle platforms/browsere glade!!
men mange tak for indsatsen.
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