I have a page where I'm trying to center my buttons on my menu using CSS. I had a friend do it for me and she said it worked fine for her. When she sent me the file though, it wouldn't work for me on Dreamweaver. <br />
<br />
Can someone take a look at my page <!-- m --><a class="postlink" href="http://www.bomarkinks.com/menu_web.htm">http://www.bomarkinks.com/menu_web.htm</a><!-- m --> and tell me how to link my style sheet to this page. <br />
<br />
Here is what I have in my style sheet which is named style.css <br />
<br />
.sidebar {padding-left: 20px;} <br />
body {margin: 0; padding: 0;} <br />
table {margin: 0; padding: 0;} <br />
<br />
The style sheet is in the same sub-folder where all the images are kept. I'm guessing that I have to somehow tell the page in what cells I want to use the style but I don't know how. Can somebody make sure I'm doing everything right? Thanks.<!--content-->I changed line number 84 to read:<br />
<br />
<td width="237" valign="top" align="center" rowspan="5" background="images/menu_new.gif"><br />
<br />
I added a align="center" which centered the menu tabs. I didn't play around with the CSS.<!--content-->Yeah, I already tried the align thing but it doesn't look good. The question was can someone help me with the CSS...<br />
<br />
I managed to fix it myself but now I have the background tiling to the right of the image for some reason. Can someone with some CSS experience help me out?<!--content-->I have a page where I'm trying to center my buttons on my menu ........<br />
<br />
<br />
hence the align="center." I mean the menu is layed out in tables.<br />
<br />
Linking to style sheets:<br />
<br />
<link rel="STYLESHEET" type="text/ css" href=http://www.htmlforums.com/archive/index.php/"yourStyleSheet.css"><br />
<br />
<br />
thought you don't really need to use CSS to position your stuff, if you want more info on them goto:<br />
<br />
<!-- m --><a class="postlink" href="http://www.volcanic-design.com/volc_links.htm">http://www.volcanic-design.com/volc_links.htm</a><!-- m --><!--content-->Yeah, I tried the align=center thing but my menu is curved so that won't work. I NEED to know how to do it using CSS. If you look at my page, you'll see that there is a vertical line running down the screen in the sme column that my background image is in. It did this when I wrote a line of CSS to center the buttons. So, my question is, how do I do this so the line disappears and the buttons are centered?<!--content-->First of all, I know NOTHING about CSS. But I was wondering if that line could be caused by the padding 20px in your style sheet. Yep, I know it says to pad on the left but is it somehow causing your background to tile on the right? That line just seems to be about 20 pixels to my untrained eye.<!--content-->All problems are not CSS in origin. Your problem here, is that your blue background for the menu bar is repeating. The data cell is wider than the blue curving background, so it repeats.....hence your blue line. One option is go back to the image editor (imageready) that you used, and add some extra white space to the right of the curve. After you do that, save it and view the page again. Should solve the problem in a jiffy.<br />
<br />
Also I see no difference from when you used your CSS to center the buttons, as opposed to my changing line 82 align="center"......except that your CSS line caused the repeating image you are struggling with now.<!--content-->
<br />
Can someone take a look at my page <!-- m --><a class="postlink" href="http://www.bomarkinks.com/menu_web.htm">http://www.bomarkinks.com/menu_web.htm</a><!-- m --> and tell me how to link my style sheet to this page. <br />
<br />
Here is what I have in my style sheet which is named style.css <br />
<br />
.sidebar {padding-left: 20px;} <br />
body {margin: 0; padding: 0;} <br />
table {margin: 0; padding: 0;} <br />
<br />
The style sheet is in the same sub-folder where all the images are kept. I'm guessing that I have to somehow tell the page in what cells I want to use the style but I don't know how. Can somebody make sure I'm doing everything right? Thanks.<!--content-->I changed line number 84 to read:<br />
<br />
<td width="237" valign="top" align="center" rowspan="5" background="images/menu_new.gif"><br />
<br />
I added a align="center" which centered the menu tabs. I didn't play around with the CSS.<!--content-->Yeah, I already tried the align thing but it doesn't look good. The question was can someone help me with the CSS...<br />
<br />
I managed to fix it myself but now I have the background tiling to the right of the image for some reason. Can someone with some CSS experience help me out?<!--content-->I have a page where I'm trying to center my buttons on my menu ........<br />
<br />
<br />
hence the align="center." I mean the menu is layed out in tables.<br />
<br />
Linking to style sheets:<br />
<br />
<link rel="STYLESHEET" type="text/ css" href=http://www.htmlforums.com/archive/index.php/"yourStyleSheet.css"><br />
<br />
<br />
thought you don't really need to use CSS to position your stuff, if you want more info on them goto:<br />
<br />
<!-- m --><a class="postlink" href="http://www.volcanic-design.com/volc_links.htm">http://www.volcanic-design.com/volc_links.htm</a><!-- m --><!--content-->Yeah, I tried the align=center thing but my menu is curved so that won't work. I NEED to know how to do it using CSS. If you look at my page, you'll see that there is a vertical line running down the screen in the sme column that my background image is in. It did this when I wrote a line of CSS to center the buttons. So, my question is, how do I do this so the line disappears and the buttons are centered?<!--content-->First of all, I know NOTHING about CSS. But I was wondering if that line could be caused by the padding 20px in your style sheet. Yep, I know it says to pad on the left but is it somehow causing your background to tile on the right? That line just seems to be about 20 pixels to my untrained eye.<!--content-->All problems are not CSS in origin. Your problem here, is that your blue background for the menu bar is repeating. The data cell is wider than the blue curving background, so it repeats.....hence your blue line. One option is go back to the image editor (imageready) that you used, and add some extra white space to the right of the curve. After you do that, save it and view the page again. Should solve the problem in a jiffy.<br />
<br />
Also I see no difference from when you used your CSS to center the buttons, as opposed to my changing line 82 align="center"......except that your CSS line caused the repeating image you are struggling with now.<!--content-->