BiteMe
-
Posts
63 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by BiteMe
-
-
As far as im aware 'transparent' doesnt even work let alone validate.Im sure this will be corrected for future
-
Man i feel your painUse background-color:inherit; if you can this will valdate, but even this is no 100% fix for examplehttp://w3schools.invisionzocom/index.php?s...ic=6650&hl=
-
try this on the main nav-use a 180x1px transparent gifbackground-image:url(transparent.gif);background-repeat:repeat-y;height:100%;This is a quick fix whilst im between meetings. Will have a look later
-
try giving the rcontainer a negative margin of 48pxmargin-top:-48px;although this is a quick fix as it still wont sit flush on 800x600 restry and have a look later
-
Class Issues
in CSS
a.current is not and attribute of an anchor tag.#menu li a.current}
-
without code cant really help to much, but try z-index(ing) toy with the position:absolute/relative or float and clear the containing divsIf you give us the code and css it may become clearer
-
Class Issues
in CSS
best of luck friend
-
Class Issues
in CSS
Ahhhhh i see,Ok this isnt exactly correct but you can get the idea from this. For ie use a:active
<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style type="text/css"><!--ul li { background-color:#336699; width:150px; margin-bottom:30px; padding:5px;}ul li a{ background-color:#336699;}ul li a:hover{ background-color:#FF6699;}ul li a:active{ background-color:#FFFF66;}--></style></head><body><ul><li><a href="#" title="Faculty" class="current">Faculty</a></li><li><a href="#" title="Faculty" class="current">Faculty</a></li><li><a href="#" title="Faculty" class="current">Faculty</a></li></ul></body></html>oh p.sDont be sucked in to this whole 'ie sucks, and FF is great' debate. If you ask me i would take ie over FF, ie may not support css properly but it was around longer than css became popular. Its a bit like saying ie v4 doesnt display it right...well duh. I find FF slow and has just as many bugs as ie. But, and this is important, over 50% still use ie, so if you design for the minority and disregard the majority, you may not achive what you hope to.Dont think im being preachy, just trying to help
-
Class Issues
in CSS
well for a start you are using an image, which we dont have access to so cant recreate the problem
-
To make things easier for us all, please post the css & xhtml in you post. (wrap it in
code here
)in the mean time have a look at this
<!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"><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css">body { margin:20px 10%; padding:0; background:#D1DCE9; color:#000;}#container { background:#B1B3D6; border:1px solid #000;}#header { border-bottom:1px solid red; background:#ffffCC; text-align:center;}#left { margin-left:-169px;/* must be 1 pixel less than width*/ float:left; width:170px;/* must be same as left margin on #middle*/ position:relative; left:-2px;/* line up exactly */ display:inline;/* ie fix*/}#right { margin-right:-169px;/* must be 1 pixel less than width*/ float:right; width:170px;/* must be same as right margin on #middle*/ position:relative; right:-2px;/* line up */ display:inline;/* ie fix*/}* html #left{margin-right:-3px;}/* 3 pixel jog*/* html #right{margin-left:-3px;}/* 3 pixel jog*/#middle { border-left:1px solid red; border-right:1px solid red; background:#6FACD0; margin-left:170px; margin-right:170px;}/* mac hide and combat ie's 3 pixel jog \*/* html #centre{overflow:hidden;float:left;width:100%}* html #middle {height:1%;}/* end hide*/#footer { clear:both; border-top:1px solid red; border-bottom:1px solid red; height:50px; background:yellow; text-align:center;}h1,h3,p {margin-top:0}img{float:right;}.clearer{ height:1px; overflow:hidden; margin-top:-1px; clear:both;}</style></head><body><div id="container"> <div id="header"> <h1>Header</h1> </div> <div id="middle"> <div id="left"> <p>Left Content :</p> <p>Left Content :</p> <p>Left Content :</p> <p>Left Content :</p> <p>Left Content :</p> </div> <div id="right"> <p>Right Content :</p> <p>Right Content :</p> <p>Right Content :</p> </div> <div id="centre"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis. Curabitur posuere, pede vitae lacinia accumsan, enim nibh elementum orci, ut volutpat eros sapien nec sapien. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc.</p> </div> <div class="clearer"></div> </div> <div id="footer"> <h3>Footer - <a href="3colfixedtest_4.htm">Back to Main Demo</a> - Footer</h3> </div></div></body></html> -
Looks the same to me friend
-
The sitepoint books are an excellent source of info, as is their website and forums. V helpful
-
html & xhtml are quite a lot different from the languages you have exp in.I dont think of CSS as a template maker, simply because you can have all the same or different pages with completely different styles. So if 2 pages are the same and another 2 are different you only have to create 2 styles and save as... (hope that makes sense)Also there are a few of different ways to achive what you are after, so you will probably get advice for more than one way to go about displaying your page, plus you have to think about what works cross browser.i could go into great detail about this & that. But time is money, so i will supply this link for your reference.Hope this helps pmob.co.uk
-
-
Hellotry changing, the margin on the mid colmargin: 10px 0 0 250px;
-
What???Try this
-
Hmmmm... let me gaze in to my magic crystal ball.......ahhhh its a bit cloudy perhaps some code would help.Sorry we aint mind readerswhilst using css for the new layout of my site i came across a snag the footer won't display properly i want it to appear below everything else on the page the footer is a layer object... can anyone help me
-
Well you could let us know what it is you are trying to achive!Are you trying to get the login boxes to go in that grey strip?
-
Let me gaze in to my crystal ball........Hmmm, its a bit cloudy, perhaps some code might help.
-
Well using the code you supplied and the css, adding a margin 0 to the h1 tag worked fine this end. Am i missing some css?
-
Thats the spirit lad, dont take things too personal. Good on yer
The new one is much better. im not feeling the green/yellow flava you got at the top, but this is much better.However (you may know this already) it has 19 errors against w3c validation.looky>>Shout back if you need a hand corretcing them.Get the code valid, it will improve your skill set and make the css, more browser effective -
WHAT!!!!!???Are we looking at the same site? Bloody awful is what i'd say. The images are shockingly bad, the header is a mess and that yellow & black mess, whats that all about.However i do like your main content box, that is nicely laid out. So thumbs up for that.But the top section stinks, like a skunk, a skunk rolled in vomit.
-
Then you should read up about itA good place to start
-
tryh1{margin:0px;}
Warnings vs Errors
in CSS
Posted
If its just a warning it is still valid css.The background-color thing is a real pain, and you are not alone. It is a bug and will be corrected in future. (i hope
)