wanna

weekend yippee!! finally I find time to log in Thanks Sash_007,Nillervision,Izone-Host , Browser Bugs and Raptora your answers were helpful to me as beginner I did get over my image size with photoshop and now working on sth else that means u guys should expect a flood of questions anytime lolz P.s back to my original question I did come cross this in adobe site but can't post the link here so I quote : <mx:Image source="{whatever}" width="100%" height="100%" scaleContent="true" maintainAspectRatio="false" /> Put this as the first thing in your container (Application) so it is below everything else and will fill the Application area. I wonder if this can work could u try it on my files ?coz if it really work i'm not sure where to place it exactly have a good 1

hi again BrowserBugs no idea what u talking about ! whatever sash-007 : I do know that my original main image sunshine.jpg is only 700 ,525 ,but I thought I can resize it ( the image ) with CSS to be 376 in height and 968 in width ( I know I can resize image with photoshop and some other programes ) but i'm asking about CSS here can I make the pictures looked as if they were resized with CSS ?( I knew they still have their original sizes in the file ) bottom question : Can you resize image with css ? anyway thanks I still have some other tricks to try after taking my nap . if they work out I'll upload my files wish me luck ppl area of Expertise 2 weeks

I tried to attach my zip rar folder with all necessary files but I got this message: " you aren't permitted to upload this kind of file " so I have no choice but to upload it as unzip folder but that wasn't possible either !! finally, I uploaded my necessary unzipped files one by one nature.css index.html

Hi browserBug , thanks for your solutions which seem to be practically correct, but I'm sorry to say they all didn't work out Actually I 've already tried your 2nd solution before posting my question on the forum I did give the # main_ image no width as #header to see if that can help and my image take same width as # header but it didn't work out .I also went far by removing both width and length from # main_image but that caused the div to collapse to nothing, and the background image could not be displayed at all , so , here it's necessary to give it fixed length but removing or adding the width change nothing Then after reading your 1st and 3rd tricks , I tried them as well , but the problem still there . The image fails to expand and take same width as the <div>container , <div> header and #left_column,#center_column,#right_column 1-The container's padding left and right (20px) isn't problem at all as it supposed to be applied automatically on all the divs inside <div> container ( header ,main_image and left_column,center_column,right_column) as long as I don't give different CSS rule to them and that's what happens 3-when I made the container 988px (+ 20 for the padding ) as you suggested, header and left_column,center_column,right_column expand according to the new width but the # main- image : background_ image didn't expand like them still having that short in width to the right side for some reason !! my question is: isn't the #container behaves like the biggest box which contain all the other dives # header , main_image and #left_column,center_column,right_column so if we give this container certain width and padding that should apply on all the dives inside it( if we don't give them new features) .This goes well with all the dives except for the# main_image background- image which I can't understand why !!!! I want to say that the #main – image takes same width as container but the background_image of this div didn't That could be something related to the image itself that I chose as background is that possible ? Or any image I choose and give it certain width should respond to that width ? I hope I make my question clear this time and don't mislead you . sorry for my long explanation still looking for solution P.S I edit my post only to allow it to show up because each time it says to me that I can't post links .. although my post has no links in it !!? then I typed only hi then edit it and type my real post

Hi , Thanks Sash_oo7 and for your response No Sash _oo7 I want the #main_ image to take( flower image for instance) as background_ image for it only and it did take the image as background this is not the problem . the issue is that I want this background- image to take same width as the # container 968px as the #header did BTW how did you make that moving bug in your signature ? Interesting I like it

Hi, I'm very very new to the web design world . It's not until recently ( two weeks or so ) that I start feeling interested in it as a hobby and having joy in browsing websites , comparing their layouts and the like and if the site looks catchy to me I never hesitate to go ahead and click it's page source to figure out how they code it ..etc I have simple understanding of html and css and that's all I stumbled by this fantastic forum while I was searching for some information about css .I like what I read and then Hop here i'm a new member here P.S I'm trying to create my very first site by my own ^^ and as I'm raw and still groping my first tiny steps in coding and web design deep tunnel ,hope you don't mind my simple inquires that may sound funny and Of axioms to you lolz Here's the issue I'm struggling with Here's my html file :- <body> <div id="container"> <div id="header"><h1>Nature</h1> <p> Beauty + Joy</p> <ul> <li><a href="#">Forests</a></li> <li><a href="#">Mountains</a></li> <li> <a href="#">Seas& Oceans </a></li> <li><a href="#">Rivers& Lakes</a></li> <li><a href="#">Plants& Animals</a></li> </ul> </div> <div id="main_image"></div> <div id="left_column">Content for id "left_column" Goes Here</div> <div id="center_column">Content for id "center_column" Goes Here</div> <div id="right_column">Content for id "right_column Goes Here </div> </div> </body> </html> and my css file :- #container { width: 968px; background: #FFF; margin: 0 auto ; padding-left: 10px; padding-right: 10px; overflow: hidden; } #main_image { background-image:(); background-repeat: no-repeat; height: 376px; width: 968px; } #header { color: #000; background-color: #0C0; } #left_column,#center_column,#right_column{ width: 316px; float: left; } #center_column,right_column{ margin-left:10px; } the issue is that my background image doesn't take the same width as the container although I did give it same width but there's short in width ( blank area to the right side ) the header takes exactly same width as the container but the background image doesn't for some reason !! I dunno where I went wrong ! any piece of advice is appreciated thanks have a nice day