Weborum Webmaster Forum > Pimp my site!
Help - Search - Members - Calendar
Full Version: Pimp my site!
Weborum Webmaster Forum > Web Page Design > Graphics/image editing
bte
I dont know if this is the correct forum.

Anyways, i was wondering if you guyes have any ideas for giving this project of mine some style.. At the moment it is a RAW setup..

http://bt.prozi.biz/test/index.html

Especially the Navigation menu.. I hate it tongue.gif
Joe
Your site needs some Bling Bling tongue.gif laugh.gif

I don't know what you could do ... maybe have a scan through http://www.good-tutorials.com/ for some tutorials on layouts / techniquies to give yourself some cool effects for a banner or layout etc. Just go from there then.

As for the navigation ... I know this is a blatent blog but I don't care laugh.gif
1 - 2 - 3
leo
yeah it would need a little "tarting up" smile.gif

everything in webdesign revolves around the box model, we have to design with it in mind but our layout doesn't ahve to be square, you can have a fancy background image whilst still postitioning things "square" to each other.

As with everyone looking at other people's work provides inspiration, the easiest place to look at other nice looking sites is a template site, eg http://www.templatemonster.com/ smile.gif
bte
I updated it with a basic logo.. But as you can see, that Iframe still aint invisible.. Is it possible to remove those edges of it?
leo
it's because you didn't change the ####### in the code i gave you, you need to replace those with onload smile.gif
leo
here it is again without the onload in there

CODE

<script type="text/javascript">
window.onload = function() {
document.getElementById('content').contentWindow.document.body.style.border = 0
}
</script>
bte
Ah, thanks so much :
Updating site now, its a bit better than what it used to be..


Edit:

That helped the first time the page loaded, for the index page..

All the other pages linked inside the iframe will make the border pop up..

So i tried opening nyheter.html, and put the same script in there..
The same thing happens, the first time the page is loaded the borders is not there, but if you hit refresh, they reappear.. Maybe i am doing something wrong?


This happens in IE, not firefox.. Ah well tongue.gif
Joe
I still see the border around the Iframe

Try using;

CODE
<iframe name="content" src="nyheter.html" style="width: 100%; height: 100%; border: 0;">Sorry your browser does not support frames or is currently not set to accept them.</iframe>
leo
see the other thread, Willy explained why that would happen and gave a solution

http://forum.weborum.com/index.php?showtop...t=0&#entry21690

smile.gif
bte
Did not understand where willy wanted me to place that, should it be placed in the <iframe> tag?

Wich i tried, and did not change much..
CODE
<iframe name="content" src="nyheter.html" style="width: 100%; height:

100%; border:none;margin:none">Sorry your browser does not support frames or is currently not set to

accept them.</iframe>
Joe
border: none;

is incorrect, use my solution of border: 0;

and also margin: none is incorrect also, can only be an interger value.

margin: 0;

smile.gif
bte
Does not remove the fact that in IE it still has borders.. and that script only works on the index file.. Does not work if i put them in every page.
leo
you only need to put that script on the one page, on the pages being called inside the iframe they need to have

<body style="margin:0px;border:0px;">

but also to the iframe line add frameborder="0"
bte
Do i need to add the whole <html> build in the other pages? They work fine without it, but i dont know how it is when i use "<body style="margin:0px;border:0px;">" in them without the <htmL>
leo
every page must have certain tags, <html> is one of them, here this will help you
http://forum.weborum.com/index.php?showtopic=1652
Joe
adding <body style="margin:0px;border:0px;"> to every page is a bit pointless.

May aswell put it inside the stylesheet and include it on every page.
bte
Actually leo, i discovered that when only including
CODE
<body style="margin:0px;border:0px;"> The content of the page here </body>


in the iframe pages it worked fine.. No need for the basic <html> setup.
Thanks alot for the help, iframe is great now smile.gif

Anyways, I got very offtopic..

Any criticism on the page now?
bt.prozi.biz
leo
hehe, don't think he's that far along in his learning yet smile.gif
bte
QUOTE(leo @ Jan 17 2005, 06:16 PM)
hehe, don't think he's that far along in his learning yet smile.gif
[right][snapback]21736[/snapback][/right]



True smile.gif I am pretty newbie .
leo
yup, you're getting there, but for your page to work properly across all browsers you need to put all the necessary tags in
leo
we all start at the beginning smile.gif
Joe
You should read through our collection of CSS tutorials, they may help you along the way smile.gif

Sites looking much better than it did mate thumbsupsmileyanim.gif
bte
Thanks to you guyes smile.gif Yesterday my project was very poor..
Today it has improved 200% smile.gif

But just a note.. When i added Frameborder="0" to the Iframe, the frameborder would actually show up in Firefox, but not in IE..

If i removed it, and used <body style="margin:0px;border:0px;"> The content of the page here </body> in every page that showed up in the iframe it worked in both Firefox and IE.
Thus, i will leave it with that and stop fiddling with that part tongue.gif

Thanks!
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.