Solved

Help with DIV and CSS

Posted on 2011-10-01
2
186 Views
Last Modified: 2012-05-12
Please see the screenshot here: www.mwebdev.com/downloads/bar.jpg, and then go to www.mwebdev.com/wa.html.

I'm trying to get the entire bar in the screenshot to show (look at the left and right sides). I've experimented with the CSS widths (currently 993px), but nothing has worked. I tried simply increasing 993 in the CSS file to 1033 (the width of the bar), but it messes up my alignments. Any help would be greatly appreciated!
0
Comment
Question by:isaacr25
2 Comments
 
LVL 6

Accepted Solution

by:
i-CONICA earned 250 total points
ID: 36897543
That page has 23 style sheets loading. There could be all kinds complications going on.

In style.css try this


.corner-bot-right .inner-front
{
      background: url(images/mid-bar.jpg) no-repeat top center;
      margin: 0 0 0 -20px;
      width: 1033px;
      position: absolute;
}

It's not very good, but neither is the rest of the page's code. This seems to provide the result you're after.
0
 
LVL 83

Assisted Solution

by:Dave Baldwin
Dave Baldwin earned 250 total points
ID: 36897565
I would edit the pic like this to make 993px wide.
Woodfield-mid-bar.jpg
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

830 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question