...

View Full Version : Strange background effect after tidying code.



effpeetee
10-27-2007, 11:00 AM
Strange background effect after tidying code.
I used a code tydy program on the code of my program 'Sources'

See url in signature at bottom. [View source - all code available there,]

It has caused the background colour of the nifty panels to change at the top.

I have not been able to find why. Like the prize twit I can sometimes be; :D I have not got a backup.:confused:

HELP!!

Frank

Fang
10-27-2007, 11:20 AM
Change or remove the background(color)
b.rtop, b.rbottom {
display: block;
background: #996699;/* This has to match your main background colour */
}

b.ltop, b.lbottom {
display: block;
background: #996699;/* This has to match your main background colour */
}

effpeetee
10-27-2007, 12:40 PM
If I do that, I lose my round corner.

Strangely, if I put- </LI> </UL> before each panel info. It almost removes the brown.


<div id="content">
<div id="links">
<div class="nifty">
<b class="rtop"></b>

<ul>
<li><a href="http://www.alvit.de/handbook/">Web
Developer's Handbook.</a></li>

<li><a href=
"http://www.websitebytes.com/articles/index.php">Webpage
Creation HTML Tutorials.</a></li>

<li class="nobullet">
</li></ul>
<ul>
<li><a href=
"http://www.boagworld.com/archives/2005/11/semantic_code_what_why_how.html">
Semantic code: What? Why? How?.</a></li>

<li><a href=
"http://brainstormsandraves.com/articles/semantics/structure">
Semantics, and Structure</a></li>

<li><a href=
"http://creativecoding.webforumz.com/articles/semantics.php">
Semantic web design.</a></li>

<li><a href=
"http://www.positioniseverything.net/">Position is
everything.</a></li>

<li><a href=
"http://www.brainjar.com/css/positioning/">CSS
positioning again.</a></li>

<li><a href=
"http://www.tanfa.co.uk/css/examples/">CSS examples
- index.</a></li>

<li><a href="http://blog.html.it/layoutgala/">CSS
Layout Gala.</a></li>
</ul>
</li>
</ul>



All this just because I re-formatted the code to make it look tidier.

Weird or what!

Frank

Fang
10-27-2007, 01:33 PM
Reformatting can add nodes to the document causing unpredictable results, notably with images.

You rounded corners are no longer visible.

effpeetee
10-27-2007, 01:56 PM
Reformatting can add nodes to the document causing unpredictable results, notably with images.

You rounded corners are no longer visible.
How do I rectify. Do I have to re-write the code?

Frank

Fang
10-27-2007, 02:21 PM
The original code was given in this forum, look-up your old posts.

effpeetee
10-27-2007, 03:19 PM
The original code was given in this forum, look-up your old posts.

Hi Fang.

I can't find it.

I have had to remove the nifty rounded corners.
It appears to be something to do with the first few lines of html code per content div.
If I put them into a similar program, written earlier; it has the same effect.
Eventually I'll re-write the program.

Thanks for your help.

Frank

Fang
10-27-2007, 03:25 PM
Original article: http://www.html.it/articoli/nifty/index.html

effpeetee
10-27-2007, 03:45 PM
Original article: http://www.html.it/articoli/nifty/index.html
No. It wasn't the original nifty progran that I had not got.
It is in the list on my Sources site.
I needed the original Sources program which I foolishly did not back up before I processed it.

It will teach me a lesson.

http://www.exitfegs.co.uk/Sources3.html This is the nearest version that I have. I cannot see where it differs. As far as I can see, nothing has changed in the program except the list content and the appearance on screen.

Can you see what I may have missed..

It's not a big deal but I'll have to keep trying. I don;t like mysteries.

Thanks again,

Frank



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum