Probleem met XHTML Strict - Softwareontwikkeling

dinsdag 13 september 2005 12:41

Acties:

Verwijderd

Topicstarter

Ik heb de volgende html:

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title></title>
        <style>
            .button
            {
                margin: 0px;
                padding: 0px;
                font-size: 10px;
                border-width: 1px;
                border-style: solid;
                border-color: #ffaaaa;
                border-top-color: #ffcccc;
                background: #ffcccc;
            }
            .edit
            {
                margin: 0px;
                padding: 0px;
                background: #ffcccc;
                font-family: Arial;
                font-size: 12px;
                border: none;
                overflow: auto;
            }
        </style>
    </head>
    <body>
        <textarea class="edit">Bullshit</textarea>
        <br />
        <button class="button">Save</button>
        <button class="button">Cancel</button>
        <br />
    </body>
</html>

Ik wil dat de textarea en buttons tegen elkaar aan liggen (in Firefox) maar dit werkt alleen als ik de XHTML Strict doctype verwijder.
Wat doe ik fout?

[ Voor 14% gewijzigd door André op 13-09-2005 13:04 ]

dinsdag 13 september 2005 12:43

Acties:

Pelle

🚴‍♂️

Zet even [code]-tags om je source heen

dinsdag 13 september 2005 12:51

Acties:

Verwijderd

Topicstarter

[code]-tags ???

Kan je even uitleggen wat je bedoelt?
Bedoel je <code></code> voor computercode aan te geven?

dinsdag 13 september 2005 12:53

Acties:

posttoast

Doe voor je source even [ code=html ] en erna [ /code ].

[ Voor 4% gewijzigd door posttoast op 13-09-2005 12:53 ]

omniscale.nl

dinsdag 13 september 2005 12:59

Acties:

RikY

Je html is ook geen geldige xhtml strict. De w3 validator vind 8 fouten.. Als je die oplost is de kans groot dat het wel goed werkt.

dinsdag 13 september 2005 13:00

Acties:

Verwijderd

Topicstarter

In firefox werkt het als ik die <code=html></code> tags om m'n volledige source heen zet (inc. doctype) maar ik dacht dat doctype de eerste regel moest zijn. Wat ook vreemd is is dat ik dan nog ruimte tussen twee buttons heb en als ik in de code de whitespace ertussen weghaal dan werkt het.
In Internet Explorer krijg ik altijd ruimte tussen de textarea en de buttons.
Ik begrijp het niet meer. Kan iemand een source pasten die werkt in ie en ff ?
Thanx

dinsdag 13 september 2005 13:02

Acties:

disjfa

HTML:

<html>

Klik rechts boven mijn post op Afbeeldingslocatie: http://gathering.tweakers.net/global/templates/tweakers/images/icons/view.gif

om te kijken wat er bedoelt word met code tags.

disjfa - disj·fa (meneer)
disjfa.nl

dinsdag 13 september 2005 13:04

Acties:

BtM909

Watch out Guys...

Verwijderd schreef op dinsdag 13 september 2005 @ 13:00:
In firefox werkt het als ik die <code=html></code> tags om m'n volledige source heen zet (inc. doctype) maar ik dacht dat doctype de eerste regel moest zijn. Wat ook vreemd is is dat ik dan nog ruimte tussen twee buttons heb en als ik in de code de whitespace ertussen weghaal dan werkt het.
In Internet Explorer krijg ik altijd ruimte tussen de textarea en de buttons.
Ik begrijp het niet meer. Kan iemand een source pasten die werkt in ie en ff ?
Thanx

Het gaat om de [plain]

HTML:

[/] tags op dit forum

bijvoorbeeld:

HTML:

<html>
 <head><title>test</title></head>
  <body>Dit is veel leesbaarder op het forum
  </body>
</html>

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

dinsdag 13 september 2005 13:06

Acties:

Verwijderd

Topicstarter

Ooooow, stom stom stom...
Had ik even niet door... Maargoed... Ik krijg dit dus nog steeds niet aan de praat, ik heb de validator fouten gefixt maar dat verandert nix.
Kan iemand helpen?

dinsdag 13 september 2005 13:09

Acties:

Koeniepoenie

Als je wilt dat ze tegen elkaar aanliggen zou je de buttons naar links kunnen laten floaten (float: left) maar waarom heb je slechts een klein stukje tekst in je fieldset zitten? Is het niet handiger om de button ook in je fieldset te gooien en dan met <legend> de 'titel' op te geven:

