Page 1 of 1

Just experimental homeproduction.org

Posted: Thu 23. Dec 2004, 23:19
by fungo
http://www.homeproduction.org

Well, yesterday I started to set up my new page and played aroud.
The design looks aweful because of the distorted div layers but currently I am working on the system.
Last night I wrote a RSS-Parser and implemented the code into my frontpage. The news corner shows random RSS-Feeds from selected websites, but I am not content with that. My look and feel says that the site is very slow, can you prove my suspicion?

Thank you![/url]

Posted: Fri 24. Dec 2004, 08:14
by trip
hi there
you should use css wrappers for your content parts...
the blue background is a little bright for the site....

loads fast my side... adsl
TriP

Posted: Fri 24. Dec 2004, 16:17
by fungo
What do you mean with css wrappers?
That my content should be styled by css?

Posted: Mon 27. Dec 2004, 10:45
by trip
your code is like this for the top and nav

Code: Select all

<div id="topbox"><h1>homeproduction.org</h1></div>
<div id="spacer"></div>
<div id="navbox"><span style="text-decoration:none;font-weight:bold;"><a href="index.php?home">Home</a></span> <img src="http://www.homeproduction.org/kreis.gif"/> <a href="index.php?blog">Blog</a> <img src="http://www.homeproduction.org/kreis.gif"/> <a href="index.php?kreativ">Kreativ</a> <img src="http://www.homeproduction.org/kreis.gif"/> <a href="index.php?kontakt">Kontakt</a> <img src="http://www.homeproduction.org/kreis.gif"/> <a href="index.php?impressum">Impressum</a></div>
try using classes in the css which are in then wrapped using ID tags
example

Code: Select all

<div id="wrapperheader">
       <div class="topbox"><h1>homeproduction.org</h1></div>
       <div class="spacer"></div>
       <div class="navbox"><span style="text-decoration:none;font-weight:bold;"><a href="index.php?home">Home</a></span> <img src="http://www.homeproduction.org/kreis.gif"/> <a href="index.php?blog">Blog</a> <img src="http://www.homeproduction.org/kreis.gif"/> <a href="index.php?kreativ">Kreativ</a> <img src="http://www.homeproduction.org/kreis.gif"/> <a href="index.php?kontakt">Kontakt</a> <img src="http://www.homeproduction.org/kreis.gif"/> <a href="index.php?impressum">Impressum</a></div>
<!-- end wrapperheader -->
</div>
you will see the entire header as done here is contained in an ID, then individual classes for the elements...

see a css tutorial for more
regards
TriP