trying to make tables side by side
In the center of this page I have 8 tables
i am trying to make the tables side by side
4 tables on each side
This does not work: <div class="righttable" style="float:right">
The page:
http://roofgenius.com/test.asp
Roofing Software Information is the first table on the right side
How can i do this?
i am trying to make the tables side by side
4 tables on each side
This does not work: <div class="righttable" style="float:right">
The page:
http://roofgenius.com/test.asp
Roofing Software Information is the first table on the right side
How can i do this?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Just my own opinion, I think you can loose the google ad on the bottom left. If you start getting too many ads the site looks spammy. I would make your right side add the wider unite so it looks more like your content. I think you can have image ads in the wider format too.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thanks Padas
I woke this AM thinking about trying to add the columns of tables into separate divisions after fighting floats all day yesterday. Then your code works perfectly.
I occasionally get emails from google with a list of pages with less than 3 adds with a suggestion to use 3 adds to increase revenue. I am on page 97 of 165 pages restyling my old 10 yr table based site made with FrontPage with html5. Frontpage wrote all the HTML, i never learned html I now see how sloppy the code was written
I hired a coder from Freelancer to create the first page and have used it as a template. I tried changing his page layout with no success. With so many pages to restyle I have decided to stay in the confines of his layout get the site done and maybe attempt to change
some page when done.
Thanks ChrisStanyon I have used those empty divisions on many pages to create space, mostly where a paragraph hits an image. using the <p> tag before an image I was at a loss
as to where to end the </p>. It was a question i asked here about a month ago. It seems like an easy way to control the space between the end of text and the start of an image.
is there a better way ?
I woke this AM thinking about trying to add the columns of tables into separate divisions after fighting floats all day yesterday. Then your code works perfectly.
I occasionally get emails from google with a list of pages with less than 3 adds with a suggestion to use 3 adds to increase revenue. I am on page 97 of 165 pages restyling my old 10 yr table based site made with FrontPage with html5. Frontpage wrote all the HTML, i never learned html I now see how sloppy the code was written
I hired a coder from Freelancer to create the first page and have used it as a template. I tried changing his page layout with no success. With so many pages to restyle I have decided to stay in the confines of his layout get the site done and maybe attempt to change
some page when done.
Thanks ChrisStanyon I have used those empty divisions on many pages to create space, mostly where a paragraph hits an image. using the <p> tag before an image I was at a loss
as to where to end the </p>. It was a question i asked here about a month ago. It seems like an easy way to control the space between the end of text and the start of an image.
is there a better way ?
Empty elements should not be used for layout - they should not be used at all - it just adds meaningless bloat to your pages.
If you want to add space around an element, use margins. If you want to add space inside an element use padding.
In your case, instead of an empty DIV with a top margin of 15px, why not just add a margin to the main DIVs:
If you want to add space around an element, use margins. If you want to add space inside an element use padding.
In your case, instead of an empty DIV with a top margin of 15px, why not just add a margin to the main DIVs:
#container > div {
float: left;
margin: 0px 5px 15px;
width: 230px;
}ASKER
Thanks ChrisStanyon
Gottacha
I am curious about your example:
#container > div {
Is the > symbol a typo or does it mean something ?
Gottacha
I am curious about your example:
#container > div {
Is the > symbol a typo or does it mean something ?
The > symbol means 'direct child of', so #container > div will only style DIVs that are direct children of #container, where as #container div will style all DIVs within #container.
Take the following HTML. Only #div1 is a direct child of #container
#container div { border: 1px solid red; } //put a border around #div1 and #div2
Hope that makes sense :)
Take the following HTML. Only #div1 is a direct child of #container
<div id="container">
<div id="div1">
<div id="div2">This is DIV2</div>
</div>
</div>#container div { border: 1px solid red; } //put a border around #div1 and #div2
Hope that makes sense :)
ASKER
Thanks, good to know
Your site has been shaping up.
As for ads, you can use google analytics and do A/B testing on the ads where you can randomly serve one version with 3 ads, one version with 2 ads. You can also test with the type(size) of the ads, color etc. At least from my experience, it takes roughly 5K to 10K unique AND engaged monthly visitors per $100. That 5K to 10K uniques would be about 15K to 20K page views.
To make your life easier for future, use include files for each section of your site. For instance, your site has 5 main sections. The header,left column, right column, footer and main body. You can have includes inside of includes. The key is if you need to make a change to your header for instance, you can update one file and not have to update all.
As for ads, you can use google analytics and do A/B testing on the ads where you can randomly serve one version with 3 ads, one version with 2 ads. You can also test with the type(size) of the ads, color etc. At least from my experience, it takes roughly 5K to 10K unique AND engaged monthly visitors per $100. That 5K to 10K uniques would be about 15K to 20K page views.
To make your life easier for future, use include files for each section of your site. For instance, your site has 5 main sections. The header,left column, right column, footer and main body. You can have includes inside of includes. The key is if you need to make a change to your header for instance, you can update one file and not have to update all.
<div header>
<!--#include virtual="/header.asp"-->
<div>
<div main container>
<div left col>
<!--#include virtual="/leftcol.asp"-->
</div>
<div main>
<p>This will be unique to each page</P>
</div>
</div right col>
<!--#include virtual="/right.asp"-->
</div>
</div>
<div footer>
<!--#include virtual="/footer.asp"-->
</div>ASKER
Thanks Padas
did not know that about Analytics when i get this site done I will try that.
As far as include files go I use a ton:
The page you helped me with had these:
<!-- #include virtual = "Includes_ASP/Analytics.as
<!-- #include virtual = "GoogleAds/Banner468x60.as
<!-- #include virtual ="/Menus/roofestimatingmen
<!-- #include virtual ="/Menus/howtomenu.asp" -->
<!-- #include virtual ="/Menus/Poproofmaterialsm
<!-- #include virtual = "GoogleAds/verticalBanner1
<!-- #include virtual ="/Menus/RoofCalcWriterRig
<!-- #include virtual = "GoogleAds/SkyScrappe120x6
<!-- #include virtual ="/Includes_ASP/footer.asp
As far as an include file for the header that will have to wait.
Just noticed that my support page that uses JMail is not working
I may switch to aspmail.seems their is always something to slow me down, glad you guys are there or here to help
Thanks
did not know that about Analytics when i get this site done I will try that.
As far as include files go I use a ton:
The page you helped me with had these:
<!-- #include virtual = "Includes_ASP/Analytics.as
<!-- #include virtual = "GoogleAds/Banner468x60.as
<!-- #include virtual ="/Menus/roofestimatingmen
<!-- #include virtual ="/Menus/howtomenu.asp" -->
<!-- #include virtual ="/Menus/Poproofmaterialsm
<!-- #include virtual = "GoogleAds/verticalBanner1
<!-- #include virtual ="/Menus/RoofCalcWriterRig
<!-- #include virtual = "GoogleAds/SkyScrappe120x6
<!-- #include virtual ="/Includes_ASP/footer.asp
As far as an include file for the header that will have to wait.
Just noticed that my support page that uses JMail is not working
I may switch to aspmail.seems their is always something to slow me down, glad you guys are there or here to help
Thanks
For email, you can use cdo for examples http://www.paulsadowski.com/wsh/cdo.htm
ASKER
Thanks, just put a trouble ticket to my host to make sure the jmail component is working properly as the software i sell also uses it to send error messages if any
ASKER
hello padas couple emails i received since my last post:
My host:
Hello,
We suggest you to use asp cdosys for sending mail via web-form. Here is the example code of cdosys :-
Google:
Hi,
We've noticed that you're running less than three ad units on 53 of your pages on roofgenius.com. By taking advantage of all three available units per page, you could place at least 96 additional ad units on the pages we reviewed.
Additional pages where these suggestions may apply are:
1.roofgenius.com/product.a
2.roofgenius.com/download.
3.roofgenius.com/classy-wr
4.roofgenius.com/moreangle
5.roofgenius.com/videos/ro
My host:
Hello,
We suggest you to use asp cdosys for sending mail via web-form. Here is the example code of cdosys :-
Google:
Hi,
We've noticed that you're running less than three ad units on 53 of your pages on roofgenius.com. By taking advantage of all three available units per page, you could place at least 96 additional ad units on the pages we reviewed.
Additional pages where these suggestions may apply are:
1.roofgenius.com/product.a
2.roofgenius.com/download.
3.roofgenius.com/classy-wr
4.roofgenius.com/moreangle
5.roofgenius.com/videos/ro
I would start a new thread for more in depth questions not related to this.
But quickly, I gave you a link I use as a resource for cdo For email http://www.paulsadowski.com/wsh/cdo.htm. How you use it specifically in your case will be another question as I said.
Ads: That is just a suggestion, they are not actually viewing your site. This can be another longer discussion.
1) You should be testing pages with different layouts as I suggested
2) Your selling a product. My personal feeling is your site looks spammy with all of the ads. Many times site selling a product with unrelated ads look spammy and thus may not get the same percentage of people actually buying the product. You should test by doing A/B splits if people coming to your site buy more/less/the same with or without the ads. Or for a low tech way, just take the ads out for 2 to 4 weeks and see if you notice an increase in the amount of sales.
3) Unless your ads are bringing in at least the minimum $100/month, I would rethink having them.
4) In testing your ads, you should be able to use your adsense account to see which ads get the best response.
Another suggestion: Are you going to turn your product into a web app?
But quickly, I gave you a link I use as a resource for cdo For email http://www.paulsadowski.com/wsh/cdo.htm. How you use it specifically in your case will be another question as I said.
Ads: That is just a suggestion, they are not actually viewing your site. This can be another longer discussion.
1) You should be testing pages with different layouts as I suggested
2) Your selling a product. My personal feeling is your site looks spammy with all of the ads. Many times site selling a product with unrelated ads look spammy and thus may not get the same percentage of people actually buying the product. You should test by doing A/B splits if people coming to your site buy more/less/the same with or without the ads. Or for a low tech way, just take the ads out for 2 to 4 weeks and see if you notice an increase in the amount of sales.
3) Unless your ads are bringing in at least the minimum $100/month, I would rethink having them.
4) In testing your ads, you should be able to use your adsense account to see which ads get the best response.
Another suggestion: Are you going to turn your product into a web app?
1) Took out div's between div.lefttable and div.righttable
2) Added class .lefttable, .righttable{float:left;}
3) I took out your google analytics code. Make sure to add it back to your site.
Now the div.lefttable and div.righttable will be in order of the html. If there is only room for 2 accross then it starts at the top, goes to the right then down and to the left and so on.
Another way you can do this is split the left and right where you enclose all the .lefttable's in one div and all the righttable's in another div. Give both of those a new class and change this .lefttable, .righttable{float:left;} to reflect the new class.
Open in new window