Jan 10, 2007 #1 emozley Technical User Jan 14, 2003 769 GB Is it possible to style a <hr> tag so it looks like a series of red full stops? Thanks Ed
Jan 10, 2007 1 #2 karinne Programmer Jan 10, 2003 6 CA Of course: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-CA" xml:lang="EN-CA"> <head> <title>Some title</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> hr { border: 0; background: url(image) #fff repeat-x 0 0; height: 35px; } </style> </head> <body> <hr> </body> </html> Upvote 0 Downvote
Of course: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-CA" xml:lang="EN-CA"> <head> <title>Some title</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> hr { border: 0; background: url(image) #fff repeat-x 0 0; height: 35px; } </style> </head> <body> <hr> </body> </html>
Jan 10, 2007 1 #3 ca8msm Programmer May 9, 2002 11,327 GB Couldn't you add a border and make the styles "dotted" rather than use an image? ____________________________________________________________ Need help finding an answer? Try the Search Facility or read FAQ222-2244 on how to get better results. Upvote 0 Downvote
Couldn't you add a border and make the styles "dotted" rather than use an image? ____________________________________________________________ Need help finding an answer? Try the Search Facility or read FAQ222-2244 on how to get better results.
Jan 11, 2007 Thread starter #4 emozley Technical User Jan 14, 2003 769 GB I will go for the image approach - thanks very much indeed! E. Upvote 0 Downvote
Jan 11, 2007 #5 ca8msm Programmer May 9, 2002 11,327 GB OK, although I don't see why you would. I'd have thought it would be better to limit the use of images when CSS can do it for you e.g. Code: <hr style="width:100%;color:Red;border: 0;border-bottom:dotted;"/> ____________________________________________________________ Need help finding an answer? Try the Search Facility or read FAQ222-2244 on how to get better results. Upvote 0 Downvote
OK, although I don't see why you would. I'd have thought it would be better to limit the use of images when CSS can do it for you e.g. Code: <hr style="width:100%;color:Red;border: 0;border-bottom:dotted;"/> ____________________________________________________________ Need help finding an answer? Try the Search Facility or read FAQ222-2244 on how to get better results.
Jan 12, 2007 Thread starter #6 emozley Technical User Jan 14, 2003 769 GB ah I see what you mean - much better! Thanks very much Ed Upvote 0 Downvote