Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Witregel onder button weg te halen?

21 antwoorden
  • Hallo, Op de openingspagina van mijn site (www.timloto.org) heb ik een button staan waarop geklikt kan worden om een poll te openen. Onder deze button staat nu een lege regel waarin ik graag een tekst zou willen hebben. Wanneer ik tekst onder deze button invoer in mijn html-editor komt er eerst een lege regel en daarna de tekst. Ik zou dus graag de tekst direct onder de button willen hebben zonder extra lege regel. Op de genoemde link heb ik de de borders van de tabellen even aangezet om te laten zien om welke lege regel het gaat. Wie weet hoe ik dit voor elkaar kan krijgen?
  • Dat is eigenlijk dezelfde vraag als [url=http://forum.computertotaal.nl/phpBB/viewtopic.php?t=147768]Extra witregel HTML-formulieren[/url] De witregel wordt veroorzaakt door de </form>-tag omdat het form-element een blokelement is en een browser een blokelement altijd afsluit met extra witruimte eronder. Ik voorkom dat doorgaans door de form-tags niet in de tabelcel te zetten, maar er omheen. Waarschijnlijk geen good-practice, maar daar heb ik nog nooit last van gehad. Je hebt nu: [code:1:3cd0270b1c] <tr><td colspan="10"><center><form> <b><input type="button" value="Poll: ik bezoek de Timloto-website..." onclick=location.replace("nl/poll.html"); name="button" style="CURSOR: hand; font-weight: bold; color: #0000FF"></b> </form></center></a></td></tr>[/code:1:3cd0270b1c] En ik zou dat dan zo doen: [code:1:3cd0270b1c] <form> <tr> <td colspan="10" align="center"> <input type="button" value="Poll: ik bezoek de Timloto-website..." onclick=location.replace("nl/poll.html"); name="button" style="CURSOR: hand; font-weight: bold; color: #0000FF"> </td> </tr> </form>[/code:1:3cd0270b1c] En dan bemoei ik me meteen ff met centreren en haal ik overbodige tags weg ;-)
  • Hallo Paulus, Nogmaals hartelijk bedankt. Ik heb de wijzigingen inmiddels doorgevoerd op mijn site. Ik hoop dat je er prijs op stelt dat ik aangegeven heb (in de link bijgewerkt rechtsboven) dat de wijzigingen mede door jou tot stand zijn gekomen. We zijn en blijven tenslotte een open-source site dus probeer ik zo goed mogelijk de bron aan te geven. In ieder geval stel ik je aangeboden hulp zeer op prijs.
  • Prima hoor, en graag gedaan :-)
  • Hallo Paulus, Toch nog 1 vraagje. Ik zou graag willen dat de klok stopt bij nul. Nu loopt de klok door en gaat door op negatieve waarden. In het originele programma zit wel de mogelijkheid om een tekst in beeld te krijgen als de klok op nul staat. Dit gaat volgens mij met dit deel: if (Expire <= 0){ document.clock.face.value = time; // choose either "time" or "timeUp" (without quotes) stopclock() } En dan bevindt er zich een regel: var timeUp = "Type Anything You Want" // enter text to be displayed when countdown is finished welke de tekst aangeeft bij nul. Zou je misschien aan willen geven wat ik nog moet wijzigen om een bepaalde tekst (bij timeUP) in beeld te krijgen als de tijd op nul staat?
  • Oh ja, die had ik ook nog gezien ja. Kun je op dezelfde manier doen door ipv naar document.form.face naar de span te verwijzen: if (Expire <= 0){ var s=document.getElementById?document.getElementById("face1"):face1 s.innerHTML = time; // choose either "time" or "timeUp" (without quotes) stopclock() } Ik zou "time" kiezen ipv een bericht die je bij "timeUp" kan instellen, anders loopt je zin niet meer.
  • Bedankt weer tot zover.... ; - ) En inderdaad loopt de tekst niet meer als ik zelf voor een tekst kies. Is er misschien een manier om eerst de oude regel te wissen en dan een nieuwe tekst op de oude plaats neer te zetten? Ik zat zelf namelijk te denken om te kiezen voor de tekst: "er kan niet meer gestemd worden in deze poll" Nou heb ik eigenlijk nog een vraag: Is het mogelijk om de button te koppelen aan de counter? Het zou natuurlijk mooi zijn dat als de counter op nul staat de button-knop voor de poll ook automatisch niet meer werkt.
  • Dan moet je ook de eerste instructie aanpassen en de hele zin in de span laten zetten: s.innerHTML = 'U hebt nog '+timeRemain+' om te stemmen.'; De knop moet je dan in een Form met een naam zetten en de knop zelf ook een naam geven: <form [b:f1fa1d40ad]name="pollform"[/b:f1fa1d40ad]> <tr> <td colspan="10" align="center"> <input type="button" [b:f1fa1d40ad]name="pollbutton"[/b:f1fa1d40ad] value="Poll: ik bezoek de Timloto-website..." onclick=location.replace("nl/poll.html"); name="button" style="CURSOR: hand; font-weight: bold; color: #0000FF"> </td> </tr> </form> en dan het tweede stuk in het script: if (Expire <= 0){ var s=document.getElementById?document.getElementById("face1"):face1 s.innerHTML = [b:f1fa1d40ad]timeUp; document.pollform.pollbutton.disabled=true;[/b:f1fa1d40ad] stopclock(); }
  • In één woord: [b:863ce3df0b]GEWELDIG !!![/b:863ce3df0b] Ik heb het met de tekst iets anders opgelost, maar toch bedankt. Wat betreft het uitschakelen van de poll; alleen maar hulde!!! En zeer zeker ook bedankt voor de razendsnelle reacties elke keer weer. De wijzigingen staan inmiddels weer online. Mijn dank is zeer groot,
  • Hallo Paulus, Ik durf het bijna niet meer te vragen, maar... De laatste misschien? Het zou helemaal af zijn als de links op de poll-pagina (http://www.timloto.org/nl/poll.html) ook niet meer werken als de counter op nul staat. Ik denk zelf dat ik de complete javascript-code ook op deze pagina moet zetten en dan zo dat de counter niet zichtbaar is. Het gaat mij er nu om of ik ook de keuze-links, welke boven de poll staan, kan koppelen aan de counter. Eigenlijk net zoals de button op de openingspagina.
  • Je zou een aangepast script op de poll-pagina kunnen zetten, de poll in een span/div zetten en bij expire de inhoud van de div leeg kunnen maken. De html in de pagina moet dan worden: <div id=vragen> <ul> <li><a href="http://poll.dezeserver.nl/vote.cgi?pid=59617&aid=1" target=_blank>elke dag wel één of meer keer</a></li><br> <li><a href="http://poll.dezeserver.nl/vote.cgi?pid=59617&aid=2" target=_blank>een aantal keer per week</a></li><br> <li><a href="http://poll.dezeserver.nl/vote.cgi?pid=59617&aid=3" target=_blank>gemiddeld eens per week</a></li><br> <li><a href="http://poll.dezeserver.nl/vote.cgi?pid=59617&aid=4" target=_blank>minder dan één keer per week</a></li><br> </ul> </div> En je kan best het hele script kopieren, je kan dan ook de "u heeft nog ... om te stemmen" op diezelfde pagina nog een keer inbouwen. Het script pas je dan als volgt aan: if (Expire <= 0){ var s=document.getElementById?document.getElementById("face1"):face1 s.innerHTML = timeUp; var v=document.getElementById?document.getElementById("vragen"):vragen v.innerHTML = 'U kunt niet meer stemmen.'; stopclock();} }
  • Het is uiteraard weer geweldig, Ik zou alleen graag onder de regel "'U kunt niet meer stemmen." een lege regel willen hebben, zoals <br>. Is dat nog mogelijk?
  • Die kun je gewoon mee laten schrijven naar de div: v.innerHTML = 'U kunt niet meer stemmen.<br><br>'; of v.innerHTML = '<p>U kunt niet meer stemmen.</p>'; of wat voor html je er dan maar van wil maken.
  • Hallo Paulus, Ja, natuurlijk. Stom van me, ik had dit al geprobeerd maar in eerste instantie maar met 1 <br>, dat werkt niet echt. Dan toch echt de laatste hoop ik: Op de 1e pagina wil ik de tekst "er kan niet meer in deze poll gestemd worden" afsluiten met een link naar de poll zodat de eindstand bekeken kan worden, zoiets als dit: er kan niet meer in deze poll gestemd worden [url=http://www.timloto.org/nl/poll.html]bekijk de eindstand[/url] Ik hoop dat je het geduld nog een keer kunt opbrengen.
  • Die link kun je incl. <a>-tags in de message bouwen, dus waar je nu "er kan niet meer in deze poll gestemd worden" hebt staan, want er wordt op dezelfde manier met de content van de pagina gerommeld.
  • Hallo Paulus, Ik heb het op 2 manieren geprobeerd: - var timeUp = "er kan niet meer in deze poll gestemd worden"<a href="link">eindstand</a> - var timeUp = "er kan niet meer in deze poll gestemd worden <a href="link">eindstand</a>" In beide gevallen werkt de volledige script niet meer. Kan je me misschien vertellen wat ik fout doet?
  • Je nest quotes en dat gaat niet in scripts, je moet ofwel een \ ervoor zetten of apostrofs en quotes gebruiken. En instructies moeten worden afgesloten met een ; var timeUp = "er kan niet meer in deze poll gestemd worden <a href=\"link\">eindstand</a>"; of var timeUp = "er kan niet meer in deze poll gestemd worden <a href='link'>eindstand</a>"; of var timeUp = 'er kan niet meer in deze poll gestemd worden <a href="link">eindstand</a>';
  • Hallo Paulus, Ik weet niet meer hoe ik je kan bedanken. Maar het werkt echt helemaal perfect. Ik ga ermee stoppen, het is wel mooi zo. Maar nogmaals echt heel erg hartelijk bedankt !!!!! Zulke goede en snelle reacties heb ik nog nooit gehad.
  • Even terugkomend hierop: [quote:b0e8a0ca61="Paulus"]Ik voorkom dat doorgaans door de form-tags niet in de tabelcel te zetten, maar er omheen. Waarschijnlijk geen good-practice, maar daar heb ik nog nooit last van gehad. Je hebt nu: [code:1:b0e8a0ca61]<tr><td colspan="10"><center><form> <b><input type="button" value="Poll: ik bezoek de Timloto-website..." onclick=location.replace("nl/poll.html"); name="button" style="CURSOR: hand; font-weight: bold; color: #0000FF"></b> </form></center></a></td></tr>[/code:1:b0e8a0ca61] En ik zou dat dan zo doen: [code:1:b0e8a0ca61]<form> <tr> <td colspan="10" align="center"> <input type="button" value="Poll: ik bezoek de Timloto-website..." onclick=location.replace("nl/poll.html"); name="button" style="CURSOR: hand; font-weight: bold; color: #0000FF"> </td> </tr> </form>[/code:1:b0e8a0ca61] En dan bemoei ik me meteen ff met centreren en haal ik overbodige tags weg ;-)[/quote:b0e8a0ca61] Dat verdient inderdaad geen schoonheidsprijs... Indien je het wel correct wil doen zou ik het zo doen: [code:1:b0e8a0ca61]<form style="display:inline;"> <input type="button" value="Poll: ik bezoek de Timloto-website..." onclick=location.replace("nl/poll.html"); name="button" style="CURSOR: hand; font-weight: bold; color: #0000FF"> </form>[/code:1:b0e8a0ca61] Hiermee zorg je ervoor dat het form element niet als block-element, maar als inline-element wordt weergegeven. Dat zou het probleem op een nette manier moeten oplossen.
  • Thanks, dat geeft iig een goed antwoord op de vraag waar de topic mee begon. Ik las in een andere topic ook iets over "margin:0px" om de extra witruimte te voorkomen.

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.