13 replies [Last post]
spastic
Offline
newbie
Last seen: 17 years 28 weeks ago
Joined: 2005-03-14
Posts: 1
Points: 0

hello, i dont understand what is wrong with this, but it cuts off the bottom of one of my tables on my page. please let me know what im doing wrong. here is the part that seems to be messed up. thanks

<style type="text/css"> 

table, td { 
	background-color:transparent; 
	border:0 px;
} 

body {
	background-image: url('http://oldvertdog.homestead.com/files/nudesalba.jpg');
	background-repeat: repeat;
	scrollbar-face-color:8A1326;
	scrollbar-arrow-color:000000; 
	scrollbar-track-color:000000; 
}

table, tr, td{
	background-color:transparent;
	border:0px;
	padding:2
} 

table table table {
	border:1px dotted; 
	border-color:8A1326; 
	padding:1; 
	filter:alpha(opacity=85); 
	-moz-opacity:0.90; 
	opacity:0.90; 
	background-color:000000;
} 

table table{
	border:0px
} 

table table table table{
	border:0px
} 

font, td, a, body, input, textarea, table{
	color:8A1326;
	font-family:verdana;
} 

body, td, li, p, div, textarea, li, h1, h2, p, br {
	font-family: verdana; 
	font-size: 8pt; 
	color: 8A1326; 
} 

.btext {
	font-family: verdana; 
	font-size: 8pt; 
	color: 09F703 ; 
} 

.blacktext10 {
	font-family: verdana; 
	font-size: 8pt; 
	color: 09F703; 
} 

.blacktext12 {
	font-family: verdana; 
	font-size: 8pt; 
	color: 09F703;
} 

.lightbluetext8 {
	font-family: verdana; 
	font-size: 8pt; 
	color: 09F703;
} 

.nametext {
	font-family: verdana; 
	font-size: 12pt; 
	color: 0986F6;
} 

.orangetext15 {
	font-family: verdana; 
	font-size: 8pt; 
	color: 09F703;
} 

.redbtext {
	font-family: verdana; 
	font-size: 8pt; 
	color: 09F703;
} 

.text {
	font-family: verdana; 
	font-size: 8pt; 
	color: 09F703;
} 

.whitetext12 {
	font-family: verdana; 
	font-size: 8pt; 
	color: 09F703;
}

a:link {
	font-family: verdana; 
	font-size: 8pt; 
	color: 09F703;
}

a:hover {
	font-family: verdana; 
	font-size: 8pt; 
	color: 8A1326; 
	text-decoration: underline;
}

a{
	color:E0D1FF;
} 

a:visited {
	font-family: verdana; 
	font-size: 8pt; 
	color: 09F703;
} 

.blacktext12 {
	color:09F703;
} 

</style>

- edited for legibility

ian
ian's picture
Offline
Enthusiast
South Carolina
Last seen: 17 years 46 weeks ago
South Carolina
Timezone: GMT-5
Joined: 2004-11-08
Posts: 103
Points: 0

help with opacity

would you mind posting a link to the html to see this in action?

also, just nitpicking here but could you also tab your code to delineate it a little? Maybe put some space between elements? Just easier on the eyes Laughing out loud

-clever quote at the bottom of my post-

antibland
antibland's picture
Offline
Leader
Pittsburgh
Last seen: 13 years 38 weeks ago
Pittsburgh
Joined: 2005-01-17
Posts: 603
Points: 0

help with opacity

A classic first post. And I mean no offense by this. It's just a classic first post. Throw us a link and we'll try and help you out.

Andrew

DCElliott
DCElliott's picture
Offline
Leader
Halifax, Canada
Last seen: 5 years 20 weeks ago
Halifax, Canada
Timezone: GMT-3
Joined: 2004-03-22
Posts: 828
Points: 0

help with opacity

Also, are you coding your CSS by hand or using a program? The repeated fontfamily stuff and such is totally redundant. Set your basic font family and size in your body style and then only change the font-size for specific styles. Also, you should do font-sizes in ems rather than px for better cross-browser compatability.

e.g.
body {
  margin:0; 
  padding:0; 
  border:0;
  font:normal normal 85%/1.1 verdana, tahoma, humanist, arial, sans-serif;
}

Did you intend to have different transparency between IE and different browsers?

Quote:
filter:alpha(opacity=85); -moz-opacity:0.90; opacity:0.90;

If you are interested in knowing more about this, let me know.

DE

David Elliott

Before you ask
LearnXHTML|CSS
ValidateHTML|CSS

degas261
degas261's picture
Offline
Regular
New York
Last seen: 17 years 45 weeks ago
New York
Timezone: GMT-5
Joined: 2004-11-18
Posts: 23
Points: 0

help with opacity

DC, I'm curious about the emmeasurement. What, exactly, is it, and how should it be used?

The suburbs have the charms to soothe the restless dreams of youth...

-Neil Peart, Rush

