Jump to content

ste

Members
  • Posts

    372
  • Joined

  • Last visited

Everything posted by ste

  1. ste

    PHP Tutorial

    Here's a little try-out editor for phphttp://writecodeonline.com/php/ If you try typing in something like phpinfo() and you will see it has blocked any dangerous commands.
  2. it was for an intranet site so i cant post the link but thanks again

  3. ste

    Centering the whole page

    the problem is not your css but in the htmlyou have not included the div with the id "container" in the html altough it is in the css <body><div id="container">content etc etc</div></body>
  4. ste

    csszengarden.com

    and all the designs use the exact same html file, this shows people how you can take the same content and then style & organise it in limitless different ways with css which is one of the coolest things about modern webdesign.
  5. ste

    CSS selectors...

    maybe with getElementByAttribute not sure tho
  6. ste

    IE Bug. Help!

    glad to be of help
  7. ste

    csszengarden.com

    i think its a great site. some real nice designs there and the way there all based on the same html file is cool. it really shows the advantage of coding properly with css. i think a few years back it made a big impact on getting a lot of us into css. im glad its back
  8. ste

    IE Bug. Help!

    this displays the same for me in IE & FFnote: i have combined the css & html into one documenti would also suggest adding a doctype and working through the code so it validates properly but as it is it should display properly now <html><head><title>NTugo</title><style type="text/css">#body {text-align: center;}h1,h2,h3 {color: #449f00;font-family: Verdana;font-weight: bold;}h1 {font-size: 23px;}#navigation {text-align: center;float: left; /*Set to "left" or "right" to position menu accordingly*/border-bottom: 1px solid #449805;width: 980px;margin-bottom: 10px;}#navigation ul { font-family: Verdana; font-size: 12px; font-weight: bold; text-decoration: none; margin: 0; padding: 0; list-style:none; }#navigation li { display: inline; background: url(http://www.ntugo.com/lib/images/greenbg.gif) repeat-x center top; text-align: center; padding: 0; margin-right: 4px; float: left;}#navigation a { color: #663300; background: url(http://www.ntugo.com/lib/images/greenleft.gif) no-repeat left top; float: left; margin: 0; padding-left:7px; text-decoration: none;}#navigation a:hover { color: black; background: url(http://www.ntugo.com/lib/images/greenleft.gif) no-repeat left top; float: left; margin: 0; padding-left:7px; text-decoration: none;}#navigation a span { background: url(http://www.ntugo.com/lib/images/greenright.gif) no-repeat right top; display: block; padding:7px 13px 4px 5px;}#navigation a span { float: none;}#dropmenudiv{position:absolute;border:1px solid black;border-bottom-width: 0;font:normal 12px Verdana;line-height:18px;z-index:100;}#dropmenudiv a{width: 100%;display: block;text-indent: 3px;border-bottom: 1px solid black;padding: 1px 0;text-decoration: none;font-weight: bold;color: black;}#dropmenudiv a:hover{ /*hover background color*/background-color: #e8f9af;color: black;}a:link {font: bold 13px arial; color: #449805; text-decoration: none;}a:active {font: bold 13px arial; color: #449805; text-decoration: none;}a:visited {font: bold 13px arial; color: #449805; text-decoration: none;}a:hover {font: bold 13px arial; color: #449805; text-decoration: underline;}#leftcolumn {border-right: 1px solid black;}.box {margin: 2px; padding: 2px; border: 1px solid #449805; color: black; background-color: #f5f5f5;}.notopmargin {margin-top: 0px;}div.bubble {font-size: 0.75em;margin-bottom: 24px;}div.bubble blockquote {margin: 0px;padding: 0px;border: 1px solid #c9c2c1;background-color: #feffbf;}div.bubble blockquote p {margin: 10px;padding: 0px;}div.bubble cite {position: relative;margin: 0px;padding: 7px 0px 0px 15px;top: 6px;background: transparent url(http://www.ntugo.com/lib/wordbubbletip.gif) no-repeat 20px 0;font-style: normal;}#wrapper {width: 980px;margin: 0 auto;text-align: left;border-bottom: 1px solid #449805;}.headerbar {background-color: #428D0A;color: white;font-family: Verdana;font-weight: bold;font-size: 13px;padding: 3px;}</style><link rel="shortcut icon" href="http://www.ntugo.com/lib/images/favicon.ico" /><script type="text/javascript">//Contents for menu 1var menu1=new Array()menu1[0]='<a href="#">Link</a>'menu1[1]='<a href="#">Link</a>'menu1[2]='<a href="#">Link</a>'menu1[3]='<a href="#">Link</a>'//Contents for menu 2, and so onvar menu2=new Array()menu2[0]='<a href="#">Link</a>'menu2[1]='<a href="#">Link</a>'menu2[2]='<a href="#">Link</a>'//Contents for menu 'blogs'var blogs=new Array()blogs[0]='<a href="http://blogs.ntugo.com/">[All]</a>'blogs[1]='<a href="http://blogs.ntugo.com/ntugo/">NTugo</a>'blogs[2]='<a href="http://blogs.ntugo.com/computers/">Computers/Internet</a>'blogs[3]='<a href="http://blogs.ntugo.com/books/">Books</a>'blogs[4]='<a href="http://blogs.ntugo.com/movies/">Movies</a>'blogs[5]='<a href="http://blogs.ntugo.com/gaming/">Gaming (PC/Mac/Console)</a>'//Contents for menu 'Other'var other=new Array()//other[0]='<a href="#">RSS Reader</a>'//other[1]='<a href="#">Bookmark Manager</a>'//other[2]='<a href="#">Web Directory</a>'//other[3]='<a href="#">URL Shortener</a>'//other[4]='<a href="#">Aye</a>'other[5]='<a href="#">NTugo Network</a>'</script><script src="http://www.ntugo.com/lib/scripts.js" type="text/javascript"></script><script src="http://www.ntugo.com/lib/scriptaculous/prototype.js" type="text/javascript"></script><script src="http://www.ntugo.com/lib/scriptaculous/scriptaculous.js" type="text/javascript"></script></head><body> <div style="position: absolute; right: 10px;"> <a href="#" onClick="new Effect.Appear('login_dialog')">Login</a> | <a href=register.php>Register</a></div><div id="wrapper"><a href="http://www.ntugo.com"><img src="http://www.ntugo.com/lib/images/logo.gif" border="0"></a><div id="navigation"> <ul> <li><a href="http://www.ntugo.com/"><span>Home</span></a></li> <li><a href="http://www.ntugo.com/mail/"><span>Mail</span></a></li> <li><a href="http://www.ntugo.com/"><span>Portal</span></a></li> <li><a href="http://aye.ntugo.com/"><span>Aye</span></a></li> <li><a href="sitemap.php" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, blogs, '170px')" onMouseout="delayhidemenu()"><span>Blogs+</span></a></li> <li><a href="sitemap.php" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, other, '155px')" onMouseout="delayhidemenu()"><span>Other+</span></a></li> </ul></div><div style="clear: both;"></div>[Main Content]</div>©2007 NTugo, all rights reserved.<div id="login_dialog" style="width:350; height:150; background-color:#bfbfbf; position: absolute; top: 50px; right: 60px; border: 2px solid #449f00; padding: 5px; display: none;"><a href="#" style="position: absolute; right: 5px;" onClick="new Effect.Fade('login_dialog')">Close</a><h3 style="margin-top: 0px;">Login</h3></div><script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script><script type="text/javascript">_uacct = "UA-735643-3";urchinTracker();</script></body></html>
  9. might help:http://www.cssplay.co.uk/layouts/background.html
  10. ste

    Need Fixed for IE

    its not floating correctly in IE. it could be that IE is picking up on some padding or margin that FF isnt which is making the floated column wider than the space for it in the container so, it drops down to the bottom. 1) you could get rid of all the default margins by adding the css* {margin: 0; padding: 0;}2) use condtional comments to make an IE specific style sheet in which the width of the right column is smaller 3) add overflow:hidden on the overall container (this should allow the elements within to float correctly but may cause some clipping of the content)
  11. ste

    CSS selectors...

    apparently you can
  12. ste

    CSS selectors...

    im not very good with javascript but is there someway to apply a function to the element even if it doesnt have a name, id or class? if the parent element has an id? with childNodes or something? then you could maybe apply the css with javascript or by getElementByAttribute and use the height="108"
  13. ste

    IE Bug. Help!

    how will that make it work? you probably don't need another style sheet to fix this.
  14. ste

    IE Bug. Help!

    can you post the html too please? try clearing the float after the menu it looks like something is floating to the left of the menu creating the extra space there
  15. Prateek, I just used your fish-eye effect script for a project & the script worked perfectly.

    Thanks for that,

    ste

  16. nopeprobably best in this sitution to use nested tables. 1 table with 100% width & height and valign="middle" applied to the row & then the other table inside thatjust tested this and it works: <html><head><style type="text/css">table {border: 1px dashed #ccc;}#container {width:100%;height:100%;}</style></head><body><table id="container"><tr valign="middle"><td><table><tr><td>test</td></tr></table></td></tr></table></body></html>
  17. ste

    Not sure

    dont put it at the start & end of the body. put it in the head and define the functions in between the tags.Onmouseover & Onmouseout are Events these go in the body. these trigger the functions specified in the tags in the head of the documentread this and look at the demo: http://www.w3schools.com/jsref/jsref_onmouseover.asphope this helps, ste
  18. ste

    Link decoration

    its just a border on the link a:link, a:visited, a:hover, a:active {color: #000; text-decoration: none; border-bottom: 1px dashed #bcb6aa; padding-bottom: 3px;}
  19. ste

    DIV Aligning Problem

    hi AeroCoder, you have the following css applied to the div "right" float:right; clear: both;get rid of the clear both & instead clear the float in the footer
  20. doctypes here: http://alistapart.com/stories/doctype/as far as the menu goes its displaying different in IE/FF because it is a <ul> these browsers have different default paddings/margins for these elements. i would suggest removing these defaults in your css like so:* {margin: 0; padding: 0;}then once you set the padding in your css it should display the same across both browsers
  21. ste

    IE6 Bug

    thanks murfitUK,ive tried the fixes for the guillotine bug & tried using the holly hack & neither of them seemed to work. i suppose i will just have to try all the hacks on that site.if anyone can identify the name of the bug im having trouble with that would save me a lot of timethanks,ste
  22. ok sorry about that ben3001 i got confused. ive re-read the topic abovein answer to your question did you get ripped off? its up to you to put a value on your work. i would only consider it being 'ripped off' if they didn't pay you the amount you invoiced them for.
  23. are you the guy who let your clients pay you whatever they wanted?
  24. ste

    IE6 Bug

    Hi Guys,Im currently working on a new design & Ive got a problem in IE6. (everything is as usual fine in Firefox)the xhtml & css both validate with no errors/warningsthe main content area seems to shrink and grow when you rollover the hyperlinks in itthis image illustrates the problem:the test sites url : ecomireland.dsvr.co.uk/clients/patina_ltdi can't seem to figure out why this going on. any advice is appreciatedthanks in advance,ste
  25. here's an example of the code i usethe java script: function mouseover(){document.getElementById("productdisplay").className='productdisplayhover';}function mouseout(){document.getElementById("productdisplay").className='productdisplay';} the xhtml: <div id="productdisplay" class="productdisplay" onmouseover="mouseover()" onmouseout="mouseout()">bla bla</div> hope this helps
×
×
  • Create New...