Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
safari comment form not displaying correctly
Hi, I just finished the revision of my site and it’s valid XHTML/CSS
However, the comment form seems to display differently in Safari than any other browser. I haven’t been able to find any reason for this, so I thought I’d ask here for ideas. Anyone?
<a href=“http://www.danielnadeau.com/journal”>www.danielnadeau.com/journal</a>
Last edited by NyteOwl (2006-05-22 19:34:08)
“Cathedrals, remember were “infinity imagined,” the heavens brought down to earthly scale. – Steven Johnson: Interface Culture
Offline
#2 2006-05-22 19:48:41
- NyteOwl
- Member
- From: Nova Scotia, Canada
- Registered: 2005-09-24
- Posts: 539
Re: safari comment form not displaying correctly
I edited your post so the url was clickable.
The form fields don’t line up for me either(FF in WIndows) so I took a look at the code.
You had some unnecessary SPANs and two INPUTs that were outside the form’s enclosing DIV. I did a little tweaking and came up with this:
<code>
<form method=“post” action=”/journal/SiterevisionCOMPLETED#cpreview” id=“txpCommentInputForm”>
<div id=“cmntform”>
<h3>Add Your Comment</h3>
<p>Speak your mind</p>
<label for=“name”>name</label><input type=“text” name=“name” id=“name” value=”“ size=“25” class=“comment_name_input” />
<br />
<label for=“email”>email</label><input type=“text” name=“email” id=“email” value=”“ size=“25” class=“comment_email_input” />
<br />
<label for=“web”>http://</label><input type=“text” name=“web” id=“web” value=”“ size=“25” class=“comment_web_input” />
<br />
<input type=“checkbox” name=“remember” value=“1” id=“remember” checked=“checked” /><label for=“remember”>Remember</label>
<br /><br />
<label for=“message”>Message</label><textarea class=“txpCommentInputMessage” name=“message” id=“message” cols=“25” rows=“5”></textarea>
<div id=“button”><input type=“submit” name=“preview” id=“preview” value=“preview” class=“button” /></div>
<input type=“hidden” name=“parentid” value=“142” />
<input type=“hidden” name=“backpage” value=”/journal/SiterevisionCOMPLETED” />
</div>
</form>
</code>
Hope it helps.
Obsolescence is just a lack of imagination. / 36-bits Forever! / #include <disclaimer.h>;
Offline
Re: safari comment form not displaying correctly
Thanks so much. Those changes are just what I needed. Just in case anyone else needs it, here is the final code:
<code>
<txp:comments_error />
<div id=“cmntform”>
<h3>Add Your Comment</h3>
<p>Speak your mind</p>
<txp:comment_remember />
<br /><br />
<label for=“name”><txp:text item=“name” /></label>
<txp:comment_name_input />
<br />
<label for=“email”><txp:text item=“email” /></label> <txp:comment_email_input /><br />
<label for=“web”>http://</label><txp:comment_web_input />
<br />
<label for=“message”><txp:text item=“message” /></label> <txp:comment_message_input />
<div id=“button”> <txp:comment_preview /> <txp:comment_submit />
</div>
</div>
</code>
I changed the location of the Forget/Remember button. It SURE would be nice to be able to style that checkbox (i.e. something more helpful like, remember my INFO! :) It would also be great to move the word to the side. It seems this is a limitation of textpattern right now, maybe in the future. Anyhow, THANKS again!
“Cathedrals, remember were “infinity imagined,” the heavens brought down to earthly scale. – Steven Johnson: Interface Culture
Offline
#4 2006-05-22 20:24:36
- els
- Moderator
- From: The Netherlands
- Registered: 2004-06-06
- Posts: 7,458
Re: safari comment form not displaying correctly
You can style the checkbox with input#remember, you can wrap a div or span around <txp:comment_remember /> to position it, if that’s what you want to do.
You can change the ‘Remember’ text in the language file (/lang/en-gb.txt), find remember => Remember, change the part after => to whatever you like, ftp the language file to your server, and re-install it (admin > preferences > manage languages > install from file (bottom)). Or you can change it directly in the database (txp_lang table).
Offline
Re: safari comment form not displaying correctly
Well, I have edited the language file successfully, but I sure do feel stupid about the styling of this thing. I added
<code>
input#remember {
float:left;
}
</code>
to my css and placed this in the form:
<code>
<span class=“remember”><txp:comment_remember /></span>
</code>
but I still can’t get the checkbox to appear with the remember_text to the right of it. Just trying to be semantically correct, as I am interested in usability.
“Cathedrals, remember were “infinity imagined,” the heavens brought down to earthly scale. – Steven Johnson: Interface Culture
Offline
#6 2006-05-22 21:43:05
- els
- Moderator
- From: The Netherlands
- Registered: 2004-06-06
- Posts: 7,458
Re: safari comment form not displaying correctly
#cmntform input#remember
{float: left;}
#cmntform .remember label
{width: 80px;}
Something like this works (in Firefox 1.5.0.3 at least). Don’t know if it’s the best way though.
Last edited by els (2006-05-22 21:43:40)
Offline
Re: safari comment form not displaying correctly
Works for Me. We’ll see if anyone who visits my site complains :)
Thanks so much!
“Cathedrals, remember were “infinity imagined,” the heavens brought down to earthly scale. – Steven Johnson: Interface Culture
Offline