sos.sos...help me... help me... plz

Reply

Join Date: Nov 2008
Posts: 11
Reputation: dariush29722 is an unknown quantity at this point 
Solved Threads: 0
dariush29722 dariush29722 is offline Offline
Newbie Poster

sos.sos...help me... help me... plz

 
0
  #1
Dec 22nd, 2008
hello my friends
i designed an container with div tag but it is not good displayed in corner left and right.please see my container and help me.

container for download and help:container.zip
Reply With Quote Quick reply to this message  
Join Date: Jul 2007
Posts: 258
Reputation: Designer_101 is an unknown quantity at this point 
Solved Threads: 12
Designer_101's Avatar
Designer_101 Designer_101 is offline Offline
Posting Whiz in Training

Re: sos.sos...help me... help me... plz

 
0
  #2
Dec 26th, 2008
so whats the actual problem?
i dont understand?
Reply With Quote Quick reply to this message  
Join Date: Jan 2007
Posts: 3,210
Reputation: MidiMagic has a spectacular aura about MidiMagic has a spectacular aura about 
Solved Threads: 165
MidiMagic's Avatar
MidiMagic MidiMagic is offline Offline
Nearly a Senior Poster

Re: sos.sos...help me... help me... plz

 
0
  #3
Dec 26th, 2008
Originally Posted by dariush29722 View Post
hello my friends
i designed an container with div tag but it is not good displayed in corner left and right.please see my container and help me.

container for download and help:Attachment 8618
I could help if it weren't a zip file.
Daylight-saving time uses more gasoline
Reply With Quote Quick reply to this message  
Join Date: Jul 2007
Posts: 258
Reputation: Designer_101 is an unknown quantity at this point 
Solved Threads: 12
Designer_101's Avatar
Designer_101 Designer_101 is offline Offline
Posting Whiz in Training

Re: sos.sos...help me... help me... plz

 
0
  #4
Dec 26th, 2008
midimagic have you any idea what he wants?
I dont understand lol

I've extracted the files and would be happy to attach them if you like, but i dont understand what the problem is.
Reply With Quote Quick reply to this message  
Join Date: Nov 2008
Posts: 11
Reputation: dariush29722 is an unknown quantity at this point 
Solved Threads: 0
dariush29722 dariush29722 is offline Offline
Newbie Poster

Re: sos.sos...help me... help me... plz

 
0
  #5
Dec 31st, 2008
Originally Posted by Designer_101 View Post
midimagic have you any idea what he wants?
I dont understand lol

I've extracted the files and would be happy to attach them if you like, but i dont understand what the problem is.
hello my friemd
all corners is destroyed.
please help
Reply With Quote Quick reply to this message  
Join Date: Jan 2007
Posts: 276
Reputation: kanaku is on a distinguished road 
Solved Threads: 15
kanaku's Avatar
kanaku kanaku is offline Offline
Posting Whiz in Training

Re: sos.sos...help me... help me... plz

 
0
  #6
Dec 31st, 2008
Ok I got the files, I'll try to work on them.

For the others who want to know what the problem is, this attachment shows the background of this middle divs overshooting... so the rounded corners effect is broken.
If you know ASP, you can save other daniweb members from idiots like me by helping out in this forum.

Visit this thread
if your username starts with one of the following letters: B D F H J L N P R T X Y Z.
Reply With Quote Quick reply to this message  
Join Date: Jan 2007
Posts: 276
Reputation: kanaku is on a distinguished road 
Solved Threads: 15
kanaku's Avatar
kanaku kanaku is offline Offline
Posting Whiz in Training

Re: sos.sos...help me... help me... plz

 
0
  #7
Dec 31st, 2008
Ok... I was trying to code it all up from scratch and make new slices of your images but... I give up (sorry) because I have no idea what the site is for. And I need that to answer the following stuff about the boxes:

1. are they going to extend downwards?
2. are they fluid-width (meaning one set of background images for different box-widths)?
3. can I or can't I remove the transparency of the rounded corners. If you have a changing background, other than white, you need the transparency... if it will stay white for the whole time you're going to use this layout, you can remove the transparency of the corners (which is where all the problem is coming from in the first place...)

