so close to the end...

xirokx

xirokx

xirokx

Soldato
Joined
2 Oct 2004
Posts
4,362
Location
N.W London
please see attached files and kindly show me where I am going in to:-

a) make all corners rounded

websiteed5.jpg


here is the html page

HTML


heres the css page...

CSS

please show me where I am going wrong...

thanks

cheers

thanks in advance..
 
Last edited:
What margin do you have for the nav and header from the right side? Surely all you need to do is work that out then apply the same margin-right to the right column.
 
hey

thats the first thing I tried, still no luck...

im all coded out for now , if anyone has time would really appreciate to find out where I am going wrong on all three of my points as mentioned above..

thanks
 
Is rightcol the right hand column? If so try -20px for margin right. Or get rid of the padding-right value.

Edit: I just commented out the padding-right on rightcol and set the margin-right to be 20px. It needs to be between 18-23px I reckon.

Code: 
#rightcol {
	float: right;
	height: auto;
	width: 500px;
	/* padding-right: 35px; */
    margin-right: 20px;
}
 
Last edited:
yep rightcol is the right hand column.....

Previously I got rid of the padding right value and it did not have affect, I tried your suggestions and still no luck...

thanks for helping...

can anyone please show me where I am going wrong on three points?

Thanks in advance..
 
i sorted the alignment issues , it had to do with div.roundcont and also left col div..

just need help with me round corners now...

any experts on round corners?

pls advise..

cheers
 
yep thats exactly what Ive done, you can see on the "nav bar" that it worked there...just not anywhere else..

hence my request for help...

I really hoped someone could show me where I am going wrong as this is my first time doing corners..

thanks
 
Ah ok.

Well I'm in college at the moment, I'll have a proper look through you html file and your css at lunch time.

Hopefully I might come up with the answer you are looking for.

Edit: Did you design this in Photoshop? If so do you have the psd or an image of what you want.

Is the the style of template you are trying to get?
34701396nb0.png
 
Last edited:
yes and no..

better if i send you the psd file of how what the end result should be like..

thanks a lot

i even have the corner files so its all ready to go, just needs a bit of code deciphering and for an expert shouldnt really take that look...

cheers pal most appreciated :)
 
heres the PSD file :)

PSD file

and heres the rounded corners in a rar file..

corners file

so you will see how the finished article should look in the PSD file and then you will find the rounded corners in the corners file...

As previously mentioned its not that much that one needs to do, just literally spend a couple of minutes reading and understanding the css and see how that fits into the HTML and then merely rectify it..

I am so close I can feel it..

Thanks for your help PHILLIP appreciate your efforts

Cheers :)
 
Well sorry for taking so long to reply, I got slammed with a report for College which I just finished.

I have had a quick look through your css, I must admit, your style is different from mine.

I'll ponder over this tonight and hopefully have it worked out :P
I might change your code abit, If thats alright.
 
I have one suggestion so far, You can use 2 divs inside each of the roundtop2 and roundbottom2 divs.

Each div would be 15x15 and the background image would be the gif's, and apply a float to each div relative to the side you want them to be displayed.

This is just the first solution I have came up with ;)
 
thanks for your time,

its fine to change the code, go ahead as you wish :)

re: your solution as I am a newb and just starting out I dont really get what you mean, would it be possible for you to try it out and tell me if it works?

thanks for your help..
 
Right here is another reply :p

At the moment your rightcol div is like this
19286531jg9.png


My first idea was something like this,
81294527sk2.png


The grey bits are the 4 divs I was talking about with the rounded images as the background-image. (br.gif, bl.gif, tr.gif, tl.gif) inside the 2 divs that are already there.

And here is the second Idea I came out with,
10023000ql5.png


And its just to stick an image along the top inside the 2 divs that are already there.
 
the middle one looks great :)

but i havent a clue of how to achieve it?

is it possible to do it using my rounded corners I have already? if yes, how?

can you show me so that I can learn myself from the finished article?

thanks so much
 
Sorry its taken so long to get back to you, I lost my usb stick with all my work on it so I have had to redo all my stuff.

Anyway here is the basic thing, I havent had time to get it to display properly in Firefox or Opera yet, But it looks ok in IE. However the images are different colours than the background.

Rar file

Check it out in IE:

Preview

Tell me if you get the idea and the coding :P
I'll try to get it to work in Firefox and Opera soon.
 
You must log in or register to reply here.
Back
Top Bottom