Jump to content

Rounded Borders. what am i missing!


attila2452

Recommended Posts

Rounded Borders.http://attilahajzer.comeze.com/sites/Blue_stripes/ what am i missing.

<div id="content"><img src="images/Top_content.png" alt=""/><br><br><br><img src="images/Bottom_content.png" alt=""/></div>

#content{	background-image:url('images/inside.png');	background-repeat:repeat-y;	width:753px;	margin-left: 255px;}

please help!

Link to comment
Share on other sites

could you please be more specific? As far as I can tell you are trying to get rounded corners for the content div of your page? I see rounded corners if FF. Granted the div is squared off at the tops and bottoms but within it there is definitely a rounded off white "box"

Link to comment
Share on other sites

could you please be more specific? As far as I can tell you are trying to get rounded corners for the content div of your page? I see rounded corners if FF. Granted the div is squared off at the tops and bottoms but within it there is definitely a rounded off white "box"
look at the site. its really weird. like the border is good. but then the box content image is larger then the edges . its weird. like i want the "inside.png" to stay within the borders.but for some reason its not working.
Link to comment
Share on other sites

How big is the inside.png ?It could simply be that it is only partly appearing due to your fixed width and height?Mark.

Link to comment
Share on other sites

How big is the inside.png ?It could simply be that it is only partly appearing due to your fixed width and height?Mark.
its like 5or 6 px high. do i get rid of height and width?
Link to comment
Share on other sites

Edited:....I have just looked at your site again, and the #content seems to be totally square. If it is, it will have an effect of "covering up" the rounded corners. You might want to put the Top_content.png before the #content div, and the Bottom_content.png after, each in they're own div with no padding, margin or background.Mark.EDIT: Looks like that is what is happening, but it's not covering them up, just putting them over the top. The #content div needs to be AFTER the graphic. You may also like to scrap the inside.png and simply have a background-color:white for the #content div.

Link to comment
Share on other sites

Edited:....I have just looked at your site again, and the #content seems to be totally square. If it is, it will have an effect of "covering up" the rounded corners. You might want to put the Top_content.png before the #content div, and the Bottom_content.png after, each in they're own div with no padding, margin or background.Mark.EDIT: Looks like that is what is happening, but it's not covering them up, just putting them over the top. The #content div needs to be AFTER the graphic. You may also like to scrap the inside.png and simply have a background-color:white for the #content div.
how do i report it as solved?! lol Thank you!
Link to comment
Share on other sites

okay i have another issue..http://attilahajzer.comeze.com/sites/Blue_stripes/Go there . theres an extra space. heres a snippet of the needed css code then HTML for the welcome page.and its only margin ing and padding left and right.

#content{background-image:url('images/inside.png');background-repeat:repeat-y;margin-left: 255px;margin-right:255px;padding-left: 20px;padding-right:20px;}#border{margin-left:255px;}#footer {margin-left:255px; padding:none;}#footer ul li{margin:15px;display: inline;list-style: none;list-style-type: none;border:0px;}

&

<html><head>		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>		<link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8"/></head><body><h1>This is a heading</h1><p>This is a paragraph.</p><p>This is another paragraph.</p></body></html> i dont know where the extra space is coming from.

Link to comment
Share on other sites

where the rest of it? You're missing the content div and images from the HTML snippets.you should really be using a doctype and validating your code.anyway, looking at the ACTUAL source code from the link, one would see that you have multiple <html>, <body>, and <head> tags. I can't tell if you are using PHP includes but you the code you are including shouldn't have any of that stuff in this situation. Also, it would be considered better practice to use lists instead of tables for navigation.

Link to comment
Share on other sites

where the rest of it? You're missing the content div and images from the HTML snippets.you should really be using a doctype and validating your code.
Fixed it. i needed br. in the index. inside the Content div.and will do.and i just didnt show that. i will put in doctype now.whats better or more recommended?transitional? or strict?
Link to comment
Share on other sites

why?
so you can ensure greater conformity across various browsers. It will force pages to render according to stricter standards and give you more reliable results when testing.
Link to comment
Share on other sites

so you can ensure greater conformity across various browsers. It will force pages to render according to stricter standards and give you more reliable results when testing.
does doctype go in head? or above the html tag? cause im doing the validator and its saying its an error if its above html.
Link to comment
Share on other sites

click the link in my signature. It should replace the <html> tag in essence. Also make sure your site only has one <html>/<DOCTYPE> tag, one <body> and one <head> tag. (with their respective closing tags, obviously). I still see duplicates of each in the page.

Link to comment
Share on other sites

