13 replies to this topic

[donkeymusic]

Hello

Can i anyone tell me why my header is missing from this link?

http://www.retrodesigner.co.uk/

also can you tell me why i have th egaps between each menu button, i followed a tutorial and at one point they worked fine then they suddenly had the gaps, would like to know how to remove them although i like the way they look.

Any help would ge great thanks

[Aphonik]

Your problem for the header is in this line of code:

  background-image: url(images\header.jpg);

You put the slash round the wrong way! Correct code looks like this:

  background-image: url(images/header.jpg);

As for the menu buttons.. I'll look into them now.

[syndrome]

your background has the slash the wrong was round also.

[coolaid]

once again.. whitespace is the space problem. use this list instead:

<ul id="menu"
	><li id="active"><a href="index.html" id="current">About RD</a></li
	><li><a href="Gallery.html">Gallery</a></li
	><li><a href="RDnews.html">RD News</a></li
	><li><a href="ContactRD.html">Contact RD</a></li
	><li><a href="Links">Links</a></li
	></ul>

oh and btw, your site is looking aweful in firefox.

[donkeymusic]

Ha ha, simple mistake i hope

Thanks for correcting that for me

[donkeymusic]

coolaid, on Nov 21 2005, 11:14 PM, said:

once again.. whitespace is the space problem. use this list instead:

<ul id="menu"
	><li id="active"><a href="index.html" id="current">About RD</a></li
	><li><a href="Gallery.html">Gallery</a></li
	><li><a href="RDnews.html">RD News</a></li
	><li><a href="ContactRD.html">Contact RD</a></li
	><li><a href="Links">Links</a></li
	></ul>

oh and btw, your site is looking aweful in firefox.

Just checked my code for the menu, compared to your suggestion and it looks identical, not sure what changes are there. can you advise me on them please?

Yeah i have noticed it looks shocking in Firfox and Safari but not sure how to solve those issues, its still my first attempt and althought many wont be able to view the site correctly i am happy to get it running correctly in IE.

But if you have any advice on how i can improve its viewing in Firefox that would be a great help.

Cheers.

[coolaid]

i removed all whitespace from the menu. that means one tag ends and right after another tag starts.

just compare.

<ul>
	<li>text</li>
</ul>

with

<ul
	><li>text</li
></ul>

i placed the "greater than" sign next the the start of the following tag which removes empty space.

[donkeymusic]

i did notice that to be th eonly change but thought that may have been a personal preference as to the way you lay your site coding out,

why dies that make such a difference? cos still the same code in theory?

[coolaid]

it is the same code, but theres no more white space " ". for example, take this:

<li> <ul> blah </ul> <ul> blah </ul> </li>

in some browsers (i.e), the white space gets rendered and created a space in the webpage too. so if you connect all the tags so theirs no empy spaces, the white space wont exist on the webpage either.

so i just place the end tag "greater than" sign next to the first tag because you still want each <li> tag on a seperate line, but it still elimates any white space between the tags.

[donkeymusic]

thanks for a new bit of knowledge, just one more question regarding this issue, if i do make the change i now get a 2 pixel line between the menu bars rather than a one pixel line. whats the best method to sort this.

i would presume to remove the left hand side border but this would then leave the button on the far left without out a left border.

[coolaid]

remove the left side border.

but then in the html file, inside the last <li> tag, add:

style="border-left:1px solid #00;"

[donkeymusic]

Just tried your suggestion but, placing that command inside the last <li> tag just placed it as text on the web page, not sure where exactly you mean to put it, thanks

Edited by donkeymusic, 24 November 2005 - 11:01 AM.

[coolaid]

ok. like this on the last <li> tag (using the code i provided up there):

><li style="border-left:1px solid #00;"><a href="Links">Links</a></li

[donkeymusic]

thanks will try that