[WSG] Can you style Alt text?
When you've got an href'd image that's farily large that's
being pulled down over a dialup line, you can see the alt text in the background
as the image loads.
Usually, this this text is a big, blue serif
style.
Sure, once the picture gets completely downloaded, it's
hidden, but during the download process - over dialup - yuck!
I've seen some sites that have alt text behind a href'd
picture, but the text is relatively small and styled.
Does anyone know how to do this?
Is it as simple as creating an alt {} rule with the desired
font, size and color?
RE: [WSG] Can you style Alt text?
The ALT text displayed when an image is not available will inherit the
properties of the containing element. To unify your ALT text you can add a
font style to your img:
img { font: 1em arial #000 }
Regards
Scott Swabey
General Manager
Lafinboy Productions
:: website design :: website development :: graphic design
e [EMAIL PROTECTED]
t +61 (0)415 193 126
w www.lafinboy.com
-Original Message-
When you've got an href'd image that's farily large that's being pulled down
over a dialup line, you can see the alt text in the background as the image
loads.
Usually, this this text is a big, blue serif style.
Sure, once the picture gets completely downloaded, it's hidden, but during
the download process - over dialup - yuck!
I've seen some sites that have alt text behind a href'd picture, but the
text is relatively small and styled.
Does anyone know how to do this?
Is it as simple as creating an alt {} rule with the desired font, size and
color?
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] search field image alignment
hello,
I have added a go image for the submit button of a search field, its
alignedabsmiddle.
This dosnt align properly in compliant browsers like ff and safari but its
fine in ie6.
http://www.mcmonagle.biz/OTI/newhome.htm
Should I just use a table in this case?
thanks heres the code.
span class=FormSearch
input type=text name=textfield /
input type=image src=fireworks/go2.gif align=absmiddle
hspace=6
.Form
{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7.5pt;
color:#006699;
position:relative;
top: 40px;
left: 474px;
width: 260px;
height: 9px;
padding-left: 10px;
}
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] search field image alignment
G'day I have added a go image for the submit button of a search field, its alignedabsmiddle. This dosnt align properly in compliant browsers like ff and safari but its fine in ie6. http://www.mcmonagle.biz/OTI/newhome.htm You might also have a look at http://validator.w3.org/check?uri=http%3A//www.mcmonagle.biz/OTI/newhome.htm Suggest you fix the html errors, then start playing with css. Using line-height on the parent element, equal to, or more than the image's height might align the button the way you want. For what it's worth... http://www.w3.org/TR/REC-html40/struct/objects.html#adef-align-IMG The align attribute is deprecated and should be avoided if possible. In addition, align=absmiddle is a Microsoft Invention/Extension, which is why it works in MSIE. Regards -- Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/ Fast-loading, user-friendly websites ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] search field image alignment
hi guys,
Im now using the actual form element with some extra classes to get the
positioning right. Defining the all around padding and margins worked for
ff. Ended up using the underscore hack for ie though, still a pixel or two
off but im going to live with it-just want to get this darn think finished.
regarding the html errors,
Im going to fix those, i didnt think that the dhtml drop down menu that i
ended up using would validate so ive been putting off running the validator
until i found another navigation method. Looks like theres no problem there
though-i will stick with it.
Also Patrick-
Incidentally: why do you wrap the form elements in a span with class
Form? What's wrong with *actually* using a FORM element? Or did you plan
to have the go button submit via javascript (bad idea)?
Im just trying to get the front end looking right before i pass it on to the
asp programmer so im not handling any of the forms functionality. It didnt
occur to me to use the actual form element.
thanks a million
form class=topsearchSearch
input type=text name=textfield /
input type=image class=fimg src=fireworks/go2.gif
alt=GO align=middle height=22
/form
form {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7.5pt;
margin: 0px;
padding: 0px;
}
form.topsearch {position:relative;
top: 40px;
left: 474px;
width: 260px;
padding: 0px 0px 0px 10px;
height:22px;
}
.fimg{
_padding: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] search field image alignment
Kvnmcwebn wrote:
.fimg{
_padding: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}
That's the wrong sequence. IE won't get it.
Try this instead:
.fimg{
padding: 0 0 5px 0;
_padding: 0;
}
regards
Georg
--
http://www.gunlaug.no
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] there is no attribute name
Thomas Ditmars wrote: div id=content ... Does this also apply to HTML 4.01 Strict? I guess my actual question is: What is the proper way of coding '#anchor-name' links in HTML 4.01 Strict? It is best to use *both* (up to XHTML 1.0) *with* a A element, to be nice to old browsers. You may want to remove styles, but not functionality ;-) a href=# id=content name=content/a This should take care of old browsers, tabbing navigation and the Validator. Thierry | http://www.TJKDesign.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] search field image alignment
I think what Patrick is trying to say is you should us a submit button to add some 'action' to your form. Currently it won't do anything unless you add some JavaScript. This will also further separate your content from presentation by moving the styled image to your CSS (as a background-attachment on the 'submit' button). You should also move the height and alignment to your CSS. Rowan Walker - Original Message - From: Kvnmcwebn [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Sunday, May 15, 2005 11:57 AM Subject: Re: [WSG] search field image alignment | | Also Patrick- | Incidentally: why do you wrap the form elements in a span with class |Form? What's wrong with *actually* using a FORM element? Or did you plan |to have the go button submit via javascript (bad idea)? | | Im just trying to get the front end looking right before i pass it on to the | asp programmer so im not handling any of the forms functionality. It didnt | occur to me to use the actual form element. | | thanks a million | | | | form class=topsearchSearch | input type=text name=textfield / |input type=image class=fimg src=fireworks/go2.gif | alt=GO align=middle height=22 | /form ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] search field image alignment--help
Hi, It does needs an action so Ive redone it like this: input type= image class=fimg nameSubmit value=submit src=go.gif/ This probably wont work and anyway it wrecks the positioning again. How can i use an input type = submit with a background image? thanks -kevin I think what Patrick is trying to say is you should us a submit button to add some 'action' to your form. Currently it won't do anything unless you add some JavaScript. This will also further separate your content from presentation by moving the styled image to your CSS (as a background-attachment on the 'submit' button). ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] there is no attribute name
Michael Cordover wrote:
Yup, same mechanism. The #anchor has *always* referred to an id in the
spec, referring to a name as a bit of an extra feature (read:
incompatibility included for fun).
That's a bit arse backwards. 'Name' has been the target of #anchors ('fragment
identifiers') since HTML 1.
Can you imagine how many links would have broken if it had been removed from
html 4?
Geoff.
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] search field image alignment
also i tried this BUTTON name=submit value=submit type=submit SendIMG src=go2.gif alt=go/BUTTON but its not what im looking for. -Kevin ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Space-saving Form Select vs Space-hungry HTML List
Hi all, This is more of a usability question than a technical one. What is the'official' word on the use of form selects as an alternative tospace hungry HTML lists? This is in the context of something like a User Group Quickfinder (abunch of links to pages containing user group specific links). Anobvious downsidemight bethat the user cannot see at-a-glance what the options are, and may bypass the menu altogether, although if the menu was well signposted, this might not be an issue. I'd be interested to hear your views on this. Cheers, Dan
