BlueSky

I send a jpg preview of one of the pages. This is the first shot of my page. I hope this will be ok to understand what I mean.Otherwise please let me know. I managed to organize the header made of a logo and a menu. The footer is also ok. The main content is my concern : buy calendar/photobook/cover image/thumbs/click for preview/price. Under this will be a div with HTML text and finally the association with I succedeed to place the div main content but when I try to organize the nested divs inside the main content, I fail. I must miss may'be a div somewhere. Here is the idea of the structure : <div class=main-content <div class=buy-calendar</div> <div class=photo-book</div> <div class=book-cover</div> </div> CSS : .main-content { margin-top:3px; width:1024px; background:url(images/background.jpg); height:auto; } .buy-calendar{ float: right; width: 372px; height: 90px; } .photo-book{ float: left; width: 200px; height: 75px; } .book-cover{ etc.... } I am sute that what I did is wrong, but I am a very beginner in Css.

I don't know if my question is relevant, but I don't know how to formulate it : Let's say I have a main content Div, inside this div - how to line up nested divs ? - how to put them on the top of each others ? And finally : Do I need to use Div class or Div Id ? Thanks you for any of your guidance , Cheers and thanks ...

Yes that is very good to expand my background all along the main Div content. But when I try no-repeat the result is the same...why ?

Hi and thanks for your replies. I partially found a solution to my question. I found an article about PNG and am wondering if I can safelly use this for browsers access. Till now I was saving my slices as gif for text ( e.a menu, logo, etc...), but my gradient was then broken in HTML. By saving some of my slices in PNG 24 with transparency, I can preserve the gradient aspect of my layout. But is this safe in all browsers and older ones ?

Since my last post ref empty DIV tag I erased all I did and started to seriously deeply crazily learn about the art to import PSD slices into HTML and code with Css...It took me many days to figure it out but since today I got IT !!!! So I am happy to make my first layout using Css but I constantly bump into the same problem : My PSd layout is using one main gradient background. SO. when I slice my page, I also slice the gradient background. As a consequence , in the HTML my gradient appears sometimes like "broken". Do you disadvice to use gradient ? Or is there a way to avoid this with css ?

ok here is the link :

hi there. ..yes I am totally confused. Knowing a bit of this and a bit of that is not the best I guess. Ok I will upload the files to the existing site annd let you know in a ffew minutes.

Thank you !!! I am gonna work that out and let you know...Got to go now ...it is late here..

Oh you are still there Well, I can't explain the all process-too long-, but i will try to be clear and short. This is an imported PSD designed webpage. I want to keep some HTML code in this page for better SE ranking. So : in my PSD file I made a slice in order to delete it after when editing in D8 and replace it by html text. Then I found myself with an empty TD...I didn't know how to write my text efficiently and easily.... I read here and there and found that div are very useful and SE friendly.... Then I met a problem with these divs : I couldn't put some space between them ( for the layout needs), that's why I tried this solution. I just need to put space between the lines. I need to create some paragraphs. ( the answer I just wrote to you is the idea of what I want to do) I don't know if this can help better. I don't even know anymore if I am going the right way.

I am feeling that I might not do things right here.... Here is the concerned part of the code. <td colspan="14" rowspan="3" valign="top"> <div> </div> <div> </div> <div class="Header"> <div align="left">BLA BLA BLA</div> </div> <div> </div> <div class="smallText">BLA BLA BLA</div> <div class="smallText">BLA BLA BLA</div> <div class="smallText">BLA BLA BLA.</div> <div class="smallText">BLA BLA BLA</div> <div class="smallText" id="format">BLA BLA BLA.</div> <div> </div> <div> </div> <div class="smallText">BLA BLA BLA BLA BLA BLA ...</div> </td>

Tnak you, yes it makes much more sense...excepted for the "tabular data"...what do you mean?

Hum, I figure it out just a tiny too tiny little bit, do you have may'be an example...

and hi again ...another topic as I go on bumping into irritating things...I am newbie in HTML..I just want to give a border to a table( table is a PSD web page) without affecting its TRs and Tds. I edited my css with the colors and styles and set the border size directly on my HTML code, but then all table elements also inherit it..how can I avoid this ? Thank you

I have a html doc XHTML1 transitional and need to have a serie of empty Div in a TD. So between filed up DIVs I simply insert empty Div using inside , e.a : <div> </div> It works fine on preview in main browsers but W3C ( nice tool BTW) /Tidy systematically reject this option. Do I use a wrong doc type or I am missing sthing ? Thank you for your advises ...

Yes you get it ! Well I tried in the past with only some psd code and it was indeed disastrous... I retried this morning , just to check on a new page, and the code had just errors on ALT tags...corrected immediately. Now the code is approved by W3C. So, shall I go on or be more precautious ? as Tidy and W3C can sometimes have lacks of precision.

hI. I am used to make (X)HTML sites with not so much PSd use. But obviously pure HtML designs are not that exciting as with PSD., So I am now in the process of redesigning mine startig first with PSd, then I will of course worl it with (X)HTML. BUT : UNTIL NOW SEARCH ENGINES LOVE ME ( :-)), So I wonder what is happening with some PSd involved ? Are there some kind of rules or advices on this matter ? like for example : make a (x)HTML menu instead of a psd menu ? Maintain Psd slices at the minimum for example just for images ? Thank you for your precious help.

Tx and sorry for late reply..WE. Well that's the best . I will stick to that. Thank you. WELL THREAD CLOSED>>>ANY MOD TO MARK IT AS SOLVED ????

hi ok I found it and tried...but not much of a result. I also retried by saving it in jpg format but transparency is hard to be kept as the logo is on a gradient background...Oh I think i am stucked

HI ! MATT function ???? What is this ?

No unsharp .

Well just tried...awfully crispy.

Hi. No I thought it would loose...ok let 's try that.I let you know

Happy I found this forum...looks great ! Thanks in advance for your precious help and time ! HAPPY creations to all of you

First Greetings to all ! I just arrived on the forum and It looks promising. So the questions : Working with PSD CS2 , I need a transparent background for a logo. I read that JPG format does not support transparency, so I use a PNG. It is ok but seems to me that sharpness is not as good as jpg . I converted my logo using PNG 24. Do I do something wrong ? Is there another way to make a nice and sharp logo or any text preserving transparency and quality .. Thanks for your guidelines ,