BlueSky

Just edited now...it is ok now. First I set the line height inside the #divname img and it did not work. But by setting it right inside the #divname it works fine. Youpi ! Txx

Bumping into this now I keep having some space between rows of images . I set the body with margin / padding 0 The div where the images are has also its attributes set the same. Images inside the div have also their margin and padding set to 0. Firefox/Chrome/Opera give me a space between the rows meanwhile IE no. How can I solve this ?

Now yes it is. Thanks so much for this long and very detailed explanation. I will stick it for sure ! It might look logical to advanced css coders, but is a bit confusing at first sight. Txx again and cheers !

Hi JMZ I get it. So to be sure : by using #header img" i tell the Browser to apply the style to all image located inside the div id element.. Is it ok ?

Hi. No sorry it does not make sense... So to sum up here is the question : How do I give attributes to images gathered inside a div ?

I have problems with the layout of a Full browser gallery of thumbnails - No caption. HTML page divided in 3 parts for design need + optimisation. <div id="wrapper"> <div id="Header"></div> <div id="Main"></div> <div id="Footer"></div> </div> I have to dispatch equally my thumbs in header/main/footer. Until now i just insert my thumb one after on like for ea <div id="wrapper"> <div id="Header"><img src="thumbs229.jpg" class="header"/><img src="thumbs87.jpg" class="header" /><img src=" thumbs230.jpg"/></div> </div> Main and footer are populated the same way. I wonder if I do it it well. The test of the file is ok on all browsers but the img classes are not applied to the thumbs. So :Should I organise each of my thumbs in a list using ul and li ? or each thumb in a div ? in case , my CSS : body { margin:0; padding:0; border:0; /* This removes the border around the viewport in old versions of IE */ width:100%; background-color:#FDFEF9; } #wrapper { position:relative; clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; padding-top: 10px; padding-left: 40px; } #header { float: left; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; } .header img{ margin: 0 0 0 0; padding:0 0 0 0; } #container { float: left; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; } .container img{ margin: 0 0 0 0; padding:0 0 0 0; } #footer { float: left; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; } .footer img{ margin: 0 0 0 0; padding:0 0 0 0; } TXXX

My goal is to populate a full HTML page with thumbs. I guess an XML file is the best way. Question : Could SPRY be the best way to achieve this ( in matter of time of loading for example) or shall I use only Javascript ? TXXX BTW, what do you think about SPRY ? I just discovered it and find it really great..

Oh my G... that was so simple...Yes it does it ! Txxx

I have a page crowded with rows of thumbs. I am just starting to design it with css and I see that there is a space between each thumb, both horizontally and vertically. I tested the page in all browsers and the result is the same. Is this normal and how can i "play"with this space ?

Thank you for the nice and easy link. But can we still estimate this accurate in 2009 ?

Title is wrong , correct one should be : Do you use MIN/MAX-WIDTH and MIN/MAX-HEIGHT ?? I am building a liquid layout with percentage and wonder if I have to use MIN/MAX-WIDTH and MIN/MAX-HEIGHT , knowing that IE 6 and earlier versions do not support it. Do you use them ? Is there any rule available to avoid the bug ?

Hello Dizi, I don't know if you're Queen of the spammers, but you're the Queen of the good and fast answers for sure. Thank you.

Hi again Community ! Here is my concern : I want to make a liquid layout ( 2 rows - body + footer)fullfilled with thumbs. I want my new site to be nicely viewable from big screens to mobiles in any browswers without loosing too much informations. So, is there any basic CSS rule or trick to obtain this ? Can I be sure that my pics won't be distorted ? Thank you for any info or link.

What do you think about blogger.com ?

Hi. Sorry if I posted this in the wrong section...I looked but did not find anywhere else...Feel free to move it in case ! Anyway, I just would like to know...a bit as a poll if I may...which Blog platform do you use or recommend ?IE Worpress, Blogger or any others. And if you have time, why . Any info is welcome. Thank you and MERRY MERRY XMAS TO ALL OF YOU

Thanks a lot for your fast and precise reply ! Well I was using this but I was wondering if there were no extra designing tricks...well, at least your post makes it less "mysterious" for me .Cheers !

Thanks. That's a good point Dizi. + your link is really good. But If I use this JS app, could there be a conflict with another JS app that I use aka Lightbox ?

I wonder how to create characters with boldness with PSD. Some characters have already this style type, but can we give boldness to any character ?Check for ex the following with the title BRINGING FRESH NEW PERSPECTIVE TO EVERY PROJECT. Is it a bold char. or can I give this thickness/body to any character ?

Hi Dizi :-) Thanks for the link, indeed useful. But I was also seeking for a general opinion on this matter . What you guys generally use, advice : use Flash or JS to make a dynamic banner ( in my case alpha cross fading one)?

Just wondering : What you would advise to make a HTML website alpha cross fading banner : use Flash or JS ? That's all...:-) Thanks !

Thanks, yes it makes also more sense. I understand now. Cheers !

I use XHTML Transitionnal... So to sum up sticking with our previous posts (float, margin etc) is the best , right ?

tx to both of you. So, In matter of space btween elements , Is it safer to add then margin + padding to be sure that I cover all main browsers ? What about the clear option that I read about here and there ? does it have something to do with that or is it totally something else ? Sorry for very basic question but I am at the bottom of the CSS mountain

I have 2 div in one main div.both have to be horizontally aligned : one on the left and one on the right. I use float left for the first and float right to the second.It looks fine in IE and Firefox. Is it enough or should I use also margins ? Somebody could enlighten me about may'be a general rule or better do advice ?TXXX^_^ here is the ex.(menu-wrapper and logo-wrapper are both inside the header-wrapper.) #header-wrapper { width : 1200px; height : 120px; border: solid 1px; border-color: #0033FF; } #logo-wrapper{ width:300px; height:80px; float: left; margin-top:20px; } #menu-wrapper{ width:880px; height:80px; float: right; margin-top: 20px; }