|
HTML - Converting Cms To Divs Over Tables
Im in the midst of converting my new CMS (phpnuke) into a css div layout rather than a table layout because the site has a rather slow loading time.
Well, I got the header done nice, and then the footer, but I don't understand how the body structure works... I'm having a bit of a hard time trying to figure out how to get the body flowing nicely. to top it off, I want to move everything over to the left (all the blocks) and I did so in the admin panel, however some blocks still show up on the right (ie- rating blocks and such) and these blocks dont show up in my admin panel. Just a whole lot of questions and could use extensive help from anyone with cms experience. Thank you! http://www.pzproductions.com/home Similar TutorialsDoes anyone know of a utility (Mac) or AppleScript (or Perl - or anything!) that will allow me to extract/convert just the data (that is, the content between TDs, what's in the cells) in an HTML table - and ideally export it into CSV, TSV, rtf or plain text etc? Thanks! http://www.freewebs.com/stevenwang/ That is tables... Someone had mentioned I should create the website with divs. Any tips for doing this? Or is there a real simple way to do it real quick? And what are the added benefits to divs as opposed to tables? Or vise versa.. Any help, or info would be greatly appreciated. HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<noframes></noframes><noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript" src="floating-1.7.js"></script>
<title>WEB PAGE TITLE GOES HERE</title>
<style type="text/css">
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #e7e7e7;
color: #000000;
float: center;
width: 100%;
font-family: 'arial',verdana,sans-serif;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a
{
padding: 0.3em 3.3em;
background-color: #e7e7e7;
color: #000000;
text-decoration: none;
float: center;
border-top: 1px solid #323232;
border-bottom: 1px solid #323232;
}
#navcontainer ul li a:hover
{
background-color: #ffffff;
color: #000000;
}
td.padding
{
padding: 0px 0px 0px 30px;
}
</style>
</head>
<body style="margin: 0px; padding: 0px; font-family: 'arial',verdana,sans-serif;">
<div id="floatdiv" style="
position:absolute;
background:#323232;
border-top: solid 3px #ffffff;
border-left: solid 3px #ffffff;
border-bottom: solid 3px #ffffff;
border-right: solid 3px #ffffff;
height: 165px;
width: 32px;
top:35px;
right:30px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
z-index:100">
<p align=center><img src="follow_right.png" alt="" border="0">
<a href="http://www.facebook.com/litofficial" target="_blank"><img src="facebook.png" alt="" title="We're on Facebook!" border="0"></a><br>
<a href="http://www.twitter.com/#!/litofficial2" target="_blank"><img src="twitter.png" alt="" title="Follow us on Twitter!" border="0"></a>
</p></div>
<script type="text/javascript">
floatingMenu.add('floatdiv',
{
// Represents distance from left or right browser window
// border depending upon property used. Only one should be
// specified.
// targetLeft: 0,
targetRight: 30,
// Represents distance from top or bottom browser window
// border depending upon property used. Only one should be
// specified.
targetTop: 35,
// targetBottom: 0,
// Uncomment one of those if you need centering on
// X- or Y- axis.
// centerX: true,
// centerY: true,
});
</script>
<table width="100%" style="height: 100%;" border="0">
<!-- ============ HEADER SECTION ============== -->
<tr>
<td colspan="3" style="height: 10px;" bgcolor="#323232">
</td></tr>
<tr>
<td class="padding" colspan="3" style="height: 225px;" bgcolor="#e7e7e7"><a href="http://www.litofficial.com" target="_blank"><img src="lit_logo_001.gif" alt="" title="" border="0"></a>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">home</a></li><li><a href="#">about</a></li><li><a href="#">blog</a></li><li><a href="#">collection</a></li><li><a href="#">contact</a></li><li><a href="#">order</a></li></ul>
</div>
</td></tr>
<!-- ============ NAVIGATION BAR ============== -->
<tr>
<td colspan="3" valign="middle" height="0" bgcolor="#ffffff">
</td></tr>
<!-- ============ MIDDLE COLUMN ============== -->
<tr>
<td class="padding" width="38%" valign="top" bgcolor="#ffffff">
<h2>recent posts</h2>
The third table row contains three table cells which create the menu column (left), the content column (middle) and the extra column (right).
</td>
<td class="padding" width="36%" valign="top" bgcolor="#ffffff">
<h2>about</h2>
The third table row contains three table cells which create the menu column (left), the content column (middle) and the extra column (right).
<td class="padding" width="26%" valign="top" bgcolor="#ffffff">
<h2></h2>
</td>
</td></tr>
<!-- ============ FOOTER SECTION ============== -->
<tr>
<td class="padding" colspan="3" align="left" height="120" bgcolor="#323232">
<a href="http://www.facebook.com/litofficial" target="_blank"><img src="facebook.png" alt="" title="We're on Facebook!" border="0"></a>
<a href="http://www.twitter.com/#!/litofficial2" target="_blank"><img src="twitter.png" alt="" title="Follow us on Twitter!" border="0"></a>
</td></tr>
</table>
I think this is a html question, though if it needs to be moved to CSS please let me know. Basically, I'm using divs for the first time. I've got the same rough layout for each page on the site, but in one of them I need to insert a table. When I insert the table it puts a great big gap in the div just above where the table starts. Why is it doing that? Can I stop it? How do I get around this? Help! Nim Hi Folks, I am pretty new to web page development. I want to layout a page as follows: a) Header fixed height, width 100% b) left column fixed width c) Main content variable dependent on screen resolution d) right column fixed width E) footer always visible at bottom of screen I have been experimenting with div's to do this and I am having problems getting things to line up the way I want. I know I could easily achieve this using a table but I have the impression that it's frowned upon to do it this way. So my questions a a) Is it considered bad practice to use a table to control the layout of a page ? b) If so why ? TIA, JC My goal is to create a website to display a yearbook. First I wanted to display the overall page, with imagemapping to enlarge any images on the page, whether it be a group photo, an indivdual photo...etc. Some pages could have 1 image, others could have 40 images, and not each page has the images in the same spot, so each page would require it's own image mapping. My question is how do I work around screen resolution? I would prefer to use divs and tables for % imaging, but if I do, I can't use an image map. Or is there a way to make an image map that is also based on %? The whole project will encompass about 70 pages of images. Thanks i used to use tables for the layout, now i'm trying divs..the thing is i'm not sure how should i think about the layout, i mean like tables i have rows, every row have cells, now with the divs i should think about it the same way? a container div to replace the main table, then another div to take place of a row, then divs as cells..an so on does that make any sense? i don't know if that was clear, but the question is: how should i think about it? i know the question sounds stupid but it seems that i just got used to tables & can't accept divs yet Hi Normally, when you have more than one table in your code, the tables will be placed one under each other. Example: <table> ... </table> <table> ... </table> When you want the tables to be placed next to each other, you need to set the align attribute. Example: <table align="left"> ... </table> <table align="left"> ... </table> BUT: When you do it like in the 2nd example (tables next to each other), in Firefox, the tables will wrap to a new line if there is no more space. In Internet Explorer, the tables will not wrap. The result is a horizontal scrollbar or "hidden tables". Why this? How can I make the tables wrap also in Internet Explorer as it does in Firefox? Is it possible with a special CSS definition or with a special DIV/SPAN tag? Thanks for your help praiser Hey everyone, I'm new to these boards. Somewhat a newbie at web design, but I know basics. I'm looking to put 2 tables adjacent to each other inside another table. My problem is I can't get the tables to line up the way I want them to. I'll post a picture of how I want it to look, how it looks now and my code. How I want it to look: How it looks now: I want the tables to line up at the top and re-size according to each other so they're always aligned at the top. Code: coming in next 2 posts hey, i was wondering if anyone know how to convert: sample.mp3 to <p><a href="sample.mp3">sample</a> I have embedded yahoo mp3 player into my website...but it requires that each mp3 be linked in this way. Since I have multiple songs, I think it would be much easier if I were to paste a list of the song names to a textedit file, then somehow make them say <p><a href="sample.mp3">sample</a> thanks for reading my post How do I go about converting an .htm file into a .rar? Or can you do that? Hello, wondering if someone can help me on the following: I am trying to convert a list of links over 350 collected over the years into html. The data is in text in the following format, <link title> "/" <actual http link> "/" <description> I could type each link into html but there is got to be a way to do it automatically.. since it is already formated in a text file with a clearly defined delimiter. Any ideas?? Thanks in advance for any ideas. I'm converting my webpages from a .html file to a .shtml file because I'm using SSI in the page. Now, can I just change the file type or do I have to do other stuff to the file? Thanks How to change this table Code: <SELECT id=SelectPeriod style="FONT-SIZE: 11px; WIDTH: 250px; FONT-FAMILY: Tahoma;background:#cccccc;" onfocus="SetVisibility(Find('TrPrice'), 0);" name=SelectPeriod>
<OPTION value="" selected dOption="">Избери</OPTION>
<OPTION value="1" dOption="100">Да</OPTION>
<OPTION value="2" dOption="4">Не</OPTION>
</SELECT>
to radio buttons Hello everyone, Nice to join a forum for the first time and hopefully this will add extra help when I'm working on my development projects. I have a web site of my own using HTML transitional, but am planning to go from HTML to XHTML strict in the near future. Since the site holds over 3500 pages, it would not be feasible to upgrade every single page. Is there a free program or a web service that can do that job? Hi all, I am having a problem converting a physical string to a integer. I have a dropdown list of a few items but are numbers though in chracters. I ned to output the value and the text of the selected item. As I cannot use a if-else statement, any help would be great. HTML Code: <select id="std_num" onchange="displayValue()">
<option value="Two">Two</option>
<option value="Zero">Zero</option>
<option value="Five">Five</option>
<option value="Three">Three</option>
<option value="Two">Two</option>
<option value="Zero">Zero</option>
</select>
HTML Code: function displayValue()
{
alert(document.getElementById('std_num').value);
var c = (document.getElementById('std_num').value);
}
Currently my website uses frames and no css. I need to update it, but I'm in a huge time crunch!!! (And don't know css and only know very very basic HTML) I need my website to be functional (not in limbo) by next weekend, so it either has to stay how it is now (frames & older HTML) or be totally done by then. Is there anywhere that I can get help to do this automatically instead of waiting until later when I have way more time to learn it myself (that changes your code easily/automatically), or super awesome people who love HTML and will do it for me? It's a pretty simple/basic website and I would be SO so SO appreciative. Hi there, I have a form where people submit information to a site through a form; some people reference outside websites, but the links for them aren't clickable (no <a href... tag), just text so people would have to copy and paste it to use it. Is it possible to somehow check a submission for links and then add in the <a> tags if there are any? (without having to manually do it each time). Thanks for any help in advance! Gentlemen: I am new to both Html & Xhtml. Can anyone recommend a freeware editor for Xhtml & a conversion tool for Html to Xhtml? Hello everybody I'm struggling with something, and was hoping somebody could point me in the right direction. I have a long list that I would prefer as a dropdown selection, but don't know how to do it. If you go to: http://pcbytes-inter.net/domain-needed Type in an imaginary domain that you will manage the DNS settings for then press continue. You will see the long list of hosting packages. I would like this to be 2 dropdown boxes, eg choose package type and choose billing cycle. It still needs to submit the same information it currently does though. It does not need to be dynamic, as every package will have monthly, quarterly and yearly billing cycles. The code for the current page is below, does anybody have any ideas? Many thanks Lee Code: <%= user_menu %>
<div id='t-package-chooser'>
<h2>Hosting Packages</h2>
<form accept-charset='utf-8' method='post' action='basket'>
<% if no_upsell? %><input type='hidden' name='no-upsell' value='1'/><% end %>
<h3>Select a Domain Name</h3>
<p>This will be the name of your web site.</p>
<p>http://www.<select name='domain-'>
<% domains.each do |domain| %>
<option value="<%= domain.html %>"><%= domain.html %></option>
<% end %>
</select></p>
<p>If the domain name you would like to use is not listed above, please <a href='domain-needed'>click here to search for new domains or transfer existing ones</a>.</p>
<h3>Select a Web Hosting Package</h3>
<p>Please pick the kind of hosting package you'd like to order.</p>
<% i = 0 %>
<% hosting_products.each do | product | %>
<h4><%= product.name.html %></h4>
<p><%= product.description %></p>
<input type='hidden' name='base_renewal_period-<%= i %>' value="<%= product.base_renewal_period %>" />
<input type='hidden' name='quoted_unit_price-<%= i %>' value="<%= billing.price(product.unit_price) %>" />
<p><input type='radio' name='add-product' value='<%= product.specific_type.html %>:<%= i %>:base_renewal_period,quoted_unit_price,domain' /><%= billing.currency_symbol.html %><%= billing.price(product.unit_price, :use_tax_prefs) %>
<% if product.base_renewal_period != 'never' %>
every <%= product.unit_period.to_s_short.html %>
<% end %>
<% if product.setup_fee != 0 %>
plus a one off fee of <%= billing.currency_symbol.html %><%= sprintf("%.2f", if billing.include_tax? then billing.price(product.setup_fee) else product.setup_fee end) %>
<% end %>
<% if product.has_free_products? %>
<br />
includes free domains
<% product.free_products_list.each do | free_product | %>
<%= free_product["free_name"] %>
<% end %>
<% end %>
*
</p>
<% i = i + 1 %>
<% end %>
<p><input type='submit' value='Add to Basket'/></p>
</form>
<% unless basket.nil? or basket.empty? or no_upsell? %>
<p><a href='basket?add-no-product=package'>No thank you, please continue with my order ....</a></p>
<% end %>
<% if not billing.tax_applies? %>
<% elsif billing.include_tax? %>
<p>* Includes <%= billing.tax_name %></p>
<% else %>
<p>* Excluding <%= billing.tax_name %></p>
<% end %>
</div>
|
|||||||