Jump to content

niccio

Members
  • Content Count

    56
  • Joined

  • Last visited

Community Reputation

0 Neutral

About niccio

  • Rank
    Newbie

Profile Information

  • Location
    Spodunk, WA
  1. I'm going to try to work on this starting monday, but to be honest.... I'm completely lost!Any dumbed-down clarification at all would be very appreciated!
  2. Thanks Candle! That's a great article and has been bookmarked for the next project!
  3. I got rid of the max-width and only kept the min-width. I didn't want to set a max-width as I want the menu to expand to fill as much of the screen as possible with keeping the set margins (thereby minimizing the chance of text wrapping in list items). I set the min-width to be the smallest size that any of our employees would generally use. The big reason I don't use FF to test is because we are prohibited from using anything but IE at work and this is a strict work-based page. Using FF sounds like it would be a very good suggestion if I was developing something outside of work though and I'll probably try it if I can ever bring myself to do this stuff outside of my office (I'm a little burned out by the time I get home! ). That's the same reason I tend to write in transitional. A lot of our pages are interface portals that need to remain open and it's easier to use transitional because it supports attributes like "target=". In the "real" world, I hate using things like "target="_blank"" because I like to be able to choose how I browse without being forced. Anyhow, I suppose I should get to work on cleaning up some of my "old" javascript from another thread. Thanks again!
  4. Ok, it took me a little while to get it to validate as strict (big issue was getting rid of the target attributes and replacing with some javascript) and tried a few different things. I set min/max width but still ran into the issue of the container on the right overlapping the center container when the screen size was reduced. I ended up resolving the issue by setting fixed left and right margins with a min-width. The containers on the left and right side of the screen are located in those margins so there is always a set gap between the contents of the center and the containers on the sides. Like:.arrowlistmenu{ Cellpadding:2px; Cellspacing:1px; border-style: solid; border-color:#B0CDFF; border-width:3px; background-color:#E3EFFD; Margin-Top: 180px; Margin-left: 195px; Margin-right: 195px; Min-width: 250px; }It works beautifully in IE8, but unfortunately, everything is in different places vertically in IE7. Looks like I'll be trying to figure out some code to tell it "if IE7 use this stylesheet, if IE8 use this other stylesheet".. what a nuisance!Anyhow, thanks for all the help, it's really a big boost to be pointed in the right direction!
  5. A quick line-height to recenter the text and by golly, your code worked perfectly!Thanks a ton Deirdre's Dad!
  6. The only issue I'm running into with clicking on the text is that the cursor has to be exactly positioned on the text (which for some reason is difficult for the employees). The result I was going for is to be able to click anywhere in the cell and open the link in a new window.
  7. Thanks, I got the stylesheets figured out. I was doing a rush job copy and paste and had <style> headers and footers in my stylesheet when there aught to not have been. I stuck the whole center menu into a table (it looks a lot cleaner too) and am using the following stylings for the table:.Table2{ padding:5px;Cellpadding=2px;Cellspacing=1px;Position:Absolute;margin-top:150px;margin-left: 190px;margin-right:10px;border-style: solid;border-color:#B0CDFF;border-width:3px;background-color:#E3EFFD;width: 60%;text-align:center;color:White;font-family:sans-serif;}I'm still running into the issue of the right side container collapsing in on the table when the screen is reduced too much in size instead of it maintaning a buffer area (say 20px) between the elements at all times.
  8. Kind of pulling my hair out over this one. I have a table on my site and the cells and text in the cells link to different places. The problem is that the hyperlinks open in the same window and in a new window! I'm guessing it's some small issue with the coding, but I'm going crosseyed figuring it out! <TABLE CLASS="Table1"><TR> <TD onclick="window.location.href='//kahspkfs01/bco/Accordian/Structure/Link_arb_forums/index.htm/'" target="_blank"><a class="c1" href="//kahspkfs01/bco/Accordian/Structure/Link_arb_forums/index.htm/" target="_blank">Arbitration Forums</a></TD> </TR><TR> <TD onclick="window.location.href='https://www.cporderpoint.com/orderpoint/'" target="_blank"><a class="c1" href="https://www.cporderpoint.com/orderpoint/" target="_blank">Choicepoint</a></TD> </TR><TR> <TD onclick="window.location.href='https://www.armsweb.com/armslogon/'" target="_blank"><a class="c1" href="https://www.armsweb.com/armslogon/" target="_blank">ARMS</a></TD> </TR></TABLE> p.s. anyone know why clicking on "insert: Center, Insert: CODEBOX, etc." on the side of my screen doesn't work in this forum? Is it an IE8 issue?
  9. Thanks, I'll give that a go. I'm working on my sidebars now, but as soon as I get to start hammering away on the center section I'll try it. In a brief test it worked pretty well, except that when the resolution got too small it started to overlap the other elements on the screen. Would it also work to nest the menu inside a table?P.S> sorry about my math! The final figure should have been 480!
  10. Not enough information. You have to use code to get an image to display. Can you give an example of what you have and what you're trying to do?
  11. I'm trying to figure out how to do something on a web site. Basically out, I have an accordion style menu <div> that I would like to have expand or contract to fill the center of the screen with a fixed margin (not part of the box) on each side thusly: __________________________| background image |--------------------------| m | |----------| | m || a | |accordion | | a || r | |menu | | r || g | | | | g || i | | i || n | | n | The code as it stands is: <div class="arrowlistmenu"> <style type="text/css"> .arrowlistmenu{ float:left; margin-top:-200px; margin-right:250px; margin-left:315px; width:50%; } </style> menu items////////etc.....</div> Right now, the menu is pretty well centered on the screen, but only in full screen view. Once the screen size is reduced it starts losing it's margin on the right (likely due to the fact that it's still using 50% of screen size). What I'd like to find is a way to tell it "make the menu 80% of (size of the screen less the margins on the right and left)". i.e., if the screen is 1000px and there is supposed to be a 200px static area on the right and left, the center menu would be 1000-200-200=800*80%= 640px wide. I'm still new enough to this to not know how to do this and google has yeilded nothing, but it's likely I'm searching for the wrong thing. On a side note: Does anyone know why I can't put the above code into the stylesheet? Whenever I try to take it out of the main source and put it in the associated stylesheet it gets ignored?Please help!
  12. I have a pretty simple search script on my page which was modified from "JSE search". My company just decided to jump from IE6 to IE8 and now the search is exhibiting some odd functions. Basically, under IE6 or 7 when a search term was placed in the search box and the user hit "Submit" it would open a new "results" window with another search bar at the top which contained the search term, the number of results and below, the search results (i.e.:[search term box] [submit button]2 resultsResult 1 linkResult 2 link)The user could then use the search term box on the results page to modify the search or search for something else. Now however, when the user hits the submit button on the main page it opens the results page in a new window just as before, but what shows on the screen is:[ undefined ] [submit button]undefined resultswith no results below.If the user then uses the search term box on the results page it functions fine and pulls up the results and number of hits. I'm not sure what has changed between the browsers as I'm just now starting to look into it, but would like to know if anyone has any ideas of what could be wrong? I would like the Results window to open with the results of the search like it did under IE6 and 7. The pertinent parts of the code are here (and I apologize for putting up this much code):On Main Page: <form name="jse_Form" class="c38" action="java script:void(0)" onsubmit="search_form(jse_Form);return false" id="jse_Form"> <input type="text" name="d" class="c37" /> <input type="button" value="Search site" onclick="search_form(jse_Form)" /> </form> In jse_Form.js script: function search_form(jse_Form) { if (jse_Form.d.value.length > 0) { document.cookie = "d=" + escape(jse_Form.d.value); window.open("results.html"); }} In Results.html: <form target="_blank" name="jse_Form" action="java script:void(0)" onsubmit="search_form(jse_Form);return false"><input type="text" name="d" Style=width:250px; /><input type="button" value="Go" onClick="search_form(jse_Form)" /></form><script language="JavaScript" type="text/javascript">return_query(0)</script> <script type="text/javascript"> var GB_ANIMATION = true; $(document).ready(function(){ $("a.greybox").click(function(){ var t = this.title || $(this).text() || this.href; GB_show(t,this.href,800,1000); return false; }); }); </script><script language="JavaScript" type="text/javascript">num_jse()</script> page(s) found<hr /><p> <script type="text/javascript"> var GB_ANIMATION = true; $(document).ready(function(){ $("a.greybox").click(function(){ var t = this.title || $(this).text() || this.href; GB_show(t,this.href,800,1000); return false; }); }); </script><script language="JavaScript" type="text/javascript">out_jse()</script><p> And finally, in jse_search.js: var cookies = document.cookie;var p = cookies.indexOf("d=");if (p != -1) { var st = p + 2; var en = cookies.indexOf(";", st); if (en == -1) { en = cookies.length; } var d = cookies.substring(st, en); d = unescape(d);}var od = d;var m = 0;if (d.charAt(0) == '"' && d.charAt(d.length - 1) == '"') { m = 1;}var r = new Array();var co = 0;if (m == 0) { var woin = new Array(); var w = d.split(" "); for (var a = 0; a < w.length; a++) { woin[a] = 0; if (w[a].charAt(0) == '-') { woin[a] = 1; } } for (var a = 0; a < w.length; a++) { w[a] = w[a].replace(/^\-|^\+/gi, ""); } a = 0; for (var c = 0; c < s.length; c++) { pa = 0; nh = 0; for (var i = 0; i < woin.length; i++) { if (woin[i] == 0) { nh++; var pat = new RegExp(w[i], "i"); var rn = s[c].search(pat); if (rn >= 0) { pa++; } else { pa = 0; } } if (woin[i] == 1) { var pat = new RegExp(w[i], "i"); var rn = s[c].search(pat); if (rn >= 0) { pa = 0; } } } if (pa == nh) { r[a] = s[c]; a++; } } co = a;}if (m == 1) { d = d.replace(/"/gi, ""); var a = 0; var pat = new RegExp(d, "i"); for (var c = 0; c < s.length; c++) { var rn = s[c].search(pat); if (rn >= 0) { r[a] = s[c]; a++; } } co = a;}function return_query() { document.jse_Form.d.value = od;}function num_jse() { document.write(co);}function out_jse() { if (co == 0) { document.write('Your search did not match any documents.<p>Make sure all keywords are spelled correctly.<br>Try different or more general keywords.'); return; } for (var a = 0; a < r.length; a++) { var os = r[a].split("^"); if (bold == 1 && m == 1) { var br = "<b>" + d + "</b>"; os[2] = os[2].replace(pat, br); } if (include_num == 1) { document.write(a + 1, '. <a href="', os[1], '"class="greybox">', os[0], '</a><br>', os[2], '<p>'); } else { document.write('<a href="', os[1], '" "class="greybox">', os[0], '</a><br>', os[2], '<p>'); } }} Any ideas?
  13. niccio

    Table mystery

    I don't know that I would say the code on the whole is incorrect because it wont validate as strict DTD and contains attributes that are not valid in Strict doctypes (causing errors). The whole page runs fine and validates successfully when validated as it was written, which is in transitional DTD. I'm not really all that interested in re-writing the website just to accomodate one attribute, so I think I'll just find another way to code the menus. Thanks for the input though.
  14. niccio

    Table mystery

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">If I switch it to a Strict doctype then other aspects of the site start acting, um, irregular....Unfortunately, I don't know of any other way to code this menu to make it look and act within parameters. I do have some other uses of :hover and they seem to work fine, but in a quick check it looked like most of them were in fact attached to an <a> element. It would be a moot point if we could just upgrade our IE version, but there are soooo many vendors out there that can still barely get their sites to work on IE6 that it would completely shut us down! Still looking for some way around this irritating conundrum, maybe exploring a way to do it with just <div>s.....
  15. niccio

    Table mystery

    I wish I could put up a screenshot....This is a series of four dropdown menus across the center of the screen laying over a background image. In IE7+ when I put the mouse over the header (i.e.; "Drives") it opens downward to show the contents (Spokane Local Shared Drive and Moore Drive). In IE6 it does not even register. May as well be just some text on a page. Like: _________________________________________________________________|[u][color="#C0C0C0"]Drives[/color] Adjuster Reports Claims Manuals Human Resources [/u]||[color="#4169E1"]Spokane Shared[/color]||[u][color="#4169E1"]Drive [/color][/u]||[u][color="#4169E1"]Moore [/color][/u]| I probably should have put the CSS up here too as it may be causing the problem (was just in the middle of too many things earlier). Here it is: <style type="text/css">.menu2 {font-family: arial; font-size:14px;background:url(images/dropmenu.png); background-repeat:no-repeat;}.menu2 ul {padding:0;margin:0;list-style-type:none;}.menu2 ul li {float:left; position:relative;}.menu2 ul li a, .menu2 ul li a:visited {float:left; display:block; text-decoration:none; font-weight: bold; color:White; padding:0px 16px; line-height:18px; height:20px;}.menu2 ul li:hover {width:auto;cursor:pointer;}.menu2 ul li:hover a {color:#D0D0D0;}.menu2 ul li ul {display: none;}.menu2 table {margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;}.menu2 ul li:hover ul {display:block; position:absolute;top:20px; left:15px; width:0px;}.menu2 ul li:hover ul li a {display:block; background:#CCE3F1; color:darkblue;height:auto;line-height:14px;border-style:inset; padding:4px 4px; width:100px;}.menu2 ul li:hover ul li a:hover {color:#CCE3F1; background: #2D688A; border-style:outset; }</style> Any suggestions? If there is a better way to code this I would love to know what it is. Anything that makes life easier is great!
×
×
  • Create New...