Problemen gecentreerde uitlijning

Status
Niet open voor verdere reacties.
N

NIh1IlO

Gebruiker
Lid geworden
4 feb 2003
Berichten
759
Gegroet specialisten

op de webpagina (link hieronder) is een kalendertje geplaatst. Op de bovenste lijn staat het jaartal. Ik zou dit willen gecentreerd uitgelijnd krijgen in het vakje. Het lukt echter niet: het resultaat is niet bevredigend.
Wat is er fout in de programmering?
Kan men mij de juiste tip bezorgen?

http://users.skynet.be/vedekaatjes/kalender.htm

Met beste dank op voorhand en groeten van

nIh1IlO
 
je bedoelt het bovenste tabelletje waar 2005 in staat en daaronder december?

Dat staat bij mij gewoon gecentreerd, ik gebruik Safari als browser.
En in Opera - ook een browser - staat hij ook gecentreerd.
 
Hij bedoeld het vakje met.....vandaag 11-Dec


Daar heb ik geen verstand van:D
 
Hello meedenkers

ik bedoelde het vakje bovenaan in het midden met het jaartal (2005) boven de naam van de maand (december).
Zowel in IE als in FF is de uitlijning bij mij eerder links en zeker niet (horizontaal) gecentreerd.
Het kan toch niet aan mijn Compu gelegen zijn, veronderstel ik!
Of ben ik te perfectionistisch? Niet perfect is voor mij niet goed genoeg. Of zijn mijn verwachtingen te hoog gesteld?
Naar de buitenwereld toe moet het voor mij perfect zijn.
Ik dacht dat er misschien iets fout was in de programmeringstekst.

Vriendelijk groeten

nIh1IlO
 
maak is een screenshot, want bij 4 bekende browsers was het goed. Dus ik denk dat je iets niet goed hebt....

en hij zit wel degelijk in het midden bij mij...en bij anderen. Ook geen spatie verschil want ik heb even nagemeten met mijn Geo Driehoek :p en was aan beide kanten 1,45 cm
 
Laatst bewerkt:
Hello Rimsic

ik gebruik ofwel IE ofwel Firefox, meestal FF.
Ik stuur een screenshot van IE en een van FF.

Groetjes

nIh1IlO
 

Bijlagen

  • kalenderff.jpg
    kalenderff.jpg
    27,6 KB · Weergaven: 18
Hierbij het IE screenshot.

nIhIlO
 

Bijlagen

  • kalenderie.jpg
    kalenderie.jpg
    29,9 KB · Weergaven: 23
Een style="text-align: center;" in beide input's lost het op:
<input type="text" size="5" style="text-align: center;" value="jaar">
<input type="text" size="9" style="text-align: center;" value="maand">

Met document.calform.elements[4].value = Months[Midx]; doet de IncDecMonth functie het weer, en is de padding ook weg.


Vr.Gr. Egel.
 
Geplaatst door NIh1IlO
Hierbij het IE screenshot.

nIhIlO
Klik om te vergroten...
oh dat deel. Bij mij zit er namelijk geen ruimte om de 2005 meer...het 'invul veld' is er gewoon om heen. Dus dan zie je dat sowieso niet. Ik dacht dat je dat veld bedoelde... :confused: :o.
 
Geplaatst door Rimsic

oh dat deel. Bij mij zit er namelijk geen ruimte om de 2005 meer...het 'invul veld' is er gewoon om heen. Dus dan zie je dat sowieso niet. Ik dacht dat je dat veld bedoelde... :confused: :o.
Klik om te vergroten...

Jij zit natuurlijk weer naar een 640×480 scherm te kijken :p ;)
 
Geplaatst door Egel
Een style="text-align: center;" in beide input's lost het op:
<input type="text" size="5" style="text-align: center;" value="jaar">
<input type="text" size="9" style="text-align: center;" value="maand">

Met document.calform.elements[4].value = Months[Midx]; doet de IncDecMonth functie het weer, en is de padding ook weg.


Vr.Gr. Egel.
Klik om te vergroten...
Inderdaad moet je gewoon even een style gebruiken in je input. Wel raad ik je aan dit via een algemene style te doen die te defineren is via een stylesheet of een style declaratie bovenin je pagina:

<head>
<style type="text/css">
td {text-align="center"}
</style>
</head>

Zo is het niet alleen voor je jaartal maar ook voor elk getal in de maand netjes uitgelijnd.
 
Hello meedenkers

van harte bedankt voor de concrete tips. Het resultaat voldoet helemaal aan de verwachtingen.
Toch nog een vraagje: ik heb een stylesheet aangemaakt in de head zoals gesuggereerd met een definitie voor td zoals
style="text-align: center;"
td {text-align="center"}
</style>
Klik om te vergroten...
Waarom moet die hele tekst
style="text-align: center;"
Klik om te vergroten...
nog eens herhaald worden in de lijn
<input type="text" size="5" style="text-align: center;" value="jaar">
Klik om te vergroten...
.
Volstaat het niet met de vermelding style='td' ?

Over de zinsnede
Met document.calform.elements[4].value = Months[Midx]; doet de IncDecMonth functie het weer, en is de padding ook weg.
Klik om te vergroten...
was het de bedoeling dat die lijn toegevoegd werd aan de functie zoals ze hierna (hopelijk goed) wordt weergegeven?

function IncDecMonth(val)
{
var valNum = parseInt(val);
var Midx = DetermineMonthIdx();
Midx += valNum;
if(Midx > 11) { Midx = 0; document.calform.elements[1].value++;};
if(Midx < 0) { Midx = 11; document.calform.elements[1].value--;};
document.calform.elements[4].value = Months[Midx];
FillCalendar()
}

Ik heb immers vastgesteld dat als men op de pijltjes naast de maand klikt het jaartal verspringt en niet de maand.
Ik denk dat er toch iets verkeerd is in de programmering omtrent de maandaanduiding.
Als leek geraak ik er echter niet uit.
Voor alle duidelijkheid geef ik hier nog eens de link naar de huidige pagina

http://users.skynet.be/vedekaatjes/kalender.htm
Met beste dank alweer voor opheldering van die resterende probleempjes.

nIh1IlO
 
Laatst bewerkt:
Code: 
<style type="text/css">
 td {text-align: center;}
 input {text-align: center;}
</style>
De td bepaald de uitlijning in een tabelcel, de input wordt dan in het midden van de tabelcel geplaatst.

Alleen wordt de text-uitlijning binnen de input weer door de input zelf bepaald, standaard is links. Met de tweede regel in de style wordt de tekst in alle inputs ook in het midden uitgelijnd.

De vorm voor in een stylesheet is:
tagnaam {eigenschap: waarde;}
(dus geen = & "). In een tag zelf:
style="eigenschap: waarde;"


Het script is goed zoals je het geschreven hebt, als:
document.calform.elements[4].value = PadSpaces(Months[Midx]);
zonder het rode gedeelte. Of zoals je het nu hebt:
//document.calform.elements[4].value = Months[Midx];
maar dan zonder //.


Vr.Gr. Egel.
 
Uitmundende service!

Hello Egel en andere meedenkers

ik dank jullie van harte voor de snelle en adequate service. Mijn probleem is perfect opgelost! :)

Nog prettige eindejaardagen en een Voorspoedig 2006!

Vriendelijke groeten van

nIh1IlO :thumb:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan