|
| |
|
|
obialor
Posts: 72
Joined: 1/9/2007
Status: offline
 |
Flash Banner Problem - 12/26/2007 16:46:32
I developed a flash banner for a website under construction.
The banner does not stretch the whole width of the web page. It occupies about 50% of the space. How can I make it to occupy 100% of the space, that is, stretching the full width from left to right?
Here is the URL of the test site: http://amtexhouston.com/
Obi
|
|
|
|
obialor
Posts: 72
Joined: 1/9/2007
Status: offline
|
RE: Flash Banner Problem - 12/26/2007 17:11:40
Thank you for a speedy reply. I am glad that you recognize that I cannot specify the width to 100% since the banner is not graphic.
But you wrote: "What you should do is design your header so that part of it is a graphic and the rest is a background so that it will resize seamlessly at any width." Will this still retain the flash attributes? How do I design part of the headeer graphic and part background assuming the flash will not be lost.
Obi
| |
|
|
|
obialor
Posts: 72
Joined: 1/9/2007
Status: offline
|
RE: Flash Banner Problem - 12/26/2007 17:54:01
I opened the style2.css in code. It is not empty but full of codes. Where in the code do I type this code "#masthead {background-color:red;}"
Below is what I see in style2.css
@import url("layout.css");
body {
font-family: Arial, sans-serif;
font-size: medium;
color: #000;
}
#container {
width: 100%;
height: 100%;
background-color: #74B8FC;
}
#masthead {
width: 100%;
overflow: auto;
text-align: right;
background-color: #c5d5e5;
}
#page_content {
position: relative;
}
#sidebar {
position: relative;
float: left;
width: 140px;
background-color: #cb8;
}
#content {
margin-left: 160px;
padding: 10px;
background-color: #fff;
}
#footer {
clear: both;
width: 99%;
overflow: hidden;
padding-top: 1%;
padding-right: 0;
padding-bottom: 1%;
padding-left: 1%;
background-color: #cdf;
}
#masthead img {
float: left;
}
#masthead p {
font-size: small;
margin: 0;
margin-right: 1%;
}
h1,h2,h3,h4,h5,h6 {
font-family: Arial Black;
}
/* Styles for Navigation */
#sidebar ul {
list-style-type: none;
width: 100%;
display: block;
margin: 0;
padding: 0;
}
#sidebar li {
display: block;
border: 1px solid #cb8;
}
#sidebar a {
font-weight: bold;
text-decoration: none;
color: #393939;
padding: 5%;
display: block;
border-bottom: 1px solid #f5f5f5;
}
#sidebar a:hover {
font-weight: bold;
text-decoration: none;
color: #393939;
border-bottom: 1px solid #f5f5f5;
background-color: #dc9;
}
/* Styles for Footer */
#footer p {
font-size: x-small;
}
#footer a {
color: #393939;
text-decoration: underline;
}
#footer a:hover {
color: #393939;
text-decoration: none;
}
a {
color: #393939;
text-decoration: underline;
}
a:hover {
color: #78a;
text-decoration: underline;
}
.style_bold {
font-weight: bold;
}
.style_italic {
font-style: italic;
}
| |
|
|
|
obialor
Posts: 72
Joined: 1/9/2007
Status: offline
|
RE: Flash Banner Problem - 12/26/2007 22:30:24
I went and reworked the banner in the Flash program by specifying 1024 by 450. The result does not fully stretch the banner from side to side. The style folder is back where it should be. Do you have any advice for me on how to proceed? Please take a look. Thank you.
http://amtexhouston.com/
Obi
| |
|
|
|
obialor
Posts: 72
Joined: 1/9/2007
Status: offline
|
RE: Flash Banner Problem - 12/27/2007 10:55:22
Thank you Jaybee. Which of the style sheets control the masthead and container? style1, style2 or style3? I specified the size of the banner in code in style3 since I did not see how to do it in style2. The style sheets are now in the style folder.
One thing I need to tell you so that you can help me is that I created one page test website from the original and imported a number of elements from the original website into it. I imagined that if I am able to see how it works from the one page website, I can carry it over to the website under development. I hope this helps.
I see no difference in the updated website: http://amtexhouston.com/
Obi
| |
|
|
|
obialor
Posts: 72
Joined: 1/9/2007
Status: offline
|
RE: Flash Banner Problem - 12/27/2007 16:37:25
Thank you Jaybee. I am a slow learner and you are a patient and excellent teacher. At last I knew where to apply the #masthead {background-color:red;}. It makes a visually more pleasing layout. I am very happy with this but want to experiment with other background colors. You wrote: "You can change that to any color you want and it will spread across the page. " How do I make the color change? Just replace red with black, green, orange, etc. Secondly, note in the updated webpage that the color of the footer did not change. How do I change it to be red like the flash banner?
I am trying hard to learn the CSS and I had read the tutorial reference you gave above but but have not understood enough to do things with the limited knowledge. I hope you will share more of your knowledge. It is easier to learn from you than from the tutorial. Many thanks.
http://amtexhouston.com/
Obi
| |
|
|
|
obialor
Posts: 72
Joined: 1/9/2007
Status: offline
|
RE: Flash Banner Problem - 12/27/2007 17:57:26
Dear Jaybee,
At this point, I can only say a BIG THANK you for everything. Suddenly everything has become clear.
Obi
| |
|
|
|
obialor
Posts: 72
Joined: 1/9/2007
Status: offline
|
RE: Flash Banner Problem - 12/27/2007 20:51:11
I thank you for the recommendation of the book. I have downloaded the free 4 chapter PDF to review tonight and see the feel of it before I make a purchase decision. I am glad you said that it was written in simple steps. This will be enormously useful for busy people today. Thanks again for a good job.
Obi
| |
|
|
|
obialor
Posts: 72
Joined: 1/9/2007
Status: offline
|
RE: Flash Banner Problem - 1/2/2008 17:32:13
I need some help. How do I extend the width of the LEFT light blue (sidebar). I call it sidebar for want of a better word. The website is: http://amtexhouston.com/
Obi
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
