Results 1 to 5 of 5

Thread: expand image 100%

  1. #1
    Join Date
    May 2011
    Posts
    10
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default expand image 100%

    Hi I'm building a site with a div "middlecontent" expands according the the length of text inside. I have an image of blue bars that seperate the page into three columns. I put the image in the "middlecontent" div and made the hight 100%, but the bars still do not expand with the rest of the content. Here is the page: http://webtest.meredith.edu/acp11/newstudents.htm

    I am very new to web programming, so thanks in advance for any help.

  2. #2
    Join Date
    Apr 2010
    Posts
    58
    Thanks
    5
    Thanked 1 Time in 1 Post

    Default

    You could probably just add a left and right border to your middlecontent div.

    border-left: 1px solid #SOMEBLUECOLOR;
    border-right: 1px solid #SOMEBLUECOLOR;

    --------------------------------------------------------


    There does seem to be some error in your coding though.

    As an example:

    height:100%px;

  3. #3
    Join Date
    Oct 2006
    Location
    New York, NY, USA
    Posts
    262
    Thanks
    42
    Thanked 24 Times in 24 Posts

    Default How many stylesheets?

    How many stylesheets?

    One embedded in <HEAD>, then two linked (<link href="bottomgaramond.css" rel="stylesheet" type="text/css"> <link href="blueheadcentury.css" rel="stylesheet" type="text/css">) , then another embedded, then <link href="brightboldhead.css" rel="stylesheet" type="text/css">, then another embedded, then two more linked (<link rel="stylesheet" type="text/css" href="ddsmoothmenu.css" /> <link rel="stylesheet" type="text/css" href="ddsmoothmenu-v.css" />) in <BODY>.

    See http://htmlhelp.com/reference/css/style-html.html
    http://www.w3.org/TR/html40/present/styles.html http://webdesign.about.com/od/beginn...mport_link.htm

  4. #4
    Join Date
    May 2011
    Posts
    10
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    The border worked. Thanks!

    I am using 3 css styles for text. blueheadcentury, bottomcentury, and brightboldhead. The ddsmoothmenu is from the dropdown menu I got from this site. But the rest are old so I will make sure to delete them. (if I just do managage styles and remove them that way will it be taken out of the code?) Thanks for the links...I need all the help I can get.

  5. #5
    Join Date
    Oct 2006
    Location
    New York, NY, USA
    Posts
    262
    Thanks
    42
    Thanked 24 Times in 24 Posts

    Default @font-face ?

    Sorry I did not note "century" as a font face/family. I've been sleeping under a rock so have not yet used @font-face CSS rules.

    Generally speaking, I think style rules can be combined into one stylesheet, and I think only 1 "preferred" stylesheet (using TITLE) is applicable at a time. (I have to re-read those links myself and figure out @import, etc.)

    Just make sure the style rules you apply are defined. And of course, there's the "cascading" effect in CSS -- more specific rules override less-specific, the last stylesheet listed overrides first listed, linked style sheets are overridden by embedded, inline style attributes override linked and embedded styles, etc. --- something like that.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •