-
Posts
520 -
Joined
-
Last visited
Everything posted by kaseytraeger
-
Using Css To Center A Horiz. Unordered List <ul>
kaseytraeger replied to kaseytraeger's topic in HTML and CSS
Hi !!blue, Thanks for the link suggestion. That Listamatic tutorial web site was where I got the original idea for creating menus using lists. I just re-checked my code in comparison to what's offered on that web site, and if you look at the first tutorial "A Simple Horizontal List", my code is almost identical, except that I've used inline CSS instead of imported/linked CSS sheets or placing CSS between <style> and </style> in the <head> of the document. I looked at another list called "Centered List Navbar" and tested it on duplicate page. But still, the page will not center. I know something strange is going on. The containing <div> has been declared to have a 20px padding on the left. OK, so I adjusted for that by trying this as inline style for the <ul>: >style="position:relative; left:-20px; ... " This bit of code properly shifted the entire <ul> (I used a background color so I could see when the line containing the <ul> moved relative to it's container). For some reason, however, the actual list items were still shifted slightly to the right. I know the key is to figure out what's interacting with this <ul> so I can get it to center properly. It's all very strange. -
Hi everyone, I'm trying to implement a horizontal menu at the foot of my pages using an unordered list. I'd like this horizontal menu to be perfectly centered within its content <div>. The sample page in question is a contact / email page located at http://www.kaseyscreations.com/villagepant...t-contactus.htm. If you scroll down to the bottom of the page, you will see two horizontal navigation menus containing the following links: [ Home ] [ Our Menu ] [ Directions ] [ Our Customers ] [ Contact Us ] The first menu was coded without using an unordered list and is perfectly centered within the content pane. It uses non-breaking spaces to set empty space between each menu item. Here is the code for that menu. ><div class="text_8pt centered"> [ <a href="test-index.htm" title="Home">Home</a> ] [ <a href="test-menu_breakfast.htm" title="Our Menu">Our Menu</a> ] [ <a href="test-directions.htm" title="Directions">Directions</a> ] [ <a href="test-customers.htm" title="Our Customers">Our Customers</a> ] [ <a href="test-contactus.htm" title="Contact Us">Contact Us</a> ]</div> The second menu is coded using an unordered list. I have used the CSS property of padding-right:15px on all but the last menu item to create visual empty space between each menu item. You will notice that this menu is shifted to the right and is not perfectly centered as is the menu above. Here is the code for that menu. ><div class="text_8pt centered"> <ul> <li style="list-style:none; display:inline; padding-right:15px;">[ <a href="test-index.htm" alt="Home">Home</a> ]</li> <li style="list-style:none; display:inline; padding-right:15px;">[ <a href="test-menu_breakfast.htm" alt="Our Menu">Our Menu</a> ]</li> <li style="list-style:none; display:inline; padding-right:15px;">[ <a href="test-directions.htm" alt="Directions">Directions</a> ]</li> <li style="list-style:none; display:inline; padding-right:15px;">[ <a href="test-customers.htm" alt="Our Customers">Our Customers</a> ]</li> <li style="list-style:none; display:inline; padding-right:0;">[ <a href="test-contactus.htm" alt="Contact Us">Contact Us</a> ]</li> </ul> </div> Has anyone experienced this before? What do I need to do to properly center the unordered menu? Please feel free to download the page's XHTML and CSS code, graphics, etc. and play around with it. I'd really like to use the unordered list because it conveys meaning of being, well, a list. The first menu, while it centers itself correctly, does not convey the meaning that it is a cohesive list of links. Thanks everyone!
-
I've not experienced this scenario, but I do know that cPanel asks me more than once for my username and password. It asks me the first time when I log on, and then again either when I try to enter the file manager or when I try to edit a file. I don't know if that's a glitch or what. I know this email didn't help, but at least there's another app where it's happening too. So you can take some comfort and solace in that. (Unless, or course, the extra log-ins by cPanel are being implemented as a security issue. However, once you log in once and set a session, that session should be good throughout your time on the web site. So I don't understand why they would want a second login.) Sorry I couldn't help! Maybe someone else will have better ideas.
-
Thanks for the link, snipe! I've bookmarked it and am printing different selections so I can read them even when I'm away from my computer.
-
Please forgive my naivete', but this post is my first step into optimizing web pages for search engines. Will someone please tell me what DMOZ means? To be quite honest, the topic seems a bit convoluted and confusing right now, but I know that with time, I'll have a good basic grasp of search engine thinking! I guess it really is true, "The journey of a thousand miles begins with a single step."
-
Jim, As usual, you have keen eyes that don't miss a thing!!! Thanks a bunch for spotting the errors in my ways! You know that point in time where you've looked at something over and over again, so many times in fact, that you can no longer see a difference between one version and the next? That's where I was. Even something so obvious as a two closure braces completely missed my scan! It's like missing a semi-colon in Java or C++. Your tips worked like a charm. The page now displays properly! Yaaaaay! Dave, What can I say?!? Great minds think alike (and visit the same web sites)! By the way, if you (shouting across the great TCH family forum "OR ANYONE ELSE OUT THERE") have any other neat CSS web sites, please feel free to share them. I like to regularly browse them and continue my CSS education. Thanks guys ... I certainly appreciate all your help!!!!
-
Thanks Gabe!!! I've bookmarked those pages for future reference. I know they're going to come in handy!!!
-
Hi everyone, I need another set of eyes to look at this for me because I'm going cross-eyed. The web page in question is a small photo album (http://www.kaseyscreations.com/villagepantry/test-customers.htm). This photo album uses thumbnail images and is a fluid layout as described by Mark Newhouse in an article for A List Apart (http://www.alistapart.com/articles/practicalcss/). I'm also trying to implement the Fahrner Image Replacement technique to add a classier header to the page that simply says "Our Customers". Now, if you look at the page first in Internet Explorer 5+, the page looks basically as it should. Beneath each thumbnail image is a short caption. The caption is centered within the bounds of the image, and the caption text has a smaller font size than text in the paragraphs at the top of the page. If you look at the page in Firefox, Mozilla or Netscape, you'll notice that the page now differs from that in IE by the following: (1) The text is no longer centered beneath the thumbnail images. Instead, the text is left-justified. (2) The text's font size is no longer smaller than the standard font size (as used in the paragraphs at the top of the page). Instead, the text is now the same size as the text used in the paragraphs at the top of the page. One final problem that I can see immediately -- I need the header (the one that says "Our Customers") to be centered in the main content div. I've tried several different flavors of CSS properties, but can't get it to move away from that left-hand side and into the center of the page. Does anyone have any ideas on how to correct this? Please feel free to download any code you need to evaluate and analyze the problem. The files involved are: (1) test-headers.css -- a file containing information about the images used to create various headers (in this case, the header is very originally called "hdr-customers") (2) test-base_style.css -- the main CSS style sheet. The other style sheet (test-headers.css) is imported within test-base_style.css so as to filter it from older browsers. This is part of the Fahrner Image Replacement technique. (3) test-customers.htm -- the main html page. This page also has a few CSS properties that have been declared up in the <head> of the page. The "cascade" of style sheets looks like this: test-headers.css ---> test-base_style.css ---> test-customers.htm Does anyone see why (1) the header is not centered, and (2) why the thumbnail captions are different in IE as opposed to web browsers that are more correct in their implementation of CSS standards (e.g., Firefox, Mozilla, Netscape)? Thanks for looking at this for me. If you have any questions about the web page or the style sheets, feel free to give a shout out! I can be emailed at: kasey AT slac DOT stanford DOT edu.
-
I'll second that! Rock Sign
-
Gabe, What http compression software did you use? Although I'm on DSL, your page still loaded much more quickly than others. Plus, it all showed up almost instantaneously (as opposed to parts of it showing up while the rest loads). I'd like to replicate your very quick results on my web pages!
-
Html Style, Accessibility And Usability
kaseytraeger replied to snipe's topic in Client Written Tutorials
Thank you, Bruce!!! I'm reading it [almost] as I type! -
Html Style, Accessibility And Usability
kaseytraeger replied to snipe's topic in Client Written Tutorials
I've tried downloading the article, but each time, my browser hangs. Is anyone else experiencing this problem? I've tried downloading in both Firefox0.8 and IE6. If anyone out there has an electronic copy of this article saved on your hard disk, would you mind emailing it to me? Please send it to kasey AT slac DOT stanford DOT edu. -
I've always heard 10 seconds as the magic number, meaning that if a page doesn't load in 10 seconds, users are likely to move on to another web site. However, that 10 seconds "rule" may apply only to DSL and cable modem subscribers. I haven't had dial-up in many years, but I seem to remember having more patience when I was on dial-up. So perhaps dial-up customers are accustomed to no more than 20 second load times (?). Just some food for thought!
-
You can bet your bottom dollar that you will the best service possible here at TCH. Though we may know them only via remote communications, it's very clear and obvious that customers are the heart of their business and they jump through hoops to make us part of the TCH family! Rock Sign
-
Adding to Robert's post... You can force a line break by declaring any image of type "subclassname" to be displayed in block style. But keep in mind that this means the image will have forced line breaks both before and after the image. So it will essentially sit on its own line. >img { border-style : none; padding-right : 15px; padding-top : 10px; padding-bottom : 0px; float : left; margin-right : 1px; } img.subclassname { float: center; display: block; /* Force line breaks before and after the image */ } // later on... <img src="source.jpg" class="subclassname" /> I hope this is helpful!
-
OK, here's what I've come up with. The HTML is coded as follows. ><html> <head> <title>Testing File Download</title> </head> <body> <!-- Where script.php is stored on your domain --> <ul> <li><a href="/path/to/script.php?filenum=0">Download File1</a></li> <li><a href="/path/to/script.php?filenum=1">Download File2</a></li> <li><a href="/path/to/script.php?filenum=2">Download File3</a></li> <li><a href="/path/to/script.php?filenum=3">Download File4</a></li> <li><a href="/path/to/script.php?filenum=4">Download File5</a></li> <li><a href="/path/to/script.php?filenum=5">Download All 5 Files</a></li> </ul> </body> </html> The PHP file called "script.php" could be coded like this: ><?php ini_set('session.cache_limiter', ''); header('Expires: Thu, 19 Nov 1981 08:52:00 GMT'); header('Cache-Control: must-revalidate, post-check=0, pre-check=0'); header('Pragma: no-cache'); $files = array('nameoffile1.ext', 'nameoffile2.ext', 'nameoffile3.ext', 'nameoffile4.ext', 'nameoffile5.ext', 'nameoffile6.ext'); $filename=$files[$filenum]; header("Content-Disposition: disposition-type=attachment; filename=".$filename); readfile("http://www.remotedomain.com/path/to/file/".$filename); ?> Here is how it is supposed to work. Say you have five different files, all of different types (e.g., the first is a wmv movie file, the second a music mp3, the third a Microsoft Word document, the fourth an Adobe PDF document, and the fifth is an avi movie). Code your links as shown in the html list (I chose to use a list because that seems a logical way of organizing links). The variable "filenum" will be used as an index into a PHP array. For each additional file you want to add, just increase the filenum by one for each successive file. Inside the PHP file, the array $files should contain a list of the names of each file name. For example, using the order of files given two paragraphs earlier, I would put those files into the array like this. Also note that I have included an extra zip file at the end that handles the download of all five files. >$files = array('moviefile.wmv', 'musicfile.mp3', 'mswordfile.doc', 'adobepdffile.pdf', 'moviefile.avi', 'allfivefiles.zip'); The next line >$filename=$files[$filenum]; uses the index number assigned to the file in the HTML code to pull the proper file from the array. The next two lines of code are identical to the previous version of this program, except that instead of explicitely stating the name of the file to be downloaded, the PHP script will use the name of the file based on which link was clicked, because each link is associated with a different file name. This script assumes that all the files are sitting in the same directory on the same domain. Now, I haven't actually tested this, so I don't know if it will work. You'll have to play around with it. I am here to help, however. So if you have any questions, don't hesitate to give a shout-out. Also, I just read the PHP documentation on the Content-Disposition option for headers. There is no indication that more than one file can be downloaded per download box. That being the case, I would just zip all the files and offer them an option to download all five, as shown in the HTML. Again, don't forget that I'm still here to help. Good luck!
-
Are you trying to add something like a caption beneath the photos? Or are you trying to have one photograph centered horizontally and then a paragraph underneath?
-
jrsweets, Was it the comment line I inserted in the php file that screwed it up? I must apologize. I used the wrong commenting tags. In PHP, you comment with //, but in XHTML, you comment with <!-- and -->. Guess I got the two mixed up. That's what happens when you've got a more than a half dozen programming languages tucked away in your brain. Sometimes the wires get crossed and you start trying to speak VHDL to XHTML or PHP to C. Anyway, glad to hear that it's working now. If it were me and I wanted users to be able to download more than one file at a time, I'd zip 'em all and use just one download. Alternately, you can give them different options. I'll work on a piece of code for you and then post it here. Give me a bit of time. I'll be back...
-
I wholeheartedly agree with ninepatch. I've submitted a few tickets, and while converting a non-believer to the realities of life at TCH, I demonstrated how fast they are by pulling up my ticket history. I think the longest it took for me to get my issue resolved was 9 minutes. It can be even faster if you just have a question and use the forums here. Rock Sign
-
The little white shar-pei has got to be the funniest-looking picture. But I really laughed at the polar bear toosh and the Winnie the Pooh puppy. (Winnie was my favorite cartoon character and stuffed animal when I was a child. I still have the first stuffed Winnie I ever got ... my mom received it as a gift at my baby shower!) :hug: Didn't it just make you want to cuddle something?!?
-
Great article. I especially harmonize with the admonition to use spell checker. I can't stand to read anything when it's obvious the writer hasn't even taken the time to double-check his/her spelling. After all, if I considered my content important enough to publish on the web, I'd want to make it look as good as possible. Improper spelling just makes it more difficult to read the article because now the reader is stumbling over the words. It's one thing to have misspelled words in forums like this, but quite another if you're publishing an article on the web. Thanks for the link! I enjoyed the read.
-
I would be happy to provide my two-cents worth. Feel free to email me, too. Just click on my name (to the left of this message). You'll see a profile on me. There's a link there to send me email. Or, just send email to kasey AT slac DOT stanford DOT edu
-
Folks, I have very good news!!!!! Robert's script works perfectly whether or not the movie is sitting in the same domain as the link to the movie. I just tried it out, and here's how you code it to make it work. Code for the PHP script (stored on your domain): ><?php ini_set('session.cache_limiter', ''); header('Expires: Thu, 19 Nov 1981 08:52:00 GMT'); header('Cache-Control: must-revalidate, post-check=0, pre-check=0'); header('Pragma: no-cache'); header("Content-Disposition: disposition-type=attachment; filename=movie.wmv"); readfile("http://www.remotedomain.com/movie.wmv"); <!-- the movie,mp3,mpeg file can be sitting on a remote domain and you just call to it. --> ?> Code for the calling link: ><html> <head> <title>Testing Movie Download</title> </head> <body> <a href="/path/to/script.php">Download Movie</a> <!-- Where script.php is stored on your domain --> </body> </html> Thank you, Robert, for coming up with such a clever way to force a download box!
-
laburke, If I were you, I'd do a little bit of research on your domain registrar's web site. Take a look at their contract, and in particular, the section of the contract relating to domain name transfers. If they do not stipulate in that document the you may not transfer your domain name within 60 days prior to expiration without suffering extra penalties/fees, etc., then you have some ground on which to stand. Simply tell them that nowhere in the contract is it written that domain name transfers must be handled before there are 60 days left in the contract. Remember that the contract is your Legal Agreement with the company. They are legally obligated to hold up their end of the agreement just as you are legally obligated to hold up your end by paying your annual registration fee. As long as there is no mention of the 60-day deadline, extra fees, etc. you have a good argument for your side.
-
Nat, My husband and I have a small local LAN at home for our two computers. I didn't set it up, and to be quite honest, I don't know how my hubby did it, but I can give you a few general comments to get you started. #1 -- Neither of our computers acts as a server. Rather, we use a router. Basic ethernet (I think) cables connect our computers to the router. We purchased the router from a local electronics store. I don't remember it being terribly expensive. Probably less than $100. I'm not sure what the price of cables are, and I hope someone will have better numbers than I, but I think you can get ethernet cables for a few pennies (actually, about $10 per cable???). #2 -- Our two LAN computers share the same internet connection and can be on the internet at the same time. We have a DSL line, and our DSL modem plugs into the router. Again, it that connection uses a basic ethernet cable. #3 -- We currently have one computer running Windows 2K and the other running Windows XP Pro. They both work fine and have been configured to "see" each other and the various drives on each machine. You may be able to do the same things with Windows XP Home. The reason I think this is so is because up until a few months ago, the two computers were running Windows 2K and Windows 98. Since Windows 98 was primarily for home computers (versus Windows NT, Windows 2K or Windows XP for business computers). If Windows 98 could handle it, then surely Windows XP Home can handle it, too. #4 -- For the various software packages they want to install ... yes, they will need a separate license for each computer that will have the software installed on it. However, from previous business experience, I know that Microsoft has a program available for companies where you buy something along the lines of a bulk license for whatever number of computers you want to install it on. Microsoft will send you periodic software updates as long as you keep your maintenance agreement current. I want to say the program was called Microsoft Enterprise Agreement, but my memory is not serving me as well as I would like it to. I don't know the cost of this kind of setup, but I imagine it may be pricey. That may preclude your organization from getting it. Different software companies have different End User License Agreements (EULAs), so you'll want to read them carefully. Some will allow you to install the software on one primary computer (say, a desktop unit) and install a secondary copy on what they deem to be a "portable" device (I'm not sure if a laptop computer qualifies for this distinction, so be sure to read up on it.) For your Word, Excel, Publisher, Outlook needs, you should consider purchasing the full Microsoft Office Suite. There are varying packages of it. The "standard" version usually includes Word, Excel, and Outlook. The "professional" version has the first three with one or two additional products. The "premium" version will typically have all of the Office products, with perhaps the exception of Visio and maybe Publisher. I have Office 2000 Premium installed on my computer, and it came with Word, Excel, Outlook, Access, Frontpage but not Publisher or Visio. I purchased Visio separately and did not have a need for Publisher. I hope this helps!!!!