|
|
 | form hopper ud af div'en
Fra : Martin |
Dato : 26-03-06 22:35 |
|
Hej
Jeg har et lille problem på
< http://www.natten-i.dk/klan/test.html>
(PS: linksne hopper over på andre sider, så de skal ikke trykkes på :)
Men fejlen ses vidst ret tydeligt, over i venstre side hopper min form
ud af div'en.
Hvordan dæleme kan jeg løse det?
PS: Problemet er både i IE og i Fx, siden validerer uden errors eller
warnings, det samme gør CSS'en.
| |
 Martin Nielsen (26-03-2006)
| Kommentar
Fra : Martin Nielsen |
Dato : 26-03-06 23:34 |
|
Martin wrote in dk.edb.internet.webdesign.html:
> Hej
>
> Jeg har et lille problem på
> < http://www.natten-i.dk/klan/test.html>
> (PS: linksne hopper over på andre sider, så de skal ikke trykkes på :)
>
> Men fejlen ses vidst ret tydeligt, over i venstre side hopper min form
> ud af div'en.
vi enig om at det ser skørt ud?---
box samme side- in over hinanden,, men du ønsker side om side..?
har aldrig været super i javascript,, men kan se det er en form!
ved ikke om jeg har ret.. men!
<!-- START FORM () -->
<form method="post" action="/klan/index.php" >
<table summary='' class="formFormTABLE" align='left'>
her tildeler du hvor den skal stå!
<tr>
<td class='formFieldCaptionTD' >
Email
</td>
<td class='formDataTD' >
<input class="formInput" type="text" name="email" size="15"
maxlength="255" value="" />
mon den er bredere end den anden!?
</td>
</tr>
<tr>
<td class='formFieldCaptionTD' >
Password
</td>
<td class='formDataTD' >
<input class="formInput" type="password" name="pass" value=""
size="15" maxlength="15" />
eller størrelsen??
</td>
</tr>
<tr>
<td class='formDataTD' align='center' colspan='2' >
<input class="formButton" type="submit" name="submit_login"
value="Login" />
</td>
</tr>
<!-- Start of passtru values -->
<!-- Start of Hidden Values -->
<!-- End of passtru values -->
jeg er som sagt ikke ekspert på javascript...
ved ikke om jeg ramte...
>
> Hvordan dæleme kan jeg løse det?
> PS: Problemet er både i IE og i Fx, siden validerer uden errors eller
> warnings, det samme gør CSS'en.
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Martin (26-03-2006)
| Kommentar
Fra : Martin |
Dato : 26-03-06 23:39 |
|
Martin Nielsen wrote:
> vi enig om at det ser skørt ud?---
> box samme side- in over hinanden,, men du ønsker side om side..?
> har aldrig været super i javascript,, men kan se det er en form!
> ved ikke om jeg har ret.. men!
Det jeg ønsker er såmænd, bare at formen bliver inde i det lyseblå felt :)
[SNIP]
>
> jeg er som sagt ikke ekspert på javascript...
Desværre er der intet javascript på hele siden, kun lige et png fix, så
IE også kan vise transperante png filer :)
>
> ved ikke om jeg ramte...
Nu hvor jeg lige så DM i dart, så må jeg indrømme at du kun ramte
dobbelt 2 :)
| |
 Martin Nielsen (26-03-2006)