click the link in my signature. It should replace the <html> tag in essence. Also make sure your site only has one <html>/<DOCTYPE> tag, one <body> and one <head> tag. (with their respective closing tags, obviously). I still see duplicates of each in the page.
it looks like that when you view source because its done in php i should have told you that. sorry .& so if i get rid of <html> i can put the doctype there? and then id close it with </html>?
Link to comment
Share on other sites

Uh, you still need to have the <html> tag (it is never valid to have a closing tag without a matching opening one). Just put the DOCTYPE declaration above that. If it's still invalid, show us.P.S. no matter how the HTML is generated, it still should be valid :).

Link to comment
Share on other sites

Uh, you still need to have the <html> tag (it is never valid to have a closing tag without a matching opening one). Just put the DOCTYPE declaration above that. If it's still invalid, show us.P.S. no matter how the HTML is generated, it still should be valid :).
its still invalid.
Link to comment
Share on other sites

Well, if it's http://attilahajzer.comeze.com/sites/Blue_stripes/ you have updated, there are some other issues. For example, you seem to be missing a title element, have too many html elements (in fact, you seem to have two complete documents, in one!), have things after the (second) closing html tag, and a few other miscellaneous problems. Go through the errors one by one!Even if you are including things using a server-side language, it's still not valid to have multiple root elements. The validator sees what we see when we go "view source", so if that's wrong, then your document will be invalid.

Link to comment
Share on other sites

Well, if it's http://attilahajzer.comeze.com/sites/Blue_stripes/ you have updated, there are some other issues. For example, you seem to be missing a title element, have too many html elements (in fact, you seem to have two complete documents, in one!), have things after the (second) closing html tag, and a few other miscellaneous problems. Go through the errors one by one!Even if you are including things using a server-side language, it's still not valid to have multiple root elements. The validator sees what we see when we go "view source", so if that's wrong, then your document will be invalid.
well its in PHP how am i supposed to work around that? ive tried soo muchand i hate ABSOLUTLY HATE using iframes! php is soo much easier!
Link to comment
Share on other sites

... If you are including a PHP document, then you just include markup fragments. Remember that PHP works on the server-side, and the browser has no awareness of the way the document was constructed - it just receives the final page.So, say you have a document:

<!-- markup --><?php include("footer.php"); ?><!-- more markup -->

Then footer.php should not contain HTML, head, body, etc. tags all over again, it should just contain the footer markup, e.g.:

<div id="footer"><p>This is a footer</p></div>

Then, when the final document is constructed by the PHP interpreter, it will look like:

<!-- markup --><div id="footer"><p>This is a footer</p></div><!-- more markup -->

It is preferable to use server-side scripting over iframes, but you still have to be aware of the issues. Look at your source code - didn't it seem like there was something wrong? Did you think every website that uses PHP has invalid markup, with root elements all over the place?P.S. also, you may want to try finalising your design before turning it into a set of scripts - that way, you can debug design issues, and coding errors, separately.

Link to comment
Share on other sites

... If you are including a PHP document, then you just include markup fragments. Remember that PHP works on the server-side, and the browser has no awareness of the way the document was constructed - it just receives the final page.So, say you have a document:
<!-- markup --><?php include("footer.php"); ?><!-- more markup -->

Then footer.php should not contain HTML, head, body, etc. tags all over again, it should just contain the footer markup, e.g.:

<div id="footer"><p>This is a footer</p></div>

Then, when the final document is constructed by the PHP interpreter, it will look like:

<!-- markup --><div id="footer"><p>This is a footer</p></div><!-- more markup -->

It is preferable to use server-side scripting over iframes, but you still have to be aware of the issues. Look at your source code - didn't it seem like there was something wrong? Did you think every website that uses PHP has invalid markup, with root elements all over the place?P.S. also, you may want to try finalising your design before turning it into a set of scripts - that way, you can debug design issues, and coding errors, separately.

ohhhh i didnt know that. i had no idea!! thanks ill try againbut how will i add a stylesheet?
Link to comment
Share on other sites

depends. If you are including the <head> part of your site, then just put in that included page (just like regular HTML markup). If that part of the page isn't, then its just business as usual (putting it in the <head> section. We can't tell which parts are included, so it's kind of like a guess.

Link to comment
Share on other sites

You add the stylesheet in the head section of your document.When you include things via PHP, it is as if you have copied-and-pasted the code into the document. So when you include the footer, think of it like copying the code and pasting it into the markup for the rest of the page. It does not remain separate or distinct from the rest of the document - it becomes part of it.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...