DCElliott
DCElliott's picture
Offline
Leader
Halifax, Canada
Last seen: 5 years 20 weeks ago
Halifax, Canada
Timezone: GMT-3
Joined: 2004-03-22
Posts: 828
Points: 0

help with opacity

In typesetting em and ex are units of font width and height measurement. For more info se: http://www.xs4all.nl/~sbpoley/webmatters/emex.html

In CSS em units allow one to proportionally scale type and other layout elements. I like to limit the max-width of text to about 35-40em, for example, to avoid long lines and improve readability.

A god web font resource is: http://www.websitetips.com/css/index.shtml#fonts

DE

David Elliott

Before you ask
LearnXHTML|CSS
ValidateHTML|CSS

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 8 years 30 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

help with opacity

table table table table{border:0px} 

this doesn't look good...

ian
ian's picture
Offline
Enthusiast
South Carolina
Last seen: 17 years 46 weeks ago
South Carolina
Timezone: GMT-5
Joined: 2004-11-08
Posts: 103
Points: 0

help with opacity

Quote:
table table table table{border:0px}

this doesn't look good...

Good point Wolf. . .

-clever quote at the bottom of my post-

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 22 weeks 3 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

help with opacity

Highlighted some possible problems:

<style type="text/css">
table, td {
background-color:transparent;
border:0 px;
}

body {
background-image: url('http://oldvertdog.homestead.com/files/nudesalba.jpg');
background-repeat: repeat;

scrollbar-face-color:8A1326;
scrollbar-arrow-color:000000;
scrollbar-track-color:000000;

}

table, tr, td{
background-color:transparent;
border:0px;
padding:2
}

table table table {
border:1px dotted;
border-color:8A1326;
padding:1;

filter:alpha(opacity=85);
-moz-opacity:0.90;
opacity:0.90;
background-color:000000;
}

table table{
border:0px
}

table table table table{
border:0px
}

font, td, a, body, input, textarea, table{
color:8A1326;
font-family:verdana;
}

body, td, li, p, div, textarea, li, h1, h2, p, br {
font-family: verdana;
font-size: 8pt;
color: 8A1326;
}

.btext {
font-family: verdana;
font-size: 8pt;
color: 09F703 ;
}

.blacktext10 {
font-family: verdana;
font-size: 8pt;
color: 09F703;
}

.blacktext12 {
font-family: verdana;
font-size: 8pt;
color: 09F703;
}

.lightbluetext8 {
font-family: verdana;
font-size: 8pt;
color: 09F703;
}

.nametext {
font-family: verdana;
font-size: 12pt;
color: 0986F6;
}

.orangetext15 {
font-family: verdana;
font-size: 8pt;
color: 09F703;
}

.redbtext {
font-family: verdana;
font-size: 8pt;
color: 09F703;
}

.text {
font-family: verdana;
font-size: 8pt;
color: 09F703;
}

.whitetext12 {
font-family: verdana;
font-size: 8pt;
color: 09F703;
}

a:link {
font-family: verdana;
font-size: 8pt;
color: 09F703;
}

a:hover {
font-family: verdana;
font-size: 8pt;
color: 8A1326;
text-decoration: underline;
}

a{
color:E0D1FF;
}

a:visited {
font-family: verdana;
font-size: 8pt;
color: 09F703;
}

.blacktext12 {
color:09F703;
}

</style>

The bold will cause problems in the validator, the italics is MS propietary code.

Verschwindende wrote:
  • CSS doesn't make pies

phoenixfreefall
Offline
newbie
Last seen: 15 years 4 weeks ago
Timezone: GMT-7
Joined: 2007-08-11
Posts: 2
Points: 0

what this page is

I can tell you right now, the reason for all these nested tables is that this is a layout edit for a myspace page. The original CSS was probably obtained through one of many myspace editing programs and now spastic wants to tweak it even more by adding some opacity effects. The problem is that the nested tables are incredibly confusing and unalterable since it's simply the bad design that myspace created for profile pages.

I've run into the same problem trying to code my profile page (hey, a webdesigner should be able to handle myspace, right? Right?), making the actual visible and functional tables 60% opaque, but myspace would then have problems loading my page causing the bottoms of tables to be cut off. I've almost come to the conclusion that myspace simply can't handle extensive opacity, but then I haven't dealt with myspace editing very extensively.

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 8 years 30 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

I can tell you right now

I can tell you right now that you've just resurrected a two (and a half) year old post :thumbsup:

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 22 weeks 3 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

This threaded indented view

This threaded indented view is going to take some getting used to, I can tell you Tongue

Verschwindende wrote:
  • CSS doesn't make pies

phoenixfreefall
Offline
newbie
Last seen: 15 years 4 weeks ago
Timezone: GMT-7
Joined: 2007-08-11
Posts: 2
Points: 0

sorry! I really try not to

sorry! I really try not to do that, but I saw the post in another search I was doing and replied without checking the date. Sorry guys...

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 22 weeks 3 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Don't worry How are you

Don't worry Wink

How are you getting on with your myspace layout?

Verschwindende wrote:
  • CSS doesn't make pies