Blog problems...

Stupot_

Stupot_

Stupot_

Soldato
Joined
20 Sep 2009
Posts
2,921
Location
Portsmouth
Hey all, following on from this thread I was hoping you guys could give me some pointers...

website is www.urbanismstudio.co.uk

It's been made in iweb, happy with the layout so far but I'm not happy with the blog page.

Firstly, its aligned slightly left of the rest of the site so looks messy when you go there.

Secondly, because it's not hosted via mobileme I can't have comments on it.

Finally, I don't have much formatting control over it. For some reason it wont let me change the links from underlined text to black/red like the rest of the site. I also think it looks a bit messy.


So... is there anyway we can have a decent blog on our site, which looks like it is part of it? i.e. with the same header bar/links at the top.

Bear in mind I'm a complete amateur!

Cheers
 
Any ideas guys?! is there a way to sign up to a blog service and embed it in a site for instance? Would also be useful to have a web interface to add posts rather than iWeb.
 
just a quick look, why has it styled the divs with absolute positioning? RSS feed is broken, points to a location on your machine...
 
Stupot_ said:
What do you mean by absolute positioning? Ta
Click to expand...

Ahem. This could be your problem, the styling divs (blocks you place content into) are positioned absolutely. That means they are positioned in pixels so when you resize the nrowser or have a different screen resolution they stay in exactly the same place relative to top left. Not always a good idea, but I'm guessing that's how your editing software works. You may need to read up on css to get an idea where you are heading, and why it is going wrong...
 
Just to add, that as you are using iweb, you're stuck with how that works. I would have thought that wordpress (as said in the previous thread) may be a better option in the long run...
 
3dcandy said:
Ahem. This could be your problem, the styling divs (blocks you place content into) are positioned absolutely. That means they are positioned in pixels so when you resize the nrowser or have a different screen resolution they stay in exactly the same place relative to top left. Not always a good idea, but I'm guessing that's how your editing software works. You may need to read up on css to get an idea where you are heading, and why it is going wrong...
Click to expand...

Really? The site stays centred when I resize the window though...

Apparently I can use iframes to embed a website in iweb. Might try and find a good looking blog I can customise and whack it in...
 
i seem to remember some browsers don't like an iframe, but it is one way to do it, i used to have a set up like that, you just need to make your blog only show the posts and remove absolutely everthing else, i think it was getting a bit annoying with pressing back and forward too when you go into a post...
 
Stupot_ said:
Really? The site stays centred when I resize the window though...

Apparently I can use iframes to embed a website in iweb. Might try and find a good looking blog I can customise and whack it in...
Click to expand...

iframes...hmmm that can cause problems too. It doesn't always mean that absolute divs can cause problems, but in your case it seems that they are. Wading through a site littered with absolute positioned divs is really hard though, that's why debugging your problems is a nightmare. You might just have to work your way through slowly to find out why it's shifting left
 
Just been looking at it on different browsers...

In IE and Opera, the blog page is aligned like the rest of the site. In Chrome and firefox it jumps slightly to the left. Anyone know why this is happening?

Thanks for sticking around 3dcandy:p Appreciate it. At the moment I might just have to find a way to make the iweb blog work for me...
 
DOH! Silly me, just realised what it is...scrollbars! The blog extends down more than a page so it gets scrollbars, whilst the other pages don't. How you fix it is a bit more difficult, either make all pages go down so scrollbars are present, or rework the page. Like I said, with absolute positioning, the scrollbars alter the width of the page....you need to use a slightly different layout. Most people use a centered wrapper of approx. 960 - 980 pixels which will mean that scrollbars don't alter the width. They centre it in several ways, but the easisest is usually something like

body {
text-align: center;
}

div.wrapper {
text-align: left;
margin-left: auto;
margin-right: auto;
}
 
You must log in or register to reply here.
Back
Top Bottom