• We’re currently investigating an issue related to the forum theme and styling that is impacting page layout and visual formatting. The problem has been identified, and we are actively working on a resolution. There is no impact to user data or functionality, this is strictly a front-end display issue. We’ll post an update once the fix has been deployed. Thanks for your patience while we get this sorted.

I hate CSS (cascading style sheets)

change the valign to top
< td valign="top" background="template_files/brickMain.jpg" >

nothing to do w/ css
 
Originally posted by: kbirger
i'm working on a quickie website for someone, i have that news table within a cell in another table and its CSS class tells it that it should be positioned relatively 5xp from the top, instead it seems to be counting from the middle of its parent cell....
http://kbirger.no-ip.org/kir/hyd/template.htm

anyone know why?
Click to expand...

Ironically the table abuse you are committing is the very reason CSS was invented!
 
yeah well i have no idea how to make that sort of layout in CSS... if you can give me detailed advice on that i'll redo it =)
 
Originally posted by: KEV1N
Why are you even using CSS when you're relying on tables for your main layout?
Click to expand...

because i am trying to transition and because i don't know a better way to make sure that one table is in a certain position in relation to it's parent table
 
Originally posted by: KEV1N
Why are you even using CSS when you're relying on tables for your main layout?
Click to expand...

should you not use tables for layout? it seems like an easy way to go.

p.s. I've been studying html for 3 weeks so I'm a n00b at this.
 
Originally posted by: Yossarian
Originally posted by: KEV1N
Why are you even using CSS when you're relying on tables for your main layout?
Click to expand...

should you not use tables for layout? it seems like an easy way to go.

p.s. I've been studying html for 3 weeks so I'm a n00b at this.
Click to expand...

tables is a good way to start. but learn css, it is a much better way to design a page. It helps seperates layout/design from content.
 
1) if you didn't want an opinion you should have made a clear reason for your post
2) i think he meant that it didn't display right for him - which you should know
-----


anyway, uhh, the problem i have with a lot of divs and stuff is, if my content which is often dynamic stretches taller than the 'layout' divs as "http://wellstyled.com/css-2col-fluid-layout.html" seems to tell you to do, then the text goes off into nothing..


----
that site has a part where it has ...

#content {
width: 90%;
margin:1em auto;
border: 1px solid black;
text-align:left;
background: url('bkgr.gif') 30% 0% repeat-y;
max-width: 1024px;
}

#sidebar {
float: left;
width: 30%;
margin:0; padding:0;

width:90% and width: 30%????
 
Which class are we talking about here? If it's "content", then I see a couple of problems.

.content {
w1idth: 620px;
width: 98%;
max-width: 800px;
height: 100%;
}

Not only did you misspell "width", you are using TWO width commands and 3 different kinds of width commands. Think about what this is supposed to do here. If an item is supposed to have a width of 620px, then why the hell do you have to define "max-width".... I've never even heard of "max-width", either. Edit: Ok, max-width is a command... but using it on an interior table doesn't make much sense.


If you are trying to validate for HTML, first validate your CSS. The validators at w3c.org can help a lot.
 
Originally posted by: kbirger
1) if you didn't want an opinion you should have made a clear reason for your post
2) i think he meant that it didn't display right for him - which you should know
-----


anyway, uhh, the problem i have with a lot of divs and stuff is, if my content which is often dynamic stretches taller than the 'layout' divs as "http://wellstyled.com/css-2col-fluid-layout.html" seems to tell you to do, then the text goes off into nothing..


----
that site has a part where it has ...

#content {
width: 90%;
margin:1em auto;
border: 1px solid black;
text-align:left;
background: url('bkgr.gif') 30% 0% repeat-y;
max-width: 1024px;
}

#sidebar {
float: left;
width: 30%;
margin:0; padding:0;

width:90% and width: 30%????
Click to expand...

toekramp is my buddy in real life 🙂
 
You must log in or register to reply here.

TRENDING THREADS

Back
Top