•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 397,851 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,316 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our HTML and CSS advertiser: Lunarpages Web Hosting
Views: 2354 | Replies: 14
 |
•
•
Join Date: Dec 2006
Location: online at woocha.com
Posts: 41
Reputation: 
Rep Power: 2
Solved Threads: 0
Light Poster
I have a header to this website that I am working on and my part is due real sone. I am stuck. I am using css to display the header and it lloks like a million bucks in IE 6 but not in IE7 and especially not in FireFox.
Can anyone help me fix it. The code is here:
PLEASE HELP !!
Can anyone help me fix it. The code is here:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "(URL address blocked: See forum rules)">
<html xmlns="(URL address blocked: See forum rules)" xml:lang="en" lang="en">
<head>
<link href="(URL address blocked: See forum rules)" rel="stylesheet" type="text/css">
</head>
<body ONLOAD="preloadImages();">
<div id="content">
<a href="(URL address blocked: See forum rules)" title="Click here to retun to Woocha.com"><div id="tabs"></a><img src="(URL address blocked: See forum rules)"><img src="(URL address blocked: See forum rules)"><img src="(URL address blocked: See forum rules)"><img src="(URL address blocked: See forum rules)">
<dl>
<dt><a href="(URL address blocked: See forum rules)" target="_top" title="Shop the Woocha mall for great products and great prices!" accesskey="m"><span class="key">M</span>all</a></dt>
<dt><a href="(URL address blocked: See forum rules)" target="_top" title="Woocha Auction with free listings" accesskey="a"><span class="key">A</span>uctions</a></dt>
<dt><a href="(URL address blocked: See forum rules)" target="_top" title="Don't search the paper, search Woocha.com" accesskey="c"><span class="key">C</span>lassifieds</a></dt>
<dt><a href="(URL address blocked: See forum rules)" target="_top" title="Free E-mail" accesskey="e"><span class="key">E</span>-Mail</a></dt>
<dt><a href="(URL address blocked: See forum rules)" target="_top" title="Host all of your digital photos for free!" accesskey="i"><span class="key">P</span>hotos</a></dt>
<dt><a href="(URL address blocked: See forum rules)" target="_top" title="Download free woocha software" accesskey="s"><span class="key">S</span>oftware</a></dt>
<dt><a href="(URL address blocked: See forum rules)" target="_top" title="Vist the Woocha forum, join the community" accesskey="f"><span class="key">F</span>orum</a></dt>
</dl>
<div id="search">
<form method="post" action="?">
<input type="radio" name="search1" value="web" checked>Web
<input type="radio" name="search1" value="woocha">Woocha
<input type="radio" name="search1" value="photos">Photos
<input type="radio" name="search1" value="auctions">Auctions
<input type="radio" name="search1" value="classifieds">Classifieds
<p><input type="text" name="search" class="search" /> <input type="image" name="submit" src="(URL address blocked: See forum rules)" border="0" />
</p>
</form>
</div><br>
<br>
<div id="top_info"> Click here to <a href="(URL address blocked: See forum rules)">Log in</a>,<img src="(URL address blocked: See forum rules)">
<a href="(URL address blocked: See forum rules)">visit my account</a>,<img src="(URL address blocked: See forum rules)"><a href="(URL address blocked: See forum rules)">register</a>,<img src="(URL address blocked: See forum rules)">or <img src="(URL address blocked: See forum rules)"><a href="(URL address blocked: See forum rules)=logout">log
out</a>. </div>
</div>
</div>
</body>
</html>PLEASE HELP !!
FREE Online Auctions At:
http://www.woocha.com/auctions
http://www.woocha.com/auctions
•
•
Join Date: Feb 2005
Posts: 427
Reputation:
Rep Power: 4
Solved Threads: 12
Posting Pro in Training
Well, due to some of the addresses being stripped, I cannot help with the css... but I can tell you did not validate!
You need to validate as you code... otherwise it will not do as you think.
Additionally, you eed to test in other browsers as you build, as it saves a lot of time being wasted making something good in 1 Browser, and then realising you have to redo half of it for the others... (or worse!).
Still, if you validate, you can correct half the problems instantly... such as :
not <br>... but <br /> for XHTML.
not <img></img> (which you missed!)... but <img />
If using DL, where is DD?
So, make the validation, make the corrections (hell, W3C even allow you to use HTML Tidy (or TIDY HTML?) to clean up and correct the code for you when it validates!!!
http://validator.w3.org
So do then, then come back and let us know if it helped.
also play around with providing a link to the site page for us to see live.
You need to validate as you code... otherwise it will not do as you think.
Additionally, you eed to test in other browsers as you build, as it saves a lot of time being wasted making something good in 1 Browser, and then realising you have to redo half of it for the others... (or worse!).
Still, if you validate, you can correct half the problems instantly... such as :
not <br>... but <br /> for XHTML.
not <img></img> (which you missed!)... but <img />
If using DL, where is DD?
So, make the validation, make the corrections (hell, W3C even allow you to use HTML Tidy (or TIDY HTML?) to clean up and correct the code for you when it validates!!!
http://validator.w3.org
So do then, then come back and let us know if it helped.
also play around with providing a link to the site page for us to see live.
•
•
Join Date: Aug 2007
Location: Italy
Posts: 42
Reputation:
Rep Power: 2
Solved Threads: 4
Light Poster
Your URLs have been blocked by the forum filter. We can't help you without your css code. Please paste the stylesheet or a link to an example online, so we can look it.
P.S. sorry autocrat I didn't saw your reply =)
P.S. sorry autocrat I didn't saw your reply =)
Last edited by cereal : Aug 8th, 2007 at 6:41 pm.
•
•
Join Date: Feb 2005
Posts: 427
Reputation:
Rep Power: 4
Solved Threads: 12
Posting Pro in Training
lol - just reinforcesx the point of learning good coding practice 
•
•
Join Date: Dec 2006
Location: online at woocha.com
Posts: 41
Reputation:
Rep Power: 2
Solved Threads: 0
Light Poster
Thanks guys...I'll check it out and go through what you said today and will repost later on tonight EST. THannks for the tips....In case you didn't know, I am just learning here.
Thanks
Thanks
FREE Online Auctions At:
http://www.woocha.com/auctions
http://www.woocha.com/auctions
•
•
Join Date: Feb 2005
Posts: 427
Reputation:
Rep Power: 4
Solved Threads: 12
Posting Pro in Training
Not a problem, best way to learn is to ask questiosn and practice correctly (if you learn bad tricks now, you'll use them later too... trust me, not nice!).
Best of luck, and look forward to seeing your results.
Best of luck, and look forward to seeing your results.
•
•
Join Date: Dec 2006
Location: online at woocha.com
Posts: 41
Reputation:
Rep Power: 2
Solved Threads: 0
Light Poster
I have uploaded the code to a geocities hosting thing. the url is http://www.geocities.com/smm18951/header.txt
I ran my site through the validator and it said I have 83 errors - It looks like I have a lot of work to do here.
PS - Is there anyone out there who can make the code located at:
geocites . com / smm18951 / header.txt
work in firefox. I am struggling here and it doesn't look good for my header.
thanks guys
I ran my site through the validator and it said I have 83 errors - It looks like I have a lot of work to do here.
PS - Is there anyone out there who can make the code located at:
geocites . com / smm18951 / header.txt
work in firefox. I am struggling here and it doesn't look good for my header.
thanks guys
FREE Online Auctions At:
http://www.woocha.com/auctions
http://www.woocha.com/auctions
•
•
Join Date: Dec 2006
Location: online at woocha.com
Posts: 41
Reputation:
Rep Power: 2
Solved Threads: 0
Light Poster
Upon looking further at this validator on http://validator.w3.org I have to say, this thing is stinkin awesome... What a cool devise.
FREE Online Auctions At:
http://www.woocha.com/auctions
http://www.woocha.com/auctions
•
•
Join Date: Feb 2005
Posts: 427
Reputation:
Rep Power: 4
Solved Threads: 12
Posting Pro in Training
lol
Eventually, you'll barely need it.
The Text File is more than a little complex... considering the php stuff in there...
Also, it was more a link to the CSS and the output page data what would help...
XHTML
!!!Above!!!
CSS Location
http:// www . woocha . com / style . css
Will play with it shortly and see what I get.
Eventually, you'll barely need it.
The Text File is more than a little complex... considering the php stuff in there...
Also, it was more a link to the CSS and the output page data what would help...
XHTML
!!!Above!!!
CSS Location
http:// www . woocha . com / style . css
Will play with it shortly and see what I get.
•
•
Join Date: Feb 2005
Posts: 427
Reputation:
Rep Power: 4
Solved Threads: 12
Posting Pro in Training
Hmm... okay.
You hae a nice bit for Accessibility... but you do realise that it will break when text-size is increased!
I would actually suggested doing it again, (seems a shame to have one set of accessible features, only to have the pretty design break over another!).
Yet you are faced with issues due to the background image...
You may want to consider not using Spacer images as well (particularly as you are using css.. so no real need).
-----------
So with all of that said, you'll have to redo some of the graphics, providing top/bottom images for each (being overly tall, so that when text size increase, the bg will continue being visible).
That means you can then use multiple blocks, sectioning off the header so that when things change size, they stretch their containers... the containers remain "in the flow", so as the top-most block gets taller, those beneath it move downwards... so no overlaps or breaks).
You hae a nice bit for Accessibility... but you do realise that it will break when text-size is increased!
I would actually suggested doing it again, (seems a shame to have one set of accessible features, only to have the pretty design break over another!).
Yet you are faced with issues due to the background image...
You may want to consider not using Spacer images as well (particularly as you are using css.. so no real need).
-----------
So with all of that said, you'll have to redo some of the graphics, providing top/bottom images for each (being overly tall, so that when text size increase, the bg will continue being visible).
That means you can then use multiple blocks, sectioning off the header so that when things change size, they stretch their containers... the containers remain "in the flow", so as the top-most block gets taller, those beneath it move downwards... so no overlaps or breaks).
|
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
•
•
•
•
•
•
•
•
DaniWeb HTML and CSS Marketplace
Linear Mode
•
•
•
•
age beta bon browser browsers code css development div dreamweaver echo email encryption environment firefox gecko html ibm. news internet internet explorer 7 it javascript leak linux memory microsoft mozilla news open source open-source patch phishing remote working scams security social software super symantec tables testing trends users w3c web webmail working wysiwyg xml
- CSS not for FIREFOX? (HTML and CSS)
- Internet Explorer is not working - Firefox is (Viruses, Spyware and other Nasties)
- Help re scrolling bar not working in firefox, CSS problem (HTML and CSS)
- javascript works in IE but not working in firefox (JavaScript / DHTML / AJAX)
- CSS Working in FF, not in IE problem :) (HTML and CSS)
- CSS help with image links (HTML and CSS)
Other Threads in the HTML and CSS Forum
- Previous Thread: Sentence Case
- Next Thread: A few questions about my site design