If you have a plain white background for the page, I suggest you open your original image files and disable the transparency. That was the initial problem. So if you make the corners a solid color outside the rounded outline (except for the top-right-star background), you won't see the extended borders anymore and you can revert back to your original code.


Here's how I would do it if I can't remove the transparency:
HTML and CSS Syntax (Toggle Plain Text)
  1. <div class="tab-div-1000">
  2. <div class="tab-header">
  3. Text/HTML
  4. </div>
  5.  
  6. <div class="tab-body">
  7. Tab content goes here
  8. </div>
  9.  
  10. <div class="tab-footer">
  11. </div>
  12. </div>
  13.  
  14. <div class="tab-div-250-left">
  15. <div class="tab-header">
  16. Text/HTML
  17. </div>
  18.  
  19. <div class="tab-body">
  20. Tab content goes here
  21. </div>
  22.  
  23. <div class="tab-footer">
  24. </div>
  25. </div>
  26.  
  27. <div class="tab-div-mid">
  28. <div class="tab-header">
  29. Text/HTML
  30. </div>
  31.  
  32. <div class="tab-body">
  33. Tab content goes here
  34. </div>
  35.  
  36. <div class="tab-footer">
  37. </div>
  38. </div>
  39.  
  40. <div class="tab-div-250-right">
  41. <div class="tab-header">
  42. Text/HTML
  43. </div>
  44.  
  45. <div class="tab-body">
  46. Tab content goes here
  47. </div>
  48.  
  49. <div class="tab-footer">
  50. </div>
  51. </div>


and the CSS for that:
HTML and CSS Syntax (Toggle Plain Text)
  1. .tab-div-1000
  2. {
  3. display: block;
  4. width: 1000px;
  5. }
  6. .tab-div-250-left
  7. {
  8. float: left;
  9. display: block;
  10. width: 1000px;
  11. }
  12. .tab-div-mid
  13. {
  14. float: left;
  15. display: block;
  16. width: 1000px;
  17. }
  18. .tab-div-250-right
  19. {
  20. float: left;
  21. display: block;
  22. width: 250px;
  23. }
  24. .tab-body
  25. {
  26. background: #DF0FF;
  27. border-left: 1px solid #4a7296;
  28. border-right: 1px solid #4a7296;
  29. margin: 0; padding: 0;
  30. }
  31. .tab-body, .tab-header, .tab-footer
  32. {
  33. width: 100%;
  34. }
  35.  
  36.  
  37. .tab-div-1000 .tab-header
  38. {
  39. background: url(1000-px-wide-header-image.gif) no-repeat top left;
  40. }
  41. .tab-div-250-left .tab-header, .tab-div-250-right .tab-header
  42. {
  43. background: url(250-px-wide-header-image.gif) no-repeat top left;
  44. }
  45. .tab-div-middle .tab-header
  46. {
  47. background: url(something-px-wide-header-image.gif) no-repeat top left;
  48. }
  49.  
  50. .tab-div-1000 .tab-footer
  51. {
  52. background: url(1000-px-wide-header-image.gif) no-repeat top left;
  53. }
  54. .tab-div-250-left .tab-footer, .tab-div-250-right .tab-footer
  55. {
  56. background: url(250-px-wide-footer-image.gif) no-repeat top left;
  57. }
  58. .tab-div-middle .tab-footer
  59. {
  60. background: url(something-px-wide-footer-image.gif) no-repeat top left;
  61. }


... You will have to make a header and footer image for EACH size of box you plan to use... Tedious. And ugly.

When this thread is closed I will sneak back in and delete this post... LOL
Last edited by kanaku; Dec 31st, 2008 at 9:06 am.
If you know ASP, you can save other daniweb members from idiots like me by helping out in this forum.

Visit this thread
if your username starts with one of the following letters: B D F H J L N P R T X Y Z.
Reply With Quote Quick reply to this message  
Join Date: Jan 2009
Posts: 2
Reputation: braindumps is an unknown quantity at this point 
Solved Threads: 0
braindumps braindumps is offline Offline
Newbie Poster

Re: sos.sos...help me... help me... plz

 
0
  #8
Jan 8th, 2009
No one would easily download a zip.And Plain Text will be better.
Reply With Quote Quick reply to this message  
Reply

This thread is more than three months old.
Perhaps start a new thread instead?
Message:



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC