Jump to content

S@m

Members
 View Profile  See their activity

  • Posts

    299

  • Joined

  • Last visited

 Content Type 

Posts posted by S@m

    1 ul inside another

    in CSS

    Posted

    wow, after a long timei get what i want, thanks,, but if you notice in bhuratea.com/sitemap2.php, you will find that the headers, are within a coloured backgroun , i.e. the headings Menu1a, Menu1b, Menu2a, Menu2b etc. ... should have a coloured background, i did not want the borde so removed the solid black , with solid white. now only heading needs to be coloured, just like the current html tabled layout. many thanks
    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. :)

    PLEASE Need A LOT of HTML Help

    in HTML/XHTML

    Posted

    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.

    1 ul inside another

    in CSS

    Posted

    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.

    1 ul inside another

    in CSS

    Posted

    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)

    1 ul inside another

    in CSS

    Posted

    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.

    1 ul inside another

    in CSS

    Posted

    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>

    out of control width

    in CSS

    Posted

    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. :)

    form has no properties

    in JavaScript

    Posted

    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 ">".

    form has no properties

    in JavaScript

    Posted

    Are there other elements with the same AutoFeedbackForm name in the page?

    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="" />

    form has no properties

    in JavaScript

    Posted

    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.

    form has no properties

    in JavaScript

    Posted

    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.

    Difference IE/FF when specifying width for a <div>

    in CSS

    Posted

    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.

    Difference IE/FF when specifying width for a <div>

    in CSS

    Posted

    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. :)

    JavaScript CSS

    in JavaScript

    Posted

    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;

    JavaScript CSS

    in JavaScript

    Posted

    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?

    JavaScript CSS

    in JavaScript

    Posted

    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!

    Clear:where?

    in CSS

    Posted

    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...

×
×
  • Create New...