[html] Input type button align left.... - Softwareontwikkeling

woensdag 21 december 2005 13:54

Acties:

Topicstarter

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head><title>Three2Learn</title>
<meta http-equiv=Content-Type content=text/htm; charset=iso-8859-1>
<link rel=stylesheet href=forum.css type=text/css>
</head>
<body>
Welkom op het DigitalLearning Forum
<hr></hr>

<center>
<table width=90% class=table>
<tr><td class=header>Cursusnaam</td><td class=header> Gemaakt op: </td></tr>

<form action=topics method=post>
<input type=hidden name=cursusid value=4>
<tr><td><input type=submit style="width:420px" name=cursus value=Biologische wetenschappen></input></td>
<td class=tekst>2005-12-21 12:00:00</td></tr>
</form>
<form action=topics method=post>
<input type=hidden name=cursusid value=5>
<tr><td class=tekst><input type=submit style="width:420px" name=cursus value=Kinderpsychologie
></input></td>
<td class=tekst>2005-12-21 12:00:00</td></tr>
</form>
<form action=topics method=post>
<input type=hidden name=cursusid value=2>
<tr><td class=tekst><input type=submit style="width:420px" name=cursus value=Engels voor gevorderen></input></td>
<td class=tekst>2005-12-23 12:45:00</td></tr>

</form>
<form action=topics method=post>
<input type=hidden name=cursusid value=1>
<tr><td class=tekst><input type=submit style="width:420px" name=cursus value=Spaans voor beginners></input></td>
<td class=tekst>2005-12-12 12:23:00</td></tr>
</form>
<form action=topics method=post>
<input type=hidden name=cursusid value=10>
<tr><td class=tekst><input type=submit style=width:420px name=cursus value=Elektronisch Orgelspelen></input></td>
<td class=tekst>2005-12-21 23:48:00</td></tr>
</form>
<form action=topics method=post>
<input type=hidden name=cursusid value=3>
<tr><td class=tekst><input type=submit style=width:420px name=cursus value=Wiskundige rekentechnieken></input></td>
<td class=tekst>2005-12-31 12:12:00</td></tr>

</form>
</center>
<a href=boardAanmaken> Een board aanmaken </a><br><br>
</body></html>

De tekst in de buttons zijn nu gecentreerd. Ik wil ze links uitgelijnd hebben. Ik heb achter style dit geprobeerd:

code:

1	;text-align:left

Dit werkt niet. Align los zetten werkt ook niet.

Iemand een idee? op w3.org is het me ook niet duidelijk geworden.

[ Voor 20% gewijzigd door Xavier op 21-12-2005 13:54 ]

woensdag 21 december 2005 13:56

Acties:

Willem

Wat heb je verder gevonden met Google?

Motor onderhoud bijhouden

woensdag 21 december 2005 14:00

Acties:

PhoeniX-

Er zitten geen input type=button tags in je code ..

Probeer sowieso eens overal quotes omheen te zetten, het zou me niet verbazen dat daardoor niet alles naar behoren werkt.

woensdag 21 december 2005 14:02

Acties:

djexplo

Eerst zet hij "<center>" neer en dan hoopt hij met css de html weer links neer te zetten, inplaats van dat je "<center>" er gewoon uitsloopt.

Als je geen CSS kent en je pagina in het midden wil uitlijnen met de tekst links. Kan je ook gewoon een tabel met 25% , 50%, 25% gebruiken, waarbij je in de 50% width je tekst neer gooit...

'if it looks like a duck, walks like a duck and quacks like a duck it's probably a duck'

woensdag 21 december 2005 14:31

Acties:

BtM909

Watch out Guys...

Het is vaak de bedoeling om relevante code te plaatsen en niet bijna alles

Als je je code valideert bij W3, zou ik eerst die errors verhelpen en vervolgens met een simpele testcase komen, waarbij ook de betreffende CSS zichtbaar is.

Ik zie center-tags (bleh) en geen CSS, hoe moeten wij je precies vertellen waar het fout gaat?

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.

woensdag 21 december 2005 21:43

Acties:

Xavier

Topicstarter

