ste
-
Posts
372 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by ste
-
-
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>
-
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.
-
maybe with getElementByAttribute not sure thoIs it possible to check for all those things (border="0" cellpadding="0" cellspacing="0" width="100%" height="108") and then hide the table element based on that? -
IE Bug. Help!
in CSS
glad to be of help
-
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
-
IE Bug. Help!
in CSS
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> -
-
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)
-
-
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"
-
IE Bug. Help!
in CSS
how will that make it work? you probably don't need another style sheet to fix this.
-
IE Bug. Help!
in CSS
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
-
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> -
If I am correct, I tried adding <script type="text/javascript"></script> at the beginning and the end of my web page.
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, steI'm still getting a blank screen when I put the <script="text/javascript"> at the beginning of the body and </script> at the end of the body. Can someone explain this a little more in detail. -
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;} -
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
-
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
-
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
-
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.
-
are you the guy who let your clients pay you whatever they wanted?
-
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 -
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
-
it's really annoying that IE6 wont support :hover on anything but a link2 ways around this problem are:1) wrap the whole td in an <a> tag (the problem with this is that your page will not validate) 2) use javascript, just google "rollover div javascript" (problem here: small amount of users have javascript turned off )
-
by this do you mean in the same folder? check that it isalso in your computer right click the image and click 'open with' then firefox or whatever your browser is to see if the file is corupt or wont open in your browser for whatever reason. make sure the file is actually a gif if that is how your refering to it in the htmlThe image is not on a sever its on my computer within the same file as the html. Thanks.
PHP Tutorial
in Suggestions
Posted
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.