7 replies to this topic

[newcodersipher]

Hi everyone

Let me first say how awesome it is for the web to have a place like this where other html coders can relate. I'm new to the scene and enjoying it.

So onto my question..
I'm an assistant on a web design project and I'm having trouble aligning text on a website. I used divs on a WYSIWYG editor to place the text and when I opened the page everything looked fine, of course that was because it was done on this computers resolution specs.

Now if you look you will see that when you are either:
A) On a different resolution on another computer the text look ambiguous and doesn't align propery
B) Minimizing the window or changing its shape the text also doesn't align.

So my question is, how do I resolve this matter.
Any html pro's or programmers in whatever arena would be truly appreciated in taking a look at this issue for me.

Oh and about styles..I don't know much about css as I'm still a beginner and I'm thinking I can't even use styles since I already have that <style> code in there already, but it's not a css one. So I've written that off.

The site is blendsphere.com/mailconnect
I tried pasting my code here but it wouldn't let me..

Again thanks for any support or solutions on this.
I am relatively new to the web design world so if you do have any solutions if you could make it brief that would be fantatstic.

Ok thanks again. Please enlighten this noob, so far I've been enjoying html and hope to do so for much longer.

Alright then.

[WingedPanther]

I think the div tags are your problem. You already have a table that is properly centered. try removing the wrapping div tags and just using the p tags.

[newcodersipher]

Like manually using paragraphs for spacing? that's a lot of p's then right lol?

WingedPanther said:

I think the div tags are your problem. You already have a table that is properly centered. try removing the wrapping div tags and just using the p tags.

[WingedPanther]

Open the code in a text editor (notepad, jedit, etc). Then just delete the <div ...> and </div> tags for that text.

[Xav]

I recommend Notepad++ for minor tweaks such as this.

[newcodersipher]

right well, how would you get the text where you want it then?

[WingedPanther]

By being in the block they're currently in, they should stay put. WYSIWYG editors tend to do a lot of really dumb things to "give you what you want". Div's, in particular, give you a lot of power to put things where you want, and a lot of power to completely screw up your design if you don't know what you're doing. The key to getting the layout you want is to understand what the code does.

[Xav]

You should code your pages by hand - that way, you know how the code works, how it is best used, and therefore how to tweak it.