Row Span problem - HTML / CSS

Hi

I am facing a problem with row span the code is given below. problem is that when i the contents of the right panel increased the first cell dat have menu get unnessary space , i did't know how to get rid of this space due to which i am having problem.

<table height="400" border="1" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td height="10" width=75% valign="top">

Menu Here

</td>
<td width=25% rowspan="2">

br/> 
br/> 
 
</td>
</tr>
<tr>
<td height="400" valign="top">
<div id="contentPageDiv"> Contents Display here </div>
</td>
</tr>
</table>

Regards

Nov 17 '06 #1

Subscribe Post Reply

1397

dswethar

The problem is with the table layout. This is a common problem. Unless you increase the number of lines in "Contents" part, the menu part will have more space.

Div's are more reliable for such "non-tabular" layouts.

Nov 17 '06 #2

coldflame

The problem is with the table layout. This is a common problem. Unless you increase the number of lines in "Contents" part, the menu part will have more space.

Div's are more reliable for such "non-tabular" layouts.

If you suggest div then how to use it. I just understand from your answere is that you have said to use to div.

And when i increased the contents in right panel the menu cell occupies more space . it did't do with contents.

Nov 17 '06 #3

dswethar

You need to decrease the contents in the right panel. You need to increase contents in the panel below the menu.

You will need to check the net for resources to learn to code html pages with div and css.

Nov 17 '06 #4

AricC

1,892

Expert 1GB

This will get you started:
[html]<html>
<head>
<title>Test</title>
<style type="text/css">

.wrapper
{
width: 500px;
height: 500px;
border: 1px solid black;
}

.row
{
width: 100%;
height: 25px;
border-bottom: 1px solid black;
}

</style>

</head>
<body>
<div class="wrapper">

<div class="row">

</div>

</div>

</body>
</html>[/html]

HTH

Nov 17 '06 #5

Similar topics

How to change css id in span element?

by: deko | last post by:

How to change a link's color based on a php variable? I have a number of links on a page: <a href="page1.php">Page 1</a> <a href="page2.php">Page 2</a> <a...

PHP

XHTML user agent behavior regarding empty elements

by: Mikko Ohtamaa | last post by:

From XML specification: The representation of an empty element is either a start-tag immediately followed by an end-tag, or an empty-element tag. (This means that <foo></foo> is equal to...

.NET Framework

Enable drag and drop to the text between

by: Wang, Jay | last post by:

Hello, all, I would like to enable some text between WORD TO BE DRAGGED . I put some javascript and it will extract http://www.testserver.com/ from...

Javascript

dynamic list on mozilla overlaps tag as it grows

by: hsomob1999 | last post by:

so i have a <ul> and I allow the user to append items to it. The problem is that on mozilla the which is just a line to divide the sections gets overlaped and doesnt move down...

Javascript

what's the deal with the span tag and tables tags?

by: developer | last post by:

Does anyone know what is the way IE treats span tags() and table tags(<tr>, <td>)? Should the tag be encolsed in tds and trs if it placed with other elements that are in a table? Can...

Javascript

problem with

by: Werner Partner | last post by:

I have such a construction: Hello world Hello Nordrhein-Westfalen Validator critizises (oh!) that there is twice the same span. the problem is...

HTML / CSS

span style

by: ste.paoletti | last post by:

I have a problem with css I have a this xhtml code: <input type="radio"/> .... <input type="button" onclick ="var s=document.createElement('span');...

HTML / CSS

Span/background-image IE6 bug?

by: Walker | last post by:

I have a span containing two words. Eg. Avant Garde Using CSS, I pad the text to the right and assign a background-image. Eg. span { padding: 0 3px 0 11px; background:...

HTML / CSS

MSIE Does Not Do OnMouseXXX Events On Span Elements?

by: mavigozler | last post by:

IE7 does not appear to set an event on contained text inside SPAN elements whose 'onclick', 'onmouseover', and 'onmouseout' events, defying the HTML recommendation. Firefox appears to conform. ...

Javascript

span won't honor width... div will, but always have line break before and after

by: Summercool | last post by:

wow... i didn't know that, for <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:// www.w3.org/TR/html4/loose.dtd"> <span style="width: 100px; background:...

HTML / CSS

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing