473,505 Members | 16,332 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

CSS not working

Hi,
I have the some css (provided at the end of the post) and use it in my aspx
page (code provided at the end too): the problem is, the TDLeftBar class
should limit the width to a minimum of 150px but it does not work... Can
somebody tell me what's wrong? I tried with width and min-width, same
result... I tried to change the background-color and it worked fine. What's
wrong???

Thanks

ThunderMusic

******* CSS *******
table.TABLEMaster
{
border: 0px;
padding: 0px;
background-color:white;
margin:0px;
width:100%;
}
table.TABLEMaster tr td.TDTitle
{
color:black;
text-align:center;
width:1000px;
}
table.TABLEMaster tr td.TDLeftBar
{
min-width:150px;
color:black;
text-align:left;
vertical-align:top;
padding-top:50px;
padding-right:15px;
}
table.TABLEMaster tr td.TDContent
{
color:Black;
text-align:left;
vertical-align:top;
}
table.TABLEMaster tr td.TDRightBar
{
color:black;
text-align:right;
width:70px;
padding-left:15px;
vertical-align:top;
}
table.TABLEMaster tr td.TDFooter
{
color:black;
text-align:center;
font-size:x-small;
}
******* End CSS *******
******* ASPX *******
<table id="tblMasterPageMain" class="TABLEMaster">
<tr>
<td colspan="3" class="TDTitle">
Some Content
</td>
</tr>
<tr>
<td class="TDLeftBar">
Some Content
</td>
<td class="TDContent">
Some Content
</td>
<td class="TDRightBar">
Some Content
</td>
</tr>
<tr>
<td colspan="3" class="TDFooter">
Some Content
</td>
</tr>
</table>
******* End ASPX *******
Sep 27 '06 #1
7 1904
q
You really shouldn't mix tables with CSS modifiers... that's really
disasterous. As soon as you switch that to a proper CSS layout (divs
'n stuff), it will all just fall together.

ThunderMusic wrote:
Hi,
I have the some css (provided at the end of the post) and use it in my aspx
page (code provided at the end too): the problem is, the TDLeftBar class
should limit the width to a minimum of 150px but it does not work... Can
somebody tell me what's wrong? I tried with width and min-width, same
result... I tried to change the background-color and it worked fine. What's
wrong???

Thanks

ThunderMusic

******* CSS *******
table.TABLEMaster
{
border: 0px;
padding: 0px;
background-color:white;
margin:0px;
width:100%;
}
table.TABLEMaster tr td.TDTitle
{
color:black;
text-align:center;
width:1000px;
}
table.TABLEMaster tr td.TDLeftBar
{
min-width:150px;
color:black;
text-align:left;
vertical-align:top;
padding-top:50px;
padding-right:15px;
}
table.TABLEMaster tr td.TDContent
{
color:Black;
text-align:left;
vertical-align:top;
}
table.TABLEMaster tr td.TDRightBar
{
color:black;
text-align:right;
width:70px;
padding-left:15px;
vertical-align:top;
}
table.TABLEMaster tr td.TDFooter
{
color:black;
text-align:center;
font-size:x-small;
}
******* End CSS *******
******* ASPX *******
<table id="tblMasterPageMain" class="TABLEMaster">
<tr>
<td colspan="3" class="TDTitle">
Some Content
</td>
</tr>
<tr>
<td class="TDLeftBar">
Some Content
</td>
<td class="TDContent">
Some Content
</td>
<td class="TDRightBar">
Some Content
</td>
</tr>
<tr>
<td colspan="3" class="TDFooter">
Some Content
</td>
</tr>
</table>
******* End ASPX *******
Sep 27 '06 #2
just change these 2..
table.TABLEMaster
{
border: 0px;
padding: 0px;
background-color:white;
margin:0px;

}
table.TABLEMaster tr td.TDTitle
{
color:black;
text-align:center;
}

100% and 1000 are conflicting thats the reason..
--
Y2KPRABU, MCP, INDIA
WEB APPS
"q" wrote:
You really shouldn't mix tables with CSS modifiers... that's really
disasterous. As soon as you switch that to a proper CSS layout (divs
'n stuff), it will all just fall together.

ThunderMusic wrote:
Hi,
I have the some css (provided at the end of the post) and use it in my aspx
page (code provided at the end too): the problem is, the TDLeftBar class
should limit the width to a minimum of 150px but it does not work... Can
somebody tell me what's wrong? I tried with width and min-width, same
result... I tried to change the background-color and it worked fine. What's
wrong???

Thanks

ThunderMusic

******* CSS *******
table.TABLEMaster
{
border: 0px;
padding: 0px;
background-color:white;
margin:0px;
width:100%;
}
table.TABLEMaster tr td.TDTitle
{
color:black;
text-align:center;
width:1000px;
}
table.TABLEMaster tr td.TDLeftBar
{
min-width:150px;
color:black;
text-align:left;
vertical-align:top;
padding-top:50px;
padding-right:15px;
}
table.TABLEMaster tr td.TDContent
{
color:Black;
text-align:left;
vertical-align:top;
}
table.TABLEMaster tr td.TDRightBar
{
color:black;
text-align:right;
width:70px;
padding-left:15px;
vertical-align:top;
}
table.TABLEMaster tr td.TDFooter
{
color:black;
text-align:center;
font-size:x-small;
}
******* End CSS *******
******* ASPX *******
<table id="tblMasterPageMain" class="TABLEMaster">
<tr>
<td colspan="3" class="TDTitle">
Some Content
</td>
</tr>
<tr>
<td class="TDLeftBar">
Some Content
</td>
<td class="TDContent">
Some Content
</td>
<td class="TDRightBar">
Some Content
</td>
</tr>
<tr>
<td colspan="3" class="TDFooter">
Some Content
</td>
</tr>
</table>
******* End ASPX *******

Sep 27 '06 #3
it didn't work... but thanks anyway...

"Y2KPRABU" <y2******@hotmail.comwrote in message
news:A9**********************************@microsof t.com...
just change these 2..
table.TABLEMaster
{
border: 0px;
padding: 0px;
background-color:white;
margin:0px;

}
table.TABLEMaster tr td.TDTitle
{
color:black;
text-align:center;
}

100% and 1000 are conflicting thats the reason..
--
Y2KPRABU, MCP, INDIA
WEB APPS
"q" wrote:
>You really shouldn't mix tables with CSS modifiers... that's really
disasterous. As soon as you switch that to a proper CSS layout (divs
'n stuff), it will all just fall together.

ThunderMusic wrote:
Hi,
I have the some css (provided at the end of the post) and use it in my
aspx
page (code provided at the end too): the problem is, the TDLeftBar
class
should limit the width to a minimum of 150px but it does not work...
Can
somebody tell me what's wrong? I tried with width and min-width, same
result... I tried to change the background-color and it worked fine.
What's
wrong???

Thanks

ThunderMusic

******* CSS *******
table.TABLEMaster
{
border: 0px;
padding: 0px;
background-color:white;
margin:0px;
width:100%;
}
table.TABLEMaster tr td.TDTitle
{
color:black;
text-align:center;
width:1000px;
}
table.TABLEMaster tr td.TDLeftBar
{
min-width:150px;
color:black;
text-align:left;
vertical-align:top;
padding-top:50px;
padding-right:15px;
}
table.TABLEMaster tr td.TDContent
{
color:Black;
text-align:left;
vertical-align:top;
}
table.TABLEMaster tr td.TDRightBar
{
color:black;
text-align:right;
width:70px;
padding-left:15px;
vertical-align:top;
}
table.TABLEMaster tr td.TDFooter
{
color:black;
text-align:center;
font-size:x-small;
}
******* End CSS *******
******* ASPX *******
<table id="tblMasterPageMain" class="TABLEMaster">
<tr>
<td colspan="3" class="TDTitle">
Some Content
</td>
</tr>
<tr>
<td class="TDLeftBar">
Some Content
</td>
<td class="TDContent">
Some Content
</td>
<td class="TDRightBar">
Some Content
</td>
</tr>
<tr>
<td colspan="3" class="TDFooter">
Some Content
</td>
</tr>
</table>
******* End ASPX *******


Sep 27 '06 #4
thanks,
how can I change this kind of layer into divs? considering I want my page to
fill as much space as possible (that was the 100% on the table) and limit
the minimum width of some sections (that was the 1000px for the top bar)

Divs behave in a manner that if you put this :

<div>
top div
</div>
<div>
left div
</div>
<div>
content div
</div>
<div>
right div
</div>
<div>
bottom div
</div>
instead of all puting the divs one beside the other (from left to right), it
puts them one below the other (from up to bottom)... How can I tell the divs
"this one goes beside this other one and so on?

thanks

ThunderMusic
"q" <ag******@gmail.comwrote in message
news:11**********************@i42g2000cwa.googlegr oups.com...
You really shouldn't mix tables with CSS modifiers... that's really
disasterous. As soon as you switch that to a proper CSS layout (divs
'n stuff), it will all just fall together.

ThunderMusic wrote:
>Hi,
I have the some css (provided at the end of the post) and use it in my
aspx
page (code provided at the end too): the problem is, the TDLeftBar class
should limit the width to a minimum of 150px but it does not work... Can
somebody tell me what's wrong? I tried with width and min-width, same
result... I tried to change the background-color and it worked fine.
What's
wrong???

Thanks

ThunderMusic

******* CSS *******
table.TABLEMaster
{
border: 0px;
padding: 0px;
background-color:white;
margin:0px;
width:100%;
}
table.TABLEMaster tr td.TDTitle
{
color:black;
text-align:center;
width:1000px;
}
table.TABLEMaster tr td.TDLeftBar
{
min-width:150px;
color:black;
text-align:left;
vertical-align:top;
padding-top:50px;
padding-right:15px;
}
table.TABLEMaster tr td.TDContent
{
color:Black;
text-align:left;
vertical-align:top;
}
table.TABLEMaster tr td.TDRightBar
{
color:black;
text-align:right;
width:70px;
padding-left:15px;
vertical-align:top;
}
table.TABLEMaster tr td.TDFooter
{
color:black;
text-align:center;
font-size:x-small;
}
******* End CSS *******
******* ASPX *******
<table id="tblMasterPageMain" class="TABLEMaster">
<tr>
<td colspan="3" class="TDTitle">
Some Content
</td>
</tr>
<tr>
<td class="TDLeftBar">
Some Content
</td>
<td class="TDContent">
Some Content
</td>
<td class="TDRightBar">
Some Content
</td>
</tr>
<tr>
<td colspan="3" class="TDFooter">
Some Content
</td>
</tr>
</table>
******* End ASPX *******

Sep 27 '06 #5
q
There are many things you could do... but just about all require Ph.D
in CSS. The triple column layout is considered the "holy grail" of
CSS. Just look for that type of layout and you will find some great
examples by the masters.

Btw... to put divs next to each other you can either flip them into
being inline (display: inline;) or you can set floating (float:
left;)... but that's not exactly what you want for this. Using floats
with relation and absolute position is what you need a Ph.D in CSS
for... crazy stuff, but oh so powerful...

ThunderMusic wrote:
thanks,
how can I change this kind of layer into divs? considering I want my page to
fill as much space as possible (that was the 100% on the table) and limit
the minimum width of some sections (that was the 1000px for the top bar)

Divs behave in a manner that if you put this :

<div>
top div
</div>
<div>
left div
</div>
<div>
content div
</div>
<div>
right div
</div>
<div>
bottom div
</div>
instead of all puting the divs one beside the other (from left to right), it
puts them one below the other (from up to bottom)... How can I tell the divs
"this one goes beside this other one and so on?

thanks

ThunderMusic
"q" <ag******@gmail.comwrote in message
news:11**********************@i42g2000cwa.googlegr oups.com...
You really shouldn't mix tables with CSS modifiers... that's really
disasterous. As soon as you switch that to a proper CSS layout (divs
'n stuff), it will all just fall together.

ThunderMusic wrote:
Hi,
I have the some css (provided at the end of the post) and use it in my
aspx
page (code provided at the end too): the problem is, the TDLeftBar class
should limit the width to a minimum of 150px but it does not work... Can
somebody tell me what's wrong? I tried with width and min-width, same
result... I tried to change the background-color and it worked fine.
What's
wrong???

Thanks

ThunderMusic

******* CSS *******
table.TABLEMaster
{
border: 0px;
padding: 0px;
background-color:white;
margin:0px;
width:100%;
}
table.TABLEMaster tr td.TDTitle
{
color:black;
text-align:center;
width:1000px;
}
table.TABLEMaster tr td.TDLeftBar
{
min-width:150px;
color:black;
text-align:left;
vertical-align:top;
padding-top:50px;
padding-right:15px;
}
table.TABLEMaster tr td.TDContent
{
color:Black;
text-align:left;
vertical-align:top;
}
table.TABLEMaster tr td.TDRightBar
{
color:black;
text-align:right;
width:70px;
padding-left:15px;
vertical-align:top;
}
table.TABLEMaster tr td.TDFooter
{
color:black;
text-align:center;
font-size:x-small;
}
******* End CSS *******
******* ASPX *******
<table id="tblMasterPageMain" class="TABLEMaster">
<tr>
<td colspan="3" class="TDTitle">
Some Content
</td>
</tr>
<tr>
<td class="TDLeftBar">
Some Content
</td>
<td class="TDContent">
Some Content
</td>
<td class="TDRightBar">
Some Content
</td>
</tr>
<tr>
<td colspan="3" class="TDFooter">
Some Content
</td>
</tr>
</table>
******* End ASPX *******
Sep 29 '06 #6
q
I'll also mention something else...

I have a guy at work who somewhat works in a different department...
he's trying to learn ASP.NET but CANNOT (I think it's more like WILL
NOT) seem to accept ASP.NET. He's done ASP for so long he has no idea
how to let go of the manual nature (just about everyone who's done the
transition knows what that's like). His big problem though is that he
can't seem to accept ASP.NET because "it does it all for me, therefore
it's not powerful enough for the solutions I need". Obviously, he's
extremely naive with regard to ASP.NET. If he would just pay attention
to me when I teach databinding and notice all the events I can trap, he
would see that all the power is there...

In the same way most people who look at CSS when they only know table
formatting think of it as being impotent. They are used to their own
very old school development. The power of CSS is analagous to the
power of ASP.NET, or any other massive upgrade of systems. So, just as
ASP.NET does allow you to control and modify things with the same level
of power as ASP, CSS allows you to control and modify things with MORE
level of control than anything before. You can control how divs
render, how spans, render, how a ul/li list works, or anything to a
level that is unmatched anywhere else. Just do some research on CSS...
it's a bottomless pit of learning so don't go too far, you can learn
forever.

ThunderMusic wrote:
thanks,
how can I change this kind of layer into divs? considering I want my page to
fill as much space as possible (that was the 100% on the table) and limit
the minimum width of some sections (that was the 1000px for the top bar)

Divs behave in a manner that if you put this :

<div>
top div
</div>
<div>
left div
</div>
<div>
content div
</div>
<div>
right div
</div>
<div>
bottom div
</div>
instead of all puting the divs one beside the other (from left to right), it
puts them one below the other (from up to bottom)... How can I tell the divs
"this one goes beside this other one and so on?

thanks

ThunderMusic
"q" <ag******@gmail.comwrote in message
news:11**********************@i42g2000cwa.googlegr oups.com...
You really shouldn't mix tables with CSS modifiers... that's really
disasterous. As soon as you switch that to a proper CSS layout (divs
'n stuff), it will all just fall together.

ThunderMusic wrote:
Hi,
I have the some css (provided at the end of the post) and use it in my
aspx
page (code provided at the end too): the problem is, the TDLeftBar class
should limit the width to a minimum of 150px but it does not work... Can
somebody tell me what's wrong? I tried with width and min-width, same
result... I tried to change the background-color and it worked fine.
What's
wrong???

Thanks

ThunderMusic

******* CSS *******
table.TABLEMaster
{
border: 0px;
padding: 0px;
background-color:white;
margin:0px;
width:100%;
}
table.TABLEMaster tr td.TDTitle
{
color:black;
text-align:center;
width:1000px;
}
table.TABLEMaster tr td.TDLeftBar
{
min-width:150px;
color:black;
text-align:left;
vertical-align:top;
padding-top:50px;
padding-right:15px;
}
table.TABLEMaster tr td.TDContent
{
color:Black;
text-align:left;
vertical-align:top;
}
table.TABLEMaster tr td.TDRightBar
{
color:black;
text-align:right;
width:70px;
padding-left:15px;
vertical-align:top;
}
table.TABLEMaster tr td.TDFooter
{
color:black;
text-align:center;
font-size:x-small;
}
******* End CSS *******
******* ASPX *******
<table id="tblMasterPageMain" class="TABLEMaster">
<tr>
<td colspan="3" class="TDTitle">
Some Content
</td>
</tr>
<tr>
<td class="TDLeftBar">
Some Content
</td>
<td class="TDContent">
Some Content
</td>
<td class="TDRightBar">
Some Content
</td>
</tr>
<tr>
<td colspan="3" class="TDFooter">
Some Content
</td>
</tr>
</table>
******* End ASPX *******
Sep 29 '06 #7
thanks a lot... those 2 posts will be really helpful... ;) thanks again...
"q" <ag******@gmail.coma écrit dans le message de news:
11*********************@b28g2000cwb.googlegroups.c om...
I'll also mention something else...

I have a guy at work who somewhat works in a different department...
he's trying to learn ASP.NET but CANNOT (I think it's more like WILL
NOT) seem to accept ASP.NET. He's done ASP for so long he has no idea
how to let go of the manual nature (just about everyone who's done the
transition knows what that's like). His big problem though is that he
can't seem to accept ASP.NET because "it does it all for me, therefore
it's not powerful enough for the solutions I need". Obviously, he's
extremely naive with regard to ASP.NET. If he would just pay attention
to me when I teach databinding and notice all the events I can trap, he
would see that all the power is there...

In the same way most people who look at CSS when they only know table
formatting think of it as being impotent. They are used to their own
very old school development. The power of CSS is analagous to the
power of ASP.NET, or any other massive upgrade of systems. So, just as
ASP.NET does allow you to control and modify things with the same level
of power as ASP, CSS allows you to control and modify things with MORE
level of control than anything before. You can control how divs
render, how spans, render, how a ul/li list works, or anything to a
level that is unmatched anywhere else. Just do some research on CSS...
it's a bottomless pit of learning so don't go too far, you can learn
forever.

ThunderMusic wrote:
>thanks,
how can I change this kind of layer into divs? considering I want my page
to
fill as much space as possible (that was the 100% on the table) and limit
the minimum width of some sections (that was the 1000px for the top bar)

Divs behave in a manner that if you put this :

<div>
top div
</div>
<div>
left div
</div>
<div>
content div
</div>
<div>
right div
</div>
<div>
bottom div
</div>
instead of all puting the divs one beside the other (from left to right),
it
puts them one below the other (from up to bottom)... How can I tell the
divs
"this one goes beside this other one and so on?

thanks

ThunderMusic
"q" <ag******@gmail.comwrote in message
news:11**********************@i42g2000cwa.googleg roups.com...
You really shouldn't mix tables with CSS modifiers... that's really
disasterous. As soon as you switch that to a proper CSS layout (divs
'n stuff), it will all just fall together.

ThunderMusic wrote:
Hi,
I have the some css (provided at the end of the post) and use it in my
aspx
page (code provided at the end too): the problem is, the TDLeftBar
class
should limit the width to a minimum of 150px but it does not work...
Can
somebody tell me what's wrong? I tried with width and min-width, same
result... I tried to change the background-color and it worked fine.
What's
wrong???

Thanks

ThunderMusic

******* CSS *******
table.TABLEMaster
{
border: 0px;
padding: 0px;
background-color:white;
margin:0px;
width:100%;
}
table.TABLEMaster tr td.TDTitle
{
color:black;
text-align:center;
width:1000px;
}
table.TABLEMaster tr td.TDLeftBar
{
min-width:150px;
color:black;
text-align:left;
vertical-align:top;
padding-top:50px;
padding-right:15px;
}
table.TABLEMaster tr td.TDContent
{
color:Black;
text-align:left;
vertical-align:top;
}
table.TABLEMaster tr td.TDRightBar
{
color:black;
text-align:right;
width:70px;
padding-left:15px;
vertical-align:top;
}
table.TABLEMaster tr td.TDFooter
{
color:black;
text-align:center;
font-size:x-small;
}
******* End CSS *******
******* ASPX *******
<table id="tblMasterPageMain" class="TABLEMaster">
<tr>
<td colspan="3" class="TDTitle">
Some Content
</td>
</tr>
<tr>
<td class="TDLeftBar">
Some Content
</td>
<td class="TDContent">
Some Content
</td>
<td class="TDRightBar">
Some Content
</td>
</tr>
<tr>
<td colspan="3" class="TDFooter">
Some Content
</td>
</tr>
</table>
******* End ASPX *******

Sep 29 '06 #8

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

6
3051
by: Mullin Yu | last post by:
hi, i have a web service that has file operations on Windows OS, and there may be a file concurrency issue if only one working directory e.g. c:\working therefore, i want to have a unique sub...
5
2792
by: Martin Heuckeroth | last post by:
Hi We are working on a webservice application and are having some problems with the cookies and/or sessions. We have them working on our intranet but then its not working on the internet. We...
5
3042
by: tshad | last post by:
I have been working with setting my drop boxes to allow double clicking to select an item. It worked fine until I made some changes. I then stripped the page down to the bare essentials to find...
8
2495
by: jojobar | last post by:
Okay, I am trying to do is to test the webresource in 2.0 1. I created a new project with assembly name (and default assembly name) "Office". 2. I added the following to the AssemblyInfo.cs...
2
14811
by: Don | last post by:
I'm having problems with intellisense, autocomplete, etc. suddenly not working in certain classes of a project I'm working on. All the options are set, and it all works fine for most classes, but...
9
3182
by: MSDNAndi | last post by:
Hi, I have a set of simple webservices calls that worked fine using .NET Framework 1.0. I am calling a Java/Apache based webservices, the calling side is not able to supply a proper WSDL. ...
4
2099
by: qbproger | last post by:
I'm developing a plugin for some software. The previous version of the software didn't require a start in directory to be set. This allowed me to leave the working directory to the default in the...
3
7714
by: Jason Huang | last post by:
Hi, In our C# Windows Form application, we are using the SQL Server 2000 as the database server. The Database table MyTable has a field RegistrationDate which represents the Date a client comes...
0
1791
by: WORKING IN FAITH | last post by:
three years I LOVE You Monica More options 1 message - Collapse all WORKING IN FAITH View profile More options Nov 13, 11:29 am three years I LOVE You Monica
3
2459
by: lds | last post by:
On our server we have both applications that have been migrated to use v2.0 of the framework as well as apps that have not yet been migrated and still use 1.1. When I tried to deploy my v2.0 app...
0
7218
marktang
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,...
0
7307
Oralloy
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,...
0
7370
jinu1996
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...
1
7021
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
7478
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
3188
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...
0
1532
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...
1
755
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
409
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.