| | |
sos.sos...help me... help me... plz
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
•
•
Join Date: Nov 2008
Posts: 11
Reputation:
Solved Threads: 0
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
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
•
•
•
•
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
Daylight-saving time uses more gasoline
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.
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.
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.
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:
and the CSS for that:
... 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
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)
<div class="tab-div-1000"> <div class="tab-header"> Text/HTML </div> <div class="tab-body"> Tab content goes here </div> <div class="tab-footer"> </div> </div> <div class="tab-div-250-left"> <div class="tab-header"> Text/HTML </div> <div class="tab-body"> Tab content goes here </div> <div class="tab-footer"> </div> </div> <div class="tab-div-mid"> <div class="tab-header"> Text/HTML </div> <div class="tab-body"> Tab content goes here </div> <div class="tab-footer"> </div> </div> <div class="tab-div-250-right"> <div class="tab-header"> Text/HTML </div> <div class="tab-body"> Tab content goes here </div> <div class="tab-footer"> </div> </div>
and the CSS for that:
HTML and CSS Syntax (Toggle Plain Text)
.tab-div-1000 { display: block; width: 1000px; } .tab-div-250-left { float: left; display: block; width: 1000px; } .tab-div-mid { float: left; display: block; width: 1000px; } .tab-div-250-right { float: left; display: block; width: 250px; } .tab-body { background: #DF0FF; border-left: 1px solid #4a7296; border-right: 1px solid #4a7296; margin: 0; padding: 0; } .tab-body, .tab-header, .tab-footer { width: 100%; } .tab-div-1000 .tab-header { background: url(1000-px-wide-header-image.gif) no-repeat top left; } .tab-div-250-left .tab-header, .tab-div-250-right .tab-header { background: url(250-px-wide-header-image.gif) no-repeat top left; } .tab-div-middle .tab-header { background: url(something-px-wide-header-image.gif) no-repeat top left; } .tab-div-1000 .tab-footer { background: url(1000-px-wide-header-image.gif) no-repeat top left; } .tab-div-250-left .tab-footer, .tab-div-250-right .tab-footer { background: url(250-px-wide-footer-image.gif) no-repeat top left; } .tab-div-middle .tab-footer { background: url(something-px-wide-footer-image.gif) no-repeat top left; }
... 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.
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.
![]() |
Similar Threads
Other Threads in the HTML and CSS Forum
- Previous Thread: Need Help
- Next Thread: resizing the page pls help me...
| Thread Tools | Search this Thread |
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization perl pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 xml xsl