<fieldset>
<legend>Bullshit</legend>

<button class="button">Save</button>
<button class="button">Cancel</button>
</fieldset>

Sorry, ik las fieldset ipv textarea

[ Voor 19% gewijzigd door Koeniepoenie op 13-09-2005 16:42 ]

Parse error: syntax error, unexpected GOT_USER in https://gathering.tweakers.net on line 1337

dinsdag 13 september 2005 13:10

Acties:

Verwijderd

Typisch gevalletje van uitlijning op de regel, in vertikale richting. Als je de regelhoogte (line-height) en vertikale uitlijning (vertical-align) aanpasst, dan kom je er wel uit.

dinsdag 13 september 2005 13:16

Acties:

Verwijderd

Topicstarter

Koeniepoenie, ik gebruik helemaal geen fieldset...
En ik wil eigenlijk niet werken met floats in dit geval.
Het lijkt zo simpel maar ik snap niet waarom het niet wil werken.

dinsdag 13 september 2005 13:18

Acties:

Osiris

dinsdag 13 september 2005 13:19

Acties:

Verwijderd

Topicstarter

Met vertical-align top werkt het in firefox maar nog steeds niet in Internet explorer.

dinsdag 13 september 2005 13:19

Acties:

Verwijderd

Topicstarter

Osiris schreef op dinsdag 13 september 2005 @ 13:18:
<style> heeft toch altijd een type-attribuut nodig of ben ik nou dom?

Dit heb ik nu:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style type="text/css">
            .button
            {
                margin: 0px;
                padding: 0px;
                font-size: 10px;
                border-width: 1px;
                border-style: solid;
                border-color: #ffaaaa;
                border-top-color: #ffcccc;
                background: #ffcccc;
                vertical-align: top;
            }
            .edit
            {
                margin: 0px;
                padding: 0px;
                background: #ffcccc;
                font-family: Arial;
                font-size: 12px;
                border: none;
                overflow: auto;
                vertical-align: top;
            }
        </style>
    </head>
    <body>
        <div>
            <textarea rows="" cols="" class="edit">Bullshit</textarea>
            <br />
            <button class="button">Save</button><button class="button">Cancel</button>
            <br />
        </div>
    </body>
</html>

dinsdag 13 september 2005 13:20

Acties:

BtM909

Watch out Guys...

HTML:

1	<textarea class="edit">Bullshit</textarea><button class="button">Save</button><button class="button">Cancel</button>

enters en spaties is je issue

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

dinsdag 13 september 2005 13:22

Acties:

Verwijderd

Topicstarter

BtM909 schreef op dinsdag 13 september 2005 @ 13:20:
enters en spaties is je issue

Ja dat had ik ook gemerkt, maar ik dacht dat whitespace in html nooit getoont werd. Internet Explorer doet er niets mee, en blijft dus ook onopgelost.

dinsdag 13 september 2005 13:27

Acties:

Verwijderd

BtM909 schreef op dinsdag 13 september 2005 @ 13:20:

enters en spaties is je issue

Dat dacht ik vroegâh ook altijd. Maar wat er in feite aan de hand is, is dat afbeeldingen en input elementen standaard op de baseline worden uitgelijnd. Onder normale omstandigheden zit er nog zo'n 3 pixels ruimte onder de baseline. Als je de input elementen of afbeeldingen aan de onderkant uitlijnt (vertical-align: bottom) gebruik je die ruimte wel. Hetzelfde geldt eigenlijk aan de bovenkant van de regel, zeker als de hoogte van de input of de afbeelding lager is dan de afstand van de baseline tot de bovenkant van de regel.

De spatie tussen de knoppen komt inderdaad door de whitespace in de source, die wordt gerenderd als een spatie omdat hij tussen twee inline-level elementen staat.
De ruimte "tussen de regels" komt eigenlijk meer door wat ik hierboven heb proberen uit te leggen. En die ruimte is niet altijd weg te krijgen door de whitespace weg te werken

dinsdag 13 september 2005 13:30

Acties:

Verwijderd

Topicstarter

Cheatah,

bedankt voor je uitleg.
Helaas kan ik de 1px ruimte tussen textarea en buttons in ie niet wegkrijgen, maar in firefox werkt het iig en weet ik nu dus ook waarom.

Pagina: 1

Reageer