vb.org Archive - CSS Help...

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 Programming Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=15)

- - CSS Help... (https://vborg.vbsupport.ru/showthread.php?t=203881)

Winterworks

02-02-2009 12:02 AM

CSS Help...

Okay, in my index.html, I have...

Code:

<center>

<div id="content-top"> </div>

<div id="content-center">Put Content Here...</div>

<div id="content-bottom"> </div>

</center>

and in my stylesheet.css I have...

Code:

                #content-top {

        background: url('images/content-top.gif') no-repeat;

      }

      

                      #content-center {

        background: url('images/content-center.gif') no-repeat;

      }

      

                      #content-bottom {

        background: url('images/content-bottom.gif') no-repeat;

      }

I want it so the "content-top.gif" image is showed at the top, and then below it, have the "content-center.gif", with text on top of it (I also want it expandable somehow...), and then below, I want "content-bottom.gif".

I also want them all centered, and not repeated.

Now, how can I do this? What's wrong? It won't show up on my website...

http://trasion.com/websiteee/

I know my stylesheet.css is working, and I know that index.html can properly read from it, as other parts of the stylesheet.css are working on the index.

KTBleeding

02-02-2009 12:22 PM

While this isn't how I would recommend doing this, here is your answer:

Code:

#content-top { background: url('images/content-top.gif') no-repeat; height: 10px;}

#content-center { background: url('images/content-center.gif') repeat-y; }

#content-bottom { background: url('images/content-bottom.gif') no-repeat; height; 15px; }

Note: background: without a color is not valid css. To make this valid, you're either going to want to specify a color:
background: #fff url(images/blah.gif) no-repeat;

Or, you can specify the background settings separately:
background-image: url(images/blah.gif); background-repeat: no-repeat;

Winterworks

02-02-2009 06:34 PM

Wow, it works! Thank you so much!

How can I make them centered now?

All times are GMT. The time now is 03:23 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01021 seconds Memory Usage 1,717KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (3)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (3)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: