jlhaslip
-
Posts
2,568 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by jlhaslip
-
-
Google for a "pagination" script. Try hotscripts.com.Larry Ullman has a book about "dynamic Websites" which has a good php pagination script.
-
I thought the site was coming along nicely. Bare? Never crossed my mind. I rather enjoy the plain sites. Too much distracts from the content, I find.Here is a sample of some code to review.
<!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"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title> Image and (3 div) Text Layout - Catalogue Display format </title><style type="text/css">/*<![CDATA[*/body{ background: #ffffff; margin: 0; padding: 0;}#wrapper { width: 48%;}#content { text-align: justify;}.detail { margin: 1em; clear:both;}img { border:none;}.image { margin: 0; padding: .4em; width: 100px; height: 100px; float:left;}.lines { padding: .25em; line-height: 20px;}.outline { border: 1px solid #999;}.sub_head { font-weight: bold; padding-left: 1em;}.class_red { color: red;}.class_blue { color: blue;}.class_green { color: green;}/*]]>*/</style> </head> <body> <div id="wrapper"> <div id="content"> <div class="detail"> <div class="image"> <a href="#" title="Description for on:hover"><img src="test.gif"alt="alternate description" title="Product description for mouse-over " width="100" /></a> </div> <div class="lines"> <span class="sub_head class_red">Product :</span> Red details here </div> <div class="lines"> <span class="sub_head class_blue">Description:</span>Blue details here </div> <div class="lines"> <span class="sub_head class_green">Availability:</span>Green details here </div> </div><!-- end class detail - this occurence --> <div class="detail"> <div class="image"> <a href="#" title="Description for on:hover"><img src="none"alt="alternate description" title="Product description for mouse-over " width="100" /></a> </div> <div class="lines"> <span class="sub_head class_red">Product :</span> Red details here </div> <div class="lines"> <span class="sub_head class_blue">Description:</span>Blue details here </div> <div class="lines"> <span class="sub_head class_green">Availability:</span>Green details here </div> </div><!-- end class detail - this occurence --> <div class="detail"> <div class="image"> <a href="#" title="Description for on:hover"><img src="test.gif"alt="alternate description" title="Product description for mouse-over " width="120" /></a> </div> <div class="lines"> <span class="sub_head class_red">Product :</span> Red details here </div> <div class="lines"> <span class="sub_head class_blue">Description:</span>Blue details here </div> <div class="lines"> <span class="sub_head class_green">Availability:</span>Green details here </div> </div><!-- end class detail - this occurence --> <div class="detail"> <div class="image"> <a href="#" title="Description for on:hover"><img src="test.gif"alt="alternate description" title="Product description for mouse-over " width="80" /></a> </div> <div class="lines"> <span class="sub_head class_red">Product :</span> Red details here </div> <div class="lines"> <span class="sub_head class_blue">Description:</span>Blue details here </div> <div class="lines"> <span class="sub_head class_green">Availability:</span>Green details here </div> </div><!-- end class detail - this occurence --> </div><!-- end id=content iv --> </div><!-- end wrapper iv here --> </body></html> -
The default <p> tag has a generic margin and padding which every Browser uses a different value for, so they render differently. The best way to manage them is to remove them completely at the html or body tag and them insert them where you need the block of text (<p>) moved or spaced.
body { margin:0; padding:0; }p { margin: 1px 2px 3px 4px; padding: 1px 2px 3px 4px; }In this format, the margins and padding are set in the sequence of top, right, bottom, left. Other units can also be used for the values, like em's.
-
I had a look in FF2, IE6, IE7 and Opera 9 and could see no difference what-so-ever in the image alignments.It may have been a caching issue at your end? I don't know...As for using tables for that output, if you are concerned, I have some code which would work for you, however, it may be a good experience for you to hone your html/css/php skills to convert the display into div's. It isn't difficult. The php (or asp) simply echoes out div, li, p (or whatever) tags instead of table, tr's and td's.The layout styles are then handled by CSS using a class structure similar to which you already have for the table cells.Sounds easy, huh?
-
Place the image as a background to the div and menu should then sit on top of it and become clickable. (I think)
-
Ajax???how do you get the div to scroll when i mousover the scroll down link??onclick="ajax_loadContent('ajax','documents1.html');return false -
screen print of the bottom right corner. the rest of the bottom is the same. Looks great in ff2.http://i3.photobucket.com/albums/y85/jim43...nCapture003.pngIE6 XP2
-
In the Olden Days *trumpet flourish here* both the alt= and title= were used. But it doesn't validate if you use both.
-
Have you checked IE6 yet?
-
Try adding z-index to the pieces you want to control. the lower the number, the lower on the stack. For example, z-index=100 is higher than z-index=50, so you would see the z-index=100 if they were in the same place.
-
As croatiankid says: the "title=" is supposed to be displayed when you mouse over a link.The "alt=" is for replacing images which (for some reason) are not displayed. Some Bowsers *cough* IE *cough* 'high-jacked' the "alt=" to perform what the "title=" was intended for as mouse-over tooltips.The "title=" is also used by Accessibility tools like screen readers, so if that is an issue, use "title=" is my suggestion.neither does firefox. but all 3 browsers display a tooltip with title -
-
I think you need to understand the Cascading Style Sheet "cascade" and the reasons for allowing clients to alter the page on their machine. It is a accessibility issue. Some users need larger font sizes, so I can not recommend that you change this feature on your page. If you must use a specific font size to view a page without "breaking" it, then you should review the structural layout and change something. IMHO.
-
Any hopes of getting a menu set-up on there.I uploaded an image, made a post and then was left there staring at the page with nothing but a back button to use. :)Might be nice to get out of that page.
-
I can't express an opinion about WAMP, I have not used it.
-
So long as the box never gets "hooked up" as a live web server, there is no problem. And most ISP's would block the ports which let you connect as a server anyway. Besides, who would even know how to connect to you if you don't have a top-level-domain and are not listed on a name-server, so download the software and have some fun. Lastly, don't hurt yourself.I have had really good luck with XAMPP.
-
That makes sense to me, too.
-
Have you verified that the Query is finding more than one set of values by using phpadmin or some other softwares?
-
Use an FTP software to download it onto your computer.Smartftp works.
-
Strange Error
in PHP
Just like me most days... so it was going around in circles.
-
They look the same to me. FF2 and IE6
-
Strange Error
in PHP
put the session_start function right as the first line of code.
-
-
http://www.htmlgoodies.com/beyond/dhtml/print.php/3470611That is a Microsoft thing, so don't expect it to work on all Browsers.
Ack! They're linking to me already!
in General
Posted
A discrete "notice" is one thing, but those "Under Construction" lead pages with pictures of barricades and flashing, blinking lights is a turn off.