Connecting Tech Pros Worldwide Forums | Help | Site Map

style lost when html placed in td tags.

Obantec Support
Guest
 
Posts: n/a
#1: Feb 2 '06
Hi

mixed html & css

i want to use the following code inside the table tags <td></td>

html code

<div class="menu-subs">
<div class="menuheader-subs"><h1>:: Subscriber sections</h1></div>
<a href="javascript:;">:: A section here</a>
<a href="javascript:;">:: Another here</a>
<a href="javascript:;">:: A different section here</a>
<a href="javascript:;">:: A section here</a>
<a href="javascript:;">:: Another here</a>
<a href="javascript:;">:: A different section here</a>
<a href="javascript:;">:: A section here</a>
<a href="javascript:;">:: Another here</a>
<a href="javascript:;">:: A different section here</a>
</div>

style sheet code

..menu-subs{
background-image:url(images/menu_bg-subs.gif);
background-repeat:repeat-x;
width:170px;
}

..menuheader-subs{
background:#296093;
background-image:url(images/headerbar-subs.gif);
background-repeat:repeat-x;
width:170px;
overflow:hidden;
}
..menuheader-subs h1{
background-image:url(images/headerbar-subs-corners.gif);
background-repeat:no-repeat;
padding:2px 0 2px 5px;
margin:0;
color:#FFF;
font-weight:bold;
font-size:100%;
}
..menu-subs a{
display:block;
padding:2px 0 2px 5px;
border-bottom: 1px solid #6AA2C4;
text-decoration:none;
font-size:90%;
color:#333;
}
..menu-subs a:hover, .menu-subs a:visited:hover{
background:#D0E2EC;
}

example url

http://www.mds.cc/styletest.html

Mark


Jukka K. Korpela
Guest
 
Posts: n/a
#2: Feb 2 '06

re: style lost when html placed in td tags.


"Obantec Support" <usenet@NOSPAM.obantec.net> wrote:
[color=blue]
> mixed html & css[/color]

If it's a CSS question, it does not belong here.
[color=blue]
> <a href="javascript:;">:: A section here</a>[/color]

Stop right there. Now start from the original problem. What is it?
The above is simply wrong. And I don't mean just the childish "::".

You haven't even described what you see as a problem. You just threw
some code at us. If your problem is the change of rendering when
putting something in a table cell, as you suggest in the Subject line
(only!), consider whether you understand the default styling of cells
and whether you really need to put something into a table cell.

Besides, do your homework before asking others to help you. Use
available tools to check at least the syntax of your HTML and CSS code.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html

Closed Thread


Similar HTML / CSS bytes