-
Posts
299 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by S@m
-
huh?!I think I am having a bad day, so sorry If I come off bluntly.If you are in such a hurry, you can search for a 3 column layout here:GoogleI love to help people as much as I can. I'm hardly an expert in anything, but I do like to provide a place where people can learn. That way you might find something that I need help with down the road.I apologize I didn't lay out your entire page for you.
-
Here is a good tutorial on minwidth that works for IE. Firefox is smart enough to figure it out on its own. LINKAGE
-
Dreamweaver is (pretty much) the industry standard. Now that Adobe bought everything, I can't see GoLive hanging around long.Check out the sites that you like for images. Do a search for photoshop tutorials. That will bring up TONS of links. Biggest thing is practice, practice, practice.As far as FTP, you will need something yes. Here is a good freeware application.LINKAGEDreamweaver has built in FTP functionality as well.I'm not sure if I understand your linking questions. To link to each page, you just need:HTML <a href="your_file.html">Link name goes here</a> Hope that helps.
-
No offence, but I think you will find this SO much cleaner/easier. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style type="text/css">/* GENERAL DOCUMENT SETTINGS */body, html{background-color:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;margin:20px 0 0 20px;padding:0;}img{border:none;padding:0;margin:0;}#wrapper{margin:0;padding:0;}h4{margin:0;padding:0;font-size:12px;}#clear{clear:both}/* BOX SETTINGS */.box{width:200px;float:left;margin-right:60px;position:relative;padding:0;border:1px solid #39c;background-color:#fff;}.boxtitle{background-color:#39c;margin:0;padding:5px;color:#fff;text-align:center;}.box ul{list-style-type:none;margin:0;padding:5px 0 5px 5px;}.box ul li a{text-decoration:none;color:#666;margin:0;padding:0;}.box ul li a:hover{text-decoration:none;color:#f30;margin:0;padding:0;}.box ul li ul{list-style-type:none;margin:0;padding:0 0 0 5px;}.box ul li ul li a{text-decoration:none;color:#666;margin:0;padding:0 0 0 10px;}.box ul li ul li a:hover{text-decoration:none;color:#f30;margin:0;padding:0 0 0 10px;}</style></head><body><div id="wrapper"><!-- box 1 --><div class="box"> <div class="boxtitle"><h4>Heading</h4></div> <ul> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a> <ul> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a></li> </ul></li> <li><a href="#" rel="" title="Item">Item</a></li> </ul></div><!-- end box 1 --><!-- box 2 --><div class="box"> <div class="boxtitle"><h4>Heading</h4></div> <ul> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a></li> </ul></div><!-- end box 2 --><!-- box 3 --><div class="box"> <div class="boxtitle"><h4>Heading</h4></div> <ul> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a></li> </ul></div><!-- end box 3 --><div id="clear"> </div><!-- box 4 --><div class="box"> <div class="boxtitle"><h4>Heading</h4></div> <ul> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a> <ul> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a></li> </ul></li> <li><a href="#" rel="" title="Item">Item</a></li> </ul></div><!-- end box 4 --><!-- box 5 --><div class="box"> <div class="boxtitle"><h4>Heading</h4></div> <ul> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a></li> </ul></div><!-- end box 5 --><!-- box 6 --><div class="box"> <div class="boxtitle"><h4>Heading</h4></div> <ul> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a></li> <li><a href="#" rel="" title="Item">Item</a></li> </ul></div><!-- end box 6 --></div></body></html> No tables all CSS driven. 1/2 the file size. CSS (can) be a beautiful thing. Unless it's not doing what you want, then it's a pain. :)Hope that helps.
-
Yeah, depending on what doctype you have, on my pages they are: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> So I need to use <br />I would use <strong> and not <b> no matter what I was working on.Your pages may/may not validate depening on what you have. You will have to fix accordingly.A little heads up - your page renders a little funny in firefox. The grey boxes don't connect, and the header/footer go off the page a little. (right side)
-
I don't think so, but I'm not an expert.I would create each class as you need and assign them accordingly.
-
Here is some bits from a site map that I did.CSS .sitemaptitle {background-color:#eee;border-bottom:1px solid #ccc;font-weight:bold;padding:5px 0 4px 5px;color:#000;}.sitemapL {float:left;margin-right:60px;position:relative;}.sitemapR {float:left;margin-right:60px;position:relative;} HTML <div class="sitemaptitle">Category Title</div><br /> <div class="sitemapL"><strong>Section Title</strong><br /> - <a href="#" rel="next" title="#">Item</a><br /> - <a href="#" rel="next" title="#">Item</a><br /> - <a href="#" rel="next" title="#">Item</a><br /></div> <div class="sitemapR"><strong>Section Title</strong><br /> - <a href="#" rel="next" title="#">Item</a><br /> - <a href="#" rel="next" title="#">Item</a><br /> - <a href="#" rel="next" title="#">Item</a></div> <div class="sitemapR"><strong>Home Equity Loans</strong><br /> - <a href="#" rel="next" title="#">Item</a><br /> - <a href="#" rel="next" title="#">Item</a><br /> - <a href="#" rel="next" title="#">Item</a></div> <p style="clear:both;"> </p> <div class="sitemaptitle">Category Title</div><br /> <div class="sitemapL"><strong>Section Title</strong><br /> - <a href="#" rel="next" title="#">Format repeats from here</a></div> Just keep adding the sitemapR to add another column. To start another column below, just clear the float, and add a sitemapL. You can adjust the spacing in the CSS style(s).Hope that helps.
-
Try taking the position:absolute off. Or try position:relative.(just a guess)
-
Depending on your doc type, you need to leave the LAST </li off.Then insert the <ulFinally, put the closing </li after the </ul Check out the code below. This is a great tutorial on lists:LINKAGETry using css to do your entire layout. That will cut your page sizes down a lot. But, that is up to you. <tr><td class="main"><ul class="sitemap"><li><a href="<?php echo tep_href_link(FILENAME_TEA_HEALTHBENEFIT); ?>"><?php echo TWO_FOR_HEALTH; ?></a></li><li><a href="<?php echo tep_href_link(FILENAME_TEA_ANTI); ?>"><?php echo TWO_ANTI; ?></a><ul><li><?php echo '<a href="' . tep_href_link(FILENAME_TEA_ANTIOXIDANTS) . '">' . 'Flavonoids' . '</a>'; ?></li></ul></li></ul></td></tr>
-
Ha!I must have hit submit a split second before you scott
-
Yep. JavaScript could detect screen resolution. I'm not one to help with the actual code though. Better ask somone who knows what they are talking about.
-
Have a container or wrapper div that surrounds everything. Then float your stuff in there. #wrapper{width:400px;margin:0;padding:0;border:1px solid #666;}#item{float:left;width:100px;background-color:#9c9;margin:0;padding:0;}#item{float:right:width:100px;background-color:#c9c;margin:0;padding:0;} It would be a lot easier to see what you have so I can see what might be causing the problem.
-
If I change it to that, the page doesn't validate.Line 124 column 7: end tag for "div" omitted, but OMITTAG NO was specified. </form>You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
-
No, I kept the names and ID's unique. Each unique txt input has the same name/ID though.example:HTML<input type="text" name="fname" id="fname" tabindex="6" title="Enter your first name" maxlength="150" value="" /> and <input type="text" name="lname" id="lname" tabindex="8" title="Enter your last name" maxlength="150" value="" />
-
Really!?I mean, I thought it looked good to me too. It just doesn't work for me.In FF i get the above error, in IE I get this error:document.AutoFeedbackForm.fname is null or not an objectI also am calling in an external js file that uses window.onload to load a function.Would that be putting a kink in things?Thanks scott100 for your help.
-
I am trying to set focus to the first filed in my form.For some obvious reason, I can't get it to work.HTML <body onload="document.AutoFeedbackForm.fname.focus();"> HTML <form action="pathHere" method="methodHere" name="AutoFeedbackForm" id="AutoFeedbackForm" /> HTML <input type="text" name="fname" id="fname" tabindex="6" title="Enter your first name" maxlength="150" value="" /> In my page, I have the actual path and method names in there.This is just for example.I get this error:document.AutoFeedbackForm has no properties...and I'm stuck.
-
It's because IE is a junk pile and doesn't care what standards are.There has been times a margin is + or - 10px just to make IE look the same as everything else.You can use one style sheet and hack it up so IE will work. But, IE 7 comes out soon and it may have problems with the hacks. Then you are back at square one. (again)I'd go with the 2 style sheets. It's easier than you think and you will be glad you did in the long run.
-
I would use 2 style sheets. One for IE and one for everyone else. That way everything will validate.Put this in your head: <!--[if IE]><link rel="stylesheet" type="text/css" media="all" href="/css/style_IE.css" /><![endif]--> You can call the style sheet anything you want obviously.Then edit that sheet for IE. Now IE and FF will be happy....stupid IE.
-
Check this place out. It may have a template you can use.http://blog.html.it/layoutgala/
-
Try using one of these techniques here.http://www.cssplay.co.uk/boxes/minwidth.html
-
So, after getting sidetracked, I was able to get back to this.I was able to get it to work from your help guys, so I really appreciate it. If anyone wants the code here it is. If you see something that I could do to improve, by all means let me know.Thank you!! // JavaScript text input rollovers for IEfunction ieHover() { var inputs = document.getElementsByTagName('input'); //alert(inputs); for (var i=0; i<inputs.length; i++) { //alert (i); thisObj = inputs[i]; if(thisObj.getAttribute('type') == 'text'){ //alert(thisObj); thisObj.className = 'iebkg' + thisObj.className; thisObj.onmouseout=function(){this.className= 'iebkg' + thisObj.className;} thisObj.onmouseover=function(){this.className= 'iehover' + thisObj.className;} } }} window.onload = ieHover;
-
Thanks Dan.Let me work with your example and see what I can come up with.I apreciate your help!!
-
I am using CSS to drive the entire page. Here is my CSS that works in Firefox to tell the text input fields what to do:CSS for FIREFOX: #locator input[type=text] {border:1px solid #CFD7B2;margin-top:2px;padding:1px;color:#666;background: #fff url(/images/input_bkg_02.gif) repeat-x;}#locator input[type=text]:hover {border:1px solid #4986FF;margin-top:2px;padding:1px;color:#333;background: #fff url(/images/input_bkg_02.gif) repeat-x;} CSS for IE: .iebkg{border:1px solid #CFD7B2;margin-top:2px;padding:1px;color:#666;background: #fff url(/images/input_bkg_02.gif) repeat-x;}.iehover{border:1px solid #4986FF;margin-top:2px;padding:1px;color:#333;background: #fff url(/images/input_bkg_02.gif) repeat-x;} But, IE can't figure that out. So, I did some research, and the way to accomplish the background swap in IE is by using JavaScript (above).I can get the background set. That works. I just can't get the mouseover part to work in IE using JavaScript. It's not swapping out the classes.Hopefully that made a little more sense?
-
I am changing the background of my input fields (text input only) with CSS.IE is a pile of junk and can't figure that out. So, I thought I could do it with JavaScript. function ieHover() { var inputs = document.getElementsByTagName('input'); for (var i=0; i<inputs.length; i++) { thisObj = inputs[i]; if(thisObj.getAttribute('type') == 'text'){ thisObj.className = 'iebkg' + thisObj.className; } }} window.onload = ieHover; That works setting the background color, but for mouseover...no luck. I thought I was real clever and could just use: thisObj.className = 'iehover' + thisObj.className; but that is a no go.The answer is hitting me in the face and I can't see it. What am I doing wrong that it won't pick up my onmouseover?Thank you for your time!
-
I would use the clear if you wanted to make sure your header/nav were stacking on top of one another (vertically). Otherwise, I don't see why you would need to clear them right now...