| Kommentar
Fra : Martin Nielsen |
Dato : 26-03-06 23:46 |
|
Martin wrote in dk.edb.internet.webdesign.html:
> Martin Nielsen wrote:
> > vi enig om at det ser skørt ud?---
> > box samme side- in over hinanden,, men du ønsker side om side..?
> > har aldrig været super i javascript,, men kan se det er en form!
> > ved ikke om jeg har ret.. men!
>
> Det jeg ønsker er såmænd, bare at formen bliver inde i det lyseblå felt :)
>
> [SNIP]
>
> >
> > jeg er som sagt ikke ekspert på javascript...
>
> Desværre er der intet javascript på hele siden, kun lige et png fix, så
> IE også kan vise transperante png filer :)
>
> >
> > ved ikke om jeg ramte...
>
> Nu hvor jeg lige så DM i dart, så må jeg indrømme at du kun ramte
> dobbelt 2 :)
jeg var også hurtige ude,,<Form> så bare i starten af kilden du skrev i
<head> javascript.. og kiggede hurtig frem på siden.. griner..
nej en kvaje pils... logger af..
men kender et link til stedet du nok selv kender... og der ser de fejlen,, og
det de nok også herinde.. bare ikke mr DM-dart...
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Erik Ginnerskov (26-03-2006)
| Kommentar
Fra : Erik Ginnerskov |
Dato : 26-03-06 23:55 |
|
Martin wrote:
> Martin Nielsen wrote:
>> vi enig om at det ser skørt ud?---
>> box samme side- in over hinanden,, men du ønsker side om side..?
>> har aldrig været super i javascript,, men kan se det er en form!
>> ved ikke om jeg har ret.. men!
>
> Det jeg ønsker er såmænd, bare at formen bliver inde i det lyseblå
> felt :)
Du skal skrive formularens starttag før starttagget for den blå boks, du vil
have dine inputfelter ind i. Derefter skal du flytte boksens sluttag ned
efter den tabel, hvori du har dine input. Slut af med formens sluttag.
Endelig skal du ikke have nogen positionering af din tabel - det har du
tilsyneladende heller ikke. Lad din blå boks styre placeringen af dine
inputs på siden.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/
| |
Martin (27-03-2006)
| Kommentar
Fra : Martin |
Dato : 27-03-06 00:56 |
|
Erik Ginnerskov wrote:
> Martin wrote:
>> Martin Nielsen wrote:
>>> vi enig om at det ser skørt ud?---
>>> box samme side- in over hinanden,, men du ønsker side om side..?
>>> har aldrig været super i javascript,, men kan se det er en form!
>>> ved ikke om jeg har ret.. men!
>> Det jeg ønsker er såmænd, bare at formen bliver inde i det lyseblå
>> felt :)
>
> Du skal skrive formularens starttag før starttagget for den blå boks, du vil
> have dine inputfelter ind i. Derefter skal du flytte boksens sluttag ned
> efter den tabel, hvori du har dine input. Slut af med formens sluttag.
Nu har jeg prøvet at sætte form og </form> lidt forskellige steder, men
det har tilsyneladene ingen effekt, hvor jeg end sætter den hen.
Mine bokse er opbygget således:
<div class="smallbox"> // sætter bredde på boksen
<div class="t"><div class="b"><div class="l"><div class="r"><div
class="bl"><div class="br"><div class="tl"><div class="tr">
// alle ovenstående laver billederne
<div class="bc"> // sætter baggrundsfarve
<div class="boxsubject">
<h1 class="left">Login</h1>
</div>
<div class="bc">
---- content ----
</div>
</div></div></div></div></div></div></div></div></div>
</div>
Jeg har prøvet med følgende:
Sætte <form> og </form> følgende steder:
begge i content
<form> foran <div class="smallbox"> og </form> efter sidste </div>
<form> ligeefter <div class="smallbox"> og </form> efter næstsidste </div>
Alle 3 med samme resulatet.
Er det alle mine bokse der er helt forkert opbygget?
Desværre kræver det at boksenes billeder, bliver lavet i css'en, så jeg
kan ikke lave det i ren html, selvom det nok ville være en hel del nemmere.
>
> Endelig skal du ikke have nogen positionering af din tabel - det har du
> tilsyneladende heller ikke. Lad din blå boks styre placeringen af dine
> inputs på siden.
Korrekt set, at jeg ikke har noget position på noget af min form.
Det eneste jeg har er en margin:0; på form
| |
Knud Gert Ellentoft (27-03-2006)
| Kommentar
Fra : Knud Gert Ellentoft |
Dato : 27-03-06 14:15 |
|
Martin skrev:
><div class="boxsubject">
> <h1 class="left">Login</h1>
></div>
>Er det alle mine bokse der er helt forkert opbygget?
Det er ikke svar på dit spørgsmål, men du har en hulens bunke
div'er i div'er og svært at finde hoved og hale i.
Er det virkelig nødvendigt?
Nu prøver vi på at folk til at gå væk fra tabeller i tabeller, en
div'er inde i hinanden er efter min mening ikke meget bedre.
F.eks. ovenstående, hvorfor ikke blot
<h1 class="left boxsubject">Login</h1>?
Det vil gøre det hele meget oversjueligt.
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html
| |
Martin (27-03-2006)
| Kommentar
Fra : Martin |
Dato : 27-03-06 19:56 |
|
Knud Gert Ellentoft wrote:
> Martin skrev:
>
>> <div class="boxsubject">
>> <h1 class="left">Login</h1>
>> </div>
>
>> Er det alle mine bokse der er helt forkert opbygget?
>
> Det er ikke svar på dit spørgsmål
Øv
> men du har en hulens bunke
> div'er i div'er og svært at finde hoved og hale i.
Jeg kan skam godt finde rundt i dem, de er jo navngivet med præcis det
som jeg ved hvad er, hehe
>
> Er det virkelig nødvendigt?
For at få de 6 billeder der skal til for at lave boksen, så ja 
>
> Nu prøver vi på at folk til at gå væk fra tabeller i tabeller, en
> div'er inde i hinanden er efter min mening ikke meget bedre.
Nope, men jeg glæder mig også hulens meget til CSS3 og border-image
kommer
Men hvis du har en hel anden metode, hvor jeg kun behøver bruge 1 div,
så vil jeg da med glæde lytte.
>
> F.eks. ovenstående, hvorfor ikke blot
> <h1 class="left boxsubject">Login</h1>?
>
> Det vil gøre det hele meget oversjueligt.
Jeg har skam prøvet, problemet er bare at hvis jeg gør det, så bliver
der sådan en grim dum hvid baggrund, jeg aner ikke hvorfor, og heller ej
hvordan jeg kan løse det.
Jeg kunne selvfølgelig sætte baggrundsfarven på <h1>'eren, men da hele
siden er dynamisk, så er det ikke altid at der er en <h1>'er.
| |
Knud Gert Ellentoft (27-03-2006)
| Kommentar
Fra : Knud Gert Ellentoft |
Dato : 27-03-06 20:33 |
|
Martin skrev:
>Jeg kan skam godt finde rundt i dem, de er jo navngivet med præcis det
>som jeg ved hvad er, hehe
Det er altid nemt nok for den der, selv sidder og laver siderne,
men for en udenforstående, som læser htmlkoderne bliver det nemt
uoverskueligt.
>> Er det virkelig nødvendigt?
>
>For at få de 6 billeder der skal til for at lave boksen, så ja
Måske, men jeg har nu stadig svært ved at se, at man ofte har
brug for sætte blokelementer ind i en anden i større stil.
En ydre <div> og så ellers passende blokelementer til det andet.
Og hvorfor kan classen boxsubject ikke sættes direkte på <h1>
forstår jeg stadig ikke, men det er nok mig, der er langsomt
opfattende.
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html
| |
Erik Ginnerskov (27-03-2006)
| Kommentar
Fra : Erik Ginnerskov |
Dato : 27-03-06 21:33 |
|
Martin wrote:
> For at få de 6 billeder der skal til for at lave boksen, så ja
<form method="post" action="/klan/index.php" >
<div class="smallbox">
<span class="t">
<img src="../images/design/box/topright.png" style="float:right"
alt="" />
<img src="../images/design/box/topleft.png" style="float:left"
alt="" />
</span>
<table summary='' class="formFormTABLE">
...
</table>
<span class="b">
<img src="../images/design/box/bottomright.png" style="float:right"
alt="" />
<img src="../images/design/box/bottomleft.png" style="float:left"
alt="" />
</span>
</div>
</form>
Så enkelt kan det bygges op, det er langt mere overskueligt. Grafikfilerne
top.png og bottom.png er langt ind som baggrund i deres respektive spans og
hjørnerne er lagt ind som floatede grafikker.
Læg mærke til, at højrefloatede elementer skal skrives i koden før
venstrefloatede (eller ikke-floatede), som skal vises i samme linje.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/
| |
Allan Vebel (27-03-2006)
| Kommentar
Fra : Allan Vebel |
Dato : 27-03-06 21:58 |
|
Erik Ginnerskov skrev:
> Så enkelt kan det bygges op
Det havde været bedre med et link til dit eksempel, så
kan alle se resultatet med et enkelt klik.
--
Allan Vebel
http://html-faq.dk - nu også med rss
| |
Erik Ginnerskov (28-03-2006)
| Kommentar
Fra : Erik Ginnerskov |
Dato : 28-03-06 01:14 |
| | |
Martin (28-03-2006)
| Kommentar
Fra : Martin |
Dato : 28-03-06 11:38 |
|
Erik Ginnerskov wrote:
> Martin wrote:
>
>
>>For at få de 6 billeder der skal til for at lave boksen, så ja
>
>
[SNIP]
>
> Så enkelt kan det bygges op, det er langt mere overskueligt. Grafikfilerne
> top.png og bottom.png er langt ind som baggrund i deres respektive spans og
> hjørnerne er lagt ind som floatede grafikker.
Det må jeg sige - tak for løsningen
MEN - nu er der bare et problem... Jeg ville være så glad, hvis alt
grafik kunne defineres i stylesheetet, da det hele er tema baseret, og
alle index.html osv. er samme side, uanset hvad tema der køres med.
> <span class="b">
> <img src="..." style="float:right" alt="" />
> <img src="..." style="float:left" alt="" />
> </span>
Kunne man evt. istedet for <img...> sætte det som background-image
direkte i <span> ?
Eller lave en ny <span> ?
| |
Johnny Winther Ronne~ (28-03-2006)
| Kommentar
Fra : Johnny Winther Ronne~ |
Dato : 28-03-06 19:30 |
|
Erik Ginnerskov wrote:
> Martin wrote:
>
>> For at få de 6 billeder der skal til for at lave boksen, så ja
>
> <form method="post" action="/klan/index.php" >
> <div class="smallbox">
> <span class="t">
> <img src="../images/design/box/topright.png"
> style="float:right" alt="" />
> <img src="../images/design/box/topleft.png" style="float:left"
> alt="" />
> </span>
> <table summary='' class="formFormTABLE">
> ...
> </table>
> <span class="b">
>
> <img src="../images/design/box/bottomright.png"
> style="float:right" alt="" />
> <img src="../images/design/box/bottomleft.png"
> style="float:left" alt="" />
> </span>
> </div>
> </form>
>
> Så enkelt kan det bygges op, det er langt mere overskueligt.
> Grafikfilerne top.png og bottom.png er langt ind som baggrund i deres
> respektive spans og hjørnerne er lagt ind som floatede grafikker.
>
> Læg mærke til, at højrefloatede elementer skal skrives i koden før
> venstrefloatede (eller ikke-floatede), som skal vises i samme linje.
Alt teksten skal i dette tilfælde være alt =" " bemærk mellemrummet det
fortæller nyere skærmlæsere at de skal springe det over. (Her er noget
designer gøgl vi ikke kan bruge til noget)
Billeder er rigtig godt, men blinde kan kan ikke se dem 
Med venlig hilsen
Johnny Winther Ronnenberg
--
Det er brugeren der bestemmer
http://www.ronnenberg.dk/webaccessibility/
Last: revision:
http://www.ronnenberg.dk/webaccessibility/userutilities/dublincore.htm
and http://www.ronnenberg.dk/webaccessibility/upcomingwork.asp (danish
only)
| |
Jens Gyldenkærne Cla~ (28-03-2006)
| Kommentar
Fra : Jens Gyldenkærne Cla~ |
Dato : 28-03-06 20:57 |
|
Johnny Winther Ronnenberg skrev:
> Alt teksten skal i dette tilfælde være alt =" " bemærk
> mellemrummet det fortæller nyere skærmlæsere at de skal
> springe det over.
Er der konkrete eksempler på skærmlæsere der behandler alt=""
anderledes end alt=" "?
De referencer jeg kender til anbefaler at bruge den tomme streng -
alt="" - til "decorative images" - altså billeder der kun er til
pynt.
(se fx < http://www.w3.org/WAI/GL/WCAG20/tests/test16.html>)
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html
| |
Johnny Winther Ronne~ (29-03-2006)
| Kommentar
Fra : Johnny Winther Ronne~ |
Dato : 29-03-06 20:09 |
|
Jens Gyldenkærne Clausen wrote:
> Johnny Winther Ronnenberg skrev:
>
>> Alt teksten skal i dette tilfælde være alt =" " bemærk
>> mellemrummet det fortæller nyere skærmlæsere at de skal
>> springe det over.
>
> Er der konkrete eksempler på skærmlæsere der behandler alt=""
> anderledes end alt=" "?
>
> De referencer jeg kender til anbefaler at bruge den tomme streng -
> alt="" - til "decorative images" - altså billeder der kun er til
> pynt.
> (se fx < http://www.w3.org/WAI/GL/WCAG20/tests/test16.html>)
Ja, nyere versioner af Jaws 5.1 og højere og Windows Eye 5.5 og vist nok
også HAL de to sidste har jeg ikke personligt afprøvet, men punktet bliver
ind imellem kritiseret blandt blinde, der mener at standarden siger det, men
det gør den ikke
Mens jeg er ved det, i Jaws vinder title over alt og hvis title og alt er
"udefineret" læses / staves linkteksten (normalt staves den, da linktekster
sjældent er regulære ord og Jaws er enkeltsproget)
Skærmlæsere er langt mere avancerede end standarden går ud fra og det er
foklaringen på at frames og tabeller er til fordel for blinde / svagtseende.
Da jeg læste de første referencer, var jeg meget skeptisk, men det holder
faktisk vand.
Med venlig hilsen
Johnny Winther Ronnenberg
--
Det er brugeren der bestemmer
http://www.ronnenberg.dk/webaccessibility/
Last: revision:
http://www.ronnenberg.dk/webaccessibility/userutilities/dublincore.htm
and http://www.ronnenberg.dk/webaccessibility/upcomingwork.asp (danish
only)
| |
|
|