I hate CSS (cascading style sheets)

kbirger

Member
Dec 4, 2004
48
0
0
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?
 

fs5

Lifer
Jun 10, 2000
11,774
1
0
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?

Ironically the table abuse you are committing is the very reason CSS was invented!
 

kbirger

Member
Dec 4, 2004
48
0
0
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 =)
 

KEV1N

Platinum Member
Jan 15, 2000
2,932
1
0
Why are you even using CSS when you're relying on tables for your main layout?
 

kbirger

Member
Dec 4, 2004
48
0
0
Originally posted by: KEV1N
Why are you even using CSS when you're relying on tables for your main layout?

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
 

Yossarian

Lifer
Dec 26, 2000
18,010
1
81
Originally posted by: KEV1N
Why are you even using CSS when you're relying on tables for your main layout?

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.
 

fs5

Lifer
Jun 10, 2000
11,774
1
0
Originally posted by: Yossarian
Originally posted by: KEV1N
Why are you even using CSS when you're relying on tables for your main layout?

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.

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.
 

kbirger

Member
Dec 4, 2004
48
0
0
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%????
 

Injury

Lifer
Jul 19, 2004
13,066
2
81
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.
 

Turkish

Lifer
May 26, 2003
15,547
1
81
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%????

toekramp is my buddy in real life
 
sale-70-410-exam    | Exam-200-125-pdf    | we-sale-70-410-exam    | hot-sale-70-410-exam    | Latest-exam-700-603-Dumps    | Dumps-98-363-exams-date    | Certs-200-125-date    | Dumps-300-075-exams-date    | hot-sale-book-C8010-726-book    | Hot-Sale-200-310-Exam    | Exam-Description-200-310-dumps?    | hot-sale-book-200-125-book    | Latest-Updated-300-209-Exam    | Dumps-210-260-exams-date    | Download-200-125-Exam-PDF    | Exam-Description-300-101-dumps    | Certs-300-101-date    | Hot-Sale-300-075-Exam    | Latest-exam-200-125-Dumps    | Exam-Description-200-125-dumps    | Latest-Updated-300-075-Exam    | hot-sale-book-210-260-book    | Dumps-200-901-exams-date    | Certs-200-901-date    | Latest-exam-1Z0-062-Dumps    | Hot-Sale-1Z0-062-Exam    | Certs-CSSLP-date    | 100%-Pass-70-383-Exams    | Latest-JN0-360-real-exam-questions    | 100%-Pass-4A0-100-Real-Exam-Questions    | Dumps-300-135-exams-date    | Passed-200-105-Tech-Exams    | Latest-Updated-200-310-Exam    | Download-300-070-Exam-PDF    | Hot-Sale-JN0-360-Exam    | 100%-Pass-JN0-360-Exams    | 100%-Pass-JN0-360-Real-Exam-Questions    | Dumps-JN0-360-exams-date    | Exam-Description-1Z0-876-dumps    | Latest-exam-1Z0-876-Dumps    | Dumps-HPE0-Y53-exams-date    | 2017-Latest-HPE0-Y53-Exam    | 100%-Pass-HPE0-Y53-Real-Exam-Questions    | Pass-4A0-100-Exam    | Latest-4A0-100-Questions    | Dumps-98-365-exams-date    | 2017-Latest-98-365-Exam    | 100%-Pass-VCS-254-Exams    | 2017-Latest-VCS-273-Exam    | Dumps-200-355-exams-date    | 2017-Latest-300-320-Exam    | Pass-300-101-Exam    | 100%-Pass-300-115-Exams    |
http://www.portvapes.co.uk/    | http://www.portvapes.co.uk/    |