Omdat dit de uitvoer is van een .java bestand, En dit legt iets beter uit als een java bestand met allemaal variabelen.
Ik zal morgen de css even posten en de java file

woensdag 21 december 2005 21:59

Acties:

BtM909

Watch out Guys...

Die java file is helemaal niet interessant. Je kan zelf ook proberen om je test-case wat simpeler te maken. Begin bij het begin met deze source en kijk vanaf welk moment het verkeerd gaat. Moet je daarvoor aan het eind je source (java file) aanpassen, dan weet je iig waar het probleem ligt

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.

donderdag 22 december 2005 10:03

Acties:

Xavier

Topicstarter

Dat legt tenminste uit dat er geen quotes zijn.

code:

body{
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-size:          100%;
    color:              #000000;
    text-decoration:    none;
    background-color:   #FFFFFF;
}
a:link{
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    color:              #FF1122;
    text-decoration:    none;
    font-size:          100%;
}
a:visited{
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    color:              #FF1122;
    text-decoration:    none;
    font-size:          100%;
}
a:hover{
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    color:              #FF1122;
    text-decoration:    none;
    font-size:          100%;
}
.banner{
    font:               "Book Antiqua";
    font-size:          50px;
    font-style:         italic;
}
#Layer1{
    position:           absolute;
    left:               224px;
    top:                143px;
    width:              525px;
    height:             403px;
    z-index:            1;
}

.table{
  font-size:            10pt;
  font-weight:          bold;
  text-align:               left;
  color:                #680001;
  background:           #E3E3E3;
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  border:                       0px;
  border-width:         thin;
}
.header{
  font-size:            10pt;
  font-weight:          bold;
  text-align:               left;
  color:                #680001;
  background:           #E3E3E3;
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  border:                       0;
  border-width:         thin;
  vertical-align:       top;
}
.tijd{
  font-size:            7pt;
  font-weight:          bold;
  text-align:               left;
  color:                #680001;
  background:           #E3E3E3;
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  border:                       0;
  border-width:         thin;
  vertical-align:   top;
}
.tekst{
  font-size:            9pt;
  font-weight:          normal;
  text-align:               left;
  color:                #000000;
  background:           #FFFFFF;
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  border:                       0;
  border-width:         thin;
}

[ Voor 195% gewijzigd door Xavier op 22-12-2005 10:06 ]

donderdag 22 december 2005 10:07

Acties:

TeeDee

CQB 241

Xavier schreef op donderdag 22 december 2005 @ 10:03:
Dat legt tenminste uit dat er geen quotes zijn.

Mwah... je kan je java ook gewoon quotes uit laten poepen. Dat noemen ze escapen.
Ik zou daar eerst eens mee beginnen.

Met welke browser bekijk je dit allemaal? Heb het zelf wel eens meegemaakt dat als je je inline style declaratie niet aflsuit met een ; dit in IE wel eens problemen gaf.

[ Voor 21% gewijzigd door TeeDee op 22-12-2005 10:14 ]

Heart..pumps blood.Has nothing to do with emotion! Bored

donderdag 22 december 2005 10:22

Acties:

Xavier

Topicstarter

we bekijken ze met Firefox en IE

donderdag 22 december 2005 11:57

Acties:

crisp

Devver

Pixelated

Xavier schreef op donderdag 22 december 2005 @ 10:03:
Dat legt tenminste uit dat er geen quotes zijn.
code:
1
...

Font-family hoef je doorgaans maar 1x op te geven hoor aangezien het een overervende property is.
Verder zou ik eens goed naar je markup kijken, form- en input-tags tussen </tr> en <tr> is natuurlijk uit-den-boze.
Verder is je doctype niet compleet en renderen browsers je HTML dus in quirksmode.
Quotes zijn verplicht om property-waarden die andere karakters dan a-z en 0-9 bevatten.

Kortom: het is een rommeltje

Wat betreft je probleem: het kan goed zijn dat niet alle UA's text-align voor widgets als buttons ondersteunen...

Intentionally left blank

donderdag 22 december 2005 14:04

Acties:

Xavier

Topicstarter

de quote's zijn nu toegevoegd en dat werkt toch een stuk beter. een ding werkte niet maar nu wel.
De doctype zal ik veranderen.