jlhaslip
-
Posts
2,568 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by jlhaslip
-
First of all, I hope you had a semi-colon after that. It should be listed in the css code as : margin:0 auto; Notice the trailing semi-colon.And without seeing your page, would you happen to have a top text header up there? Remove the margins on those items as well. some Browsers stop the page from attaching to the very top if the contained element still has a margin. Use padding instead to force the header down to suit the layout.We might be able to assist you further if you post a link or the page code. thanks.
-
A discrete "notice" is one thing, but those "Under Construction" lead pages with pictures of barricades and flashing, blinking lights is a turn off.
-
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???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.
-
Information on clearing Floats
-
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.
-
Just like me most days
-
They look the same to me. FF2 and IE6
-
put the session_start function right as the first line of code.
-
Not with that one. Microsoft developed that for use in the IE family of Browsers during the Browser wars in the 90's and not all Browsers use it.