netbang
03-23-2007, 09:09 AM
Hopefully what I'm trying to do will be obvious from looking at the page. I'm basically trying to make a page which will pull information from a database using php and display the info on the page like a simple forum/blog. i've been asked to make the page using css and divs rather than tables... and i'm not very good at css, shamefully.
I've pretty much got the code for the page sorted apart from a couple of problems. the 'workinfo' area isn't expandable - i've set a height value for it now just so it looks a bit nicer but if for example there is lots of text pulled from the database, i want the height to expand to accommodate all the text.
then underneath that area is the 'feedback' area. i want this to be underneath the 'work info' area but as you can see i'm having problems with the positioning - also if the 'work info' area expands, i need this feedback area to move down accordingly. ???
you can see the page and the css code here:
http://www.netbang.com.cn/problems/clientcentre.html
http://www.netbang.com.cn/problems/css_clientarea.css
Any help / comments / opinions would be greatly appreciated. Thanks.
#workinfo a{
position:absolute;
left:244px;
width:340px;
min-height: 50px;
z-index:6;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #8C8C8C;
line-height: 20px;
}
#workinfo a:hover{
background-color:#FFFFCC;
}
#feedback a{
position:relative;
top: 40px;
left: 244px;
width:339px;
height:15px;
z-index:7;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FF0000;
text-decoration: none;
}
I've pretty much got the code for the page sorted apart from a couple of problems. the 'workinfo' area isn't expandable - i've set a height value for it now just so it looks a bit nicer but if for example there is lots of text pulled from the database, i want the height to expand to accommodate all the text.
then underneath that area is the 'feedback' area. i want this to be underneath the 'work info' area but as you can see i'm having problems with the positioning - also if the 'work info' area expands, i need this feedback area to move down accordingly. ???
you can see the page and the css code here:
http://www.netbang.com.cn/problems/clientcentre.html
http://www.netbang.com.cn/problems/css_clientarea.css
Any help / comments / opinions would be greatly appreciated. Thanks.
#workinfo a{
position:absolute;
left:244px;
width:340px;
min-height: 50px;
z-index:6;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #8C8C8C;
line-height: 20px;
}
#workinfo a:hover{
background-color:#FFFFCC;
}
#feedback a{
position:relative;
top: 40px;
left: 244px;
width:339px;
height:15px;
z-index:7;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FF0000;
text-decoration: none;
}