We value your feedback.
Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!
Solved
Easy html problem
Posted on 2009-03-29
I have a problem with my html - somehow the "contens" row is placed right - I want it to be left and it wont work no matter what. Is there somekind of html problem
<html>
<head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 6</title>
</head>
<body>
<table border="1" width="100%">
<tr>
<td width="860" height="100" valign="top" colspan="4"> </td>
</tr>
<tr>
<td width="887" height="27" valign="top"> </td>
<td width="42" height="27" valign="top"> </td>
<td width="41" height="27" valign="top"> </td>
<td width="33" height="27" valign="top"> </td>
</tr>
<tr>
<td width="430" height="600" valign="top" colspan="2"> </td>
<td width="430" height="600" valign="top" colspan="2">content</td>
</tr>
</table>
</body>
</html>
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
6-
6
4- +2
22 Comments
change:
<tr>
<td width="430" height="600" valign="top" colspan="2"> </td>
<td width="430" height="600" valign="top" colspan="2">content</td>
</tr>
to
<tr>
<td width="430" height="600" valign="top" colspan="2">content</td>
<td width="430" height="600" valign="top" colspan="2"></td>
</tr>
<tr>
<td width="430" height="600" valign="top" colspan="2"> </td>
<td width="430" height="600" valign="top" colspan="2">content</td>
</tr>
to
<tr>
<td width="430" height="600" valign="top" colspan="2">content</td>
<td width="430" height="600" valign="top" colspan="2"></td>
</tr>
Hi
Please re-explain, I see you placed the cell "content" on the right of the page. Switching the two <td> elements will move "Content" cell to the left. Is this what you meant?...
Please re-explain, I see you placed the cell "content" on the right of the page. Switching the two <td> elements will move "Content" cell to the left. Is this what you meant?...
Hi rossoneris,
If I understand you correclty, then you want the cell containing the word 'content" to be swapped with the cell on it's left. If this is the case, then the solution is indeed to swap the code like so:
<td width="430" height="600" valign="top" colspan="2">content</td>
<td width="430" height="600" valign="top" colspan="2"> </td>
Otherwise, please repost your code and put in the cells the words "right" and "left" so we can help out.
Thanks
If I understand you correclty, then you want the cell containing the word 'content" to be swapped with the cell on it's left. If this is the case, then the solution is indeed to swap the code like so:
<td width="430" height="600" valign="top" colspan="2">content</td>
<td width="430" height="600" valign="top" colspan="2"> </td>
Otherwise, please repost your code and put in the cells the words "right" and "left" so we can help out.
Thanks
Are you wanting the contents cell to the left or just the word content?
If you are looking for the entire cell to be moved then alien's solution is correct.
If you wont the word content to be moved then use this.
<td width="430" height="600" valign="top" colspan="2" style="text-align: right">content</td>
If its something else, please explain in more detail.
If you are looking for the entire cell to be moved then alien's solution is correct.
If you wont the word content to be moved then use this.
<td width="430" height="600" valign="top" colspan="2" style="text-align: right">content</td>
If its something else, please explain in more detail.
Ive been looking at this more and I think I understand your problem.
The problem is with column span the above column widths affect the ones below it. try this code...it should work for you.
The problem is with column span the above column widths affect the ones below it. try this code...it should work for you.
<table border="1" width="100%">
<tr>
<td width="860" height="100" valign="top" colspan="4"> </td>
</tr>
<tr>
<td height="27" valign="top" class="style2"> </td>
<td height="27" valign="top" class="style1"> </td>
<td width="41" height="27" valign="top"> </td>
<td width="33" height="27" valign="top"> </td>
</tr>
<tr>
<td height="600" valign="top" colspan="2">content</td>
<td width="430" height="600" valign="top" colspan="2"> </td>
</tr>
</table>
It helper - Yes - the cell must be right as you give in the example- but the 3 columns in the small row must be at the right side
I'm confused. Are you sure you're not mixing up what are columns and what are rows?
<tr> determines a row in a table
<td> is a cell within that row.
You don't really define columns in html tables.
Please clarify your question. The above html doesn't have 3 columns, but rather 3 rows with 4 columns.
<tr> determines a row in a table
<td> is a cell within that row.
You don't really define columns in html tables.
Please clarify your question. The above html doesn't have 3 columns, but rather 3 rows with 4 columns.
here is the photo
error.jpg
error.jpg
Ok here you go. Had to create two seperate tables to get what you require.
<html>
<head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 6</title>
<style type="text/css">
.style1
{
width: 147px;
height: 489px;
}
.style2
{
height: 489px;
}
</style>
</head>
<body>
<table border="1" width="100%">
<tr>
<td width="860" height="100" valign="top" colspan="4"> </td>
</tr>
<tr>
<td width="887" height="27" valign="top"> </td>
<td width="42" height="27" valign="top"> </td>
<td width="41" height="27" valign="top"> </td>
<td width="33" height="27" valign="top"> </td>
</tr>
</table>
<table width="100%" border="1">
<tr>
<td class="style1" valign="top">
Content</td>
<td class="style2">
</td>
</tr>
</table>
</body>
</html>
The first column in the third row, cannot be more narrow than the first column in the row above. All columns must be equal in width.
Try the following, it will acheive mostly what you are looking for
Try the following, it will acheive mostly what you are looking for
<html>
<head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 6</title>
</head>
<body>
<table border="1" width="100%">
<tr>
<td height="100" valign="top" colspan="5"> </td>
</tr>
<tr>
<td width="30" height="27" valign="top"> </td>
<td width="744" height="27" valign="top"> </td>
<td width="42" height="27" valign="top"> </td>
<td width="41" height="27" valign="top"> </td>
<td width="33" height="27" valign="top"> </td>
</tr>
<tr>
<td width="30" height="430" valign="top"> </td>
<td width="860" height="430" valign="top" colspan="4">content</td>
</tr>
</table>
</body>
</html>
Try this ... I think this is what you want
<html>
<head>
<meta http-equiv="Content-Langua
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 6</title>
</head>
<body>
<table border="1" width="100%">
<tr>
<td height="100" valign="top" colspan="5"> </td>
</tr>
<tr>
<td width="43" height="27" valign="top"> </td>
<td width="822" height="27" valign="top"> </td>
<td width="23" valign="top"></td>
<td width="25" valign="top"></td>
<td width="26" height="27" valign="top"> </td>
</tr>
<tr>
<td height="600" valign="top">content </td>
<td height="600" valign="top" colspan="4"> </td>
</tr>
</table>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Langua
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 6</title>
</head>
<body>
<table border="1" width="100%">
<tr>
<td height="100" valign="top" colspan="5"> </td>
</tr>
<tr>
<td width="43" height="27" valign="top"> </td>
<td width="822" height="27" valign="top"> </td>
<td width="23" valign="top"></td>
<td width="25" valign="top"></td>
<td width="26" height="27" valign="top"> </td>
</tr>
<tr>
<td height="600" valign="top">content </td>
<td height="600" valign="top" colspan="4"> </td>
</tr>
</table>
</body>
</html>
I found the solution
<table border="0" width="960" height="715" cellspacing="0" cellpadding="0">
<tr>
<td colspan="6" width="960" height="155"><div id="altd">
</div></td>
</tr>
<tr>
<td width="750" height="25" ID="menu" bgcolor="#b71d21">menu</td>
<td width="20" height="25" bgcolor="#000000"></td>
<td width="40" height="25" bgcolor="#000000"> </td>
<td width="40" height="25" bgcolor="#000000"> </td>
<td width="40" height="25" bgcolor="#000000"> </td>
<td width="70" height="25" ID="sp" align="right" bgcolor="#000000">sprog</td>
</tr>
<td width="960" height="535" valign="top" colspan="6">
<table border="0" width="960" cellspacing="0" cellpadding="0">
<tr>
<td width="167" height="535" valign="top" ID="content">content</td>
<td width="793" height="535" valign="top" background="images/ind.jpg" ID="ind">indmenu</td>
</tr>
</table>
No to be anal but you used my solution of having two tables. I think I deserve the points. Its not cool to have people help you and then try to close the question.
No to be anal but you used my solution of having two tables. I think I deserve the points. Its not cool to have people help you and then try to close the question.
I have tried manual to change the size of the html - but than somehow an extra row in the bottom is being create.
Could you please make the example with the size 860 height and 727 width
Could you please make the example with the size 860 height and 727 width
<table border="0" width="960" height="715" cellspacing="0" cellpadding="0">
<tr>
<td colspan="6" width="960" height="155"><div id="altd">
</div></td>
</tr>
<tr>
<td width="750" height="25" ID="menu" bgcolor="#b71d21">menu</td
<td width="20" height="25" bgcolor="#000000"></td>
<td width="40" height="25" bgcolor="#000000"> </td>
<td width="40" height="25" bgcolor="#000000"> </td>
<td width="40" height="25" bgcolor="#000000"> </td>
<td width="70" height="25" ID="sp" align="right" bgcolor="#000000">sprog</t
</tr>
<td width="960" height="535" valign="top" colspan="6">
<table border="0" width="960" cellspacing="0" cellpadding="0">
<tr>
<td width="233" height="860" valign="top" ID="content">content</td>
<td width="727" height="860" valign="top" background="images/ind.jpg
</tr>
</table>
<tr>
<td colspan="6" width="960" height="155"><div id="altd">
</div></td>
</tr>
<tr>
<td width="750" height="25" ID="menu" bgcolor="#b71d21">menu</td
<td width="20" height="25" bgcolor="#000000"></td>
<td width="40" height="25" bgcolor="#000000"> </td>
<td width="40" height="25" bgcolor="#000000"> </td>
<td width="40" height="25" bgcolor="#000000"> </td>
<td width="70" height="25" ID="sp" align="right" bgcolor="#000000">sprog</t
</tr>
<td width="960" height="535" valign="top" colspan="6">
<table border="0" width="960" cellspacing="0" cellpadding="0">
<tr>
<td width="233" height="860" valign="top" ID="content">content</td>
<td width="727" height="860" valign="top" background="images/ind.jpg
</tr>
</table>
Featured Post
Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
When it comes to write a
Context Sensitive Help
(an online help that is obtained from a specific point in state of software to provide help with that state)
,Â
first we need to make the file that contains all topics, which are given exclusive IDs. …
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS
Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will learn the basics of jQuery including how to code hide show and toggles.
Reference your jQuery libraries:
(CODE)
Include your new external js/jQuery file:
(CODE)
Write your first lines of code to setup your site for jQuery…
Suggested Courses
Course of the Month8 days, 9 hours left to enroll
721 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.