Hi
Help with this would be great.
I've a standard Header and three columns page, but I need to create 5 columns to accomadate 5 lists of words across the page.
I don't really want to use a table, even though it's not for the page layout.
Ok this is my css to date and it workes on Linux / firefox, thats all i know.
body{
padding:10px;
margin:0;
color:#c00;
background-color:#fff;
}
#header{
padding:0;
margin:0;
}
#contain{
float:left;
width:100%;
margin:10px -210px 10px 0;
}
#main{
float:right;
width:100%;
margin:0 0 0 -210px;
}
#centre{
border:1px solid #fff;
text-align:left;
margin:0 210px;
}
#ul1{
border:1px solid #fff;
width:160px;
margin: 0px 0px 0px 0px;
position : absolute;
}
#ul2{
border:1px solid #fff;
width:160px;
margin: 0px 0px 0px 390px;
position : absolute ;
}
#ul3{
border:1px solid #fff;
width:170px;
margin: 0px 0px 0px 205px;
position : absolute ;
}
#left{
width:205px;
border:1px solid #fff;
text-align:left;
float:left;
}
#right{
margin:10px 0;
width:205px;
border:1px solid #fff;
text-align:left;
float:right;
}
#leftul{
margin : 0 0 0 100px;
}
Any help in tidying it up.
Cheers zaclane.Remind me never to visit your site. All those fixed width columns will result in a lot of horizontal scrolling.
Can you describe in a bit more detail what you're trying to acheive please? It sounds a lot like you're trying to display some tabular data.
If not then sure I'll help you with the CSS, but for now, can you just indulge me please?
Hi ,
Ok this is a personal project so at the moment I'm not worried about the fixed widths (it's not on line yet) or the borders, and thay will be changed to % when I have time.
Basiclly I have 5 unorderd lists of 50 - 60 words in each ul (tabular data) also each one is a link.
At the moment thay are housed in 3 structural div's the left div containes one ul, the same as the right div. ul1,ul2 and ul3 are contained in the center div.
The more I work with this I find the problem is getting 5 divs to display Horz.
Cheers Zaclane.
Just float the 5 ul's left.Fang spoton !
Thanks for that it works a treat.
why are the simple things so hard and the complicated things a little easier.
Cheers zaclane.Originally posted by zaclane
Basiclly I have 5 unorderd lists of 50 - 60 words in each ul (tabular data) also each one is a link.Key words "tabular data". You should be using a table.You're actually allowed to use tables for some things zaclaneYea tables are ok for some things (eating playing tennis). No I'm joking.
The lists are all German words and eventually I will be expanding the data to more than one word per definition. From a ul to a dictionary like entry. So at the end of the day to save me hassel and allow for flexability later.
Has anyone used the program CSSED ?
If so is it any good?
I will let you know when I'm finished and you can tell me what you think.
Cheers zaclane.Originally posted by zaclane
The lists are all German words and eventually I will be expanding the data to more than one word per definition. From a ul to a dictionary like entry. So at the end of the day to save me hassel and allow for flexability later.Well in that case it's not tabular data, it's a definition list:<dl>
<dt>machen</dt>
<dd>to make</dd>
<dd>Bad example, it only has one definition</dd>
<dd>This would be the third definistion</dd>
<dt>links</dt>
<dd>left</dd>
<dt>richtig</dt>
<dd>right</dd>
</dl>Thats something like it Iavalamp!
Then perhaps onto non static pages , as a database is even better for the storage of multi definations.
<dl>
<dt>arbeiten (to work)</dt>
<dd>ich arbeite</dd>
<dd>du arbeitest</dd>
<dd>er/sie/es arbitet</dd>
(etc etc)
</dl>
but that's for another day!
It's strange to look at the possable structure of the text above, only one dt with many dd, you can kinda see how tables within tables can exist. I guess it's just what your used to working with.I'm glad you like, but I thought that I'd point out anyway, that this would be just as valid:<table lang="de">
<tr>
<th lang="en">German verb</th>
<th>Ich</th>
<th>du</th>
<th>er/sie/es</th>
</tr>
<tr>
<td>arbeiten <span lang="en">(to work)</span></td>
<td>arbeite</td>
<td>arbeitest</td>
<td>arbitet</td>
</tr>
</table>Cool !
I think the ul and or dl version works for me.
But I reacon the next question could be how much bandwith will all the tables take while accessing the site aganst the lists.
It's a lot of F++++ng words.
oh yea what is the <span iang="de/en"> Is it in order for the user agent to understand certain unusual characters like (?
Help with this would be great.
I've a standard Header and three columns page, but I need to create 5 columns to accomadate 5 lists of words across the page.
I don't really want to use a table, even though it's not for the page layout.
Ok this is my css to date and it workes on Linux / firefox, thats all i know.
body{
padding:10px;
margin:0;
color:#c00;
background-color:#fff;
}
#header{
padding:0;
margin:0;
}
#contain{
float:left;
width:100%;
margin:10px -210px 10px 0;
}
#main{
float:right;
width:100%;
margin:0 0 0 -210px;
}
#centre{
border:1px solid #fff;
text-align:left;
margin:0 210px;
}
#ul1{
border:1px solid #fff;
width:160px;
margin: 0px 0px 0px 0px;
position : absolute;
}
#ul2{
border:1px solid #fff;
width:160px;
margin: 0px 0px 0px 390px;
position : absolute ;
}
#ul3{
border:1px solid #fff;
width:170px;
margin: 0px 0px 0px 205px;
position : absolute ;
}
#left{
width:205px;
border:1px solid #fff;
text-align:left;
float:left;
}
#right{
margin:10px 0;
width:205px;
border:1px solid #fff;
text-align:left;
float:right;
}
#leftul{
margin : 0 0 0 100px;
}
Any help in tidying it up.
Cheers zaclane.Remind me never to visit your site. All those fixed width columns will result in a lot of horizontal scrolling.
Can you describe in a bit more detail what you're trying to acheive please? It sounds a lot like you're trying to display some tabular data.If not then sure I'll help you with the CSS, but for now, can you just indulge me please?
Hi ,Ok this is a personal project so at the moment I'm not worried about the fixed widths (it's not on line yet) or the borders, and thay will be changed to % when I have time.
Basiclly I have 5 unorderd lists of 50 - 60 words in each ul (tabular data) also each one is a link.
At the moment thay are housed in 3 structural div's the left div containes one ul, the same as the right div. ul1,ul2 and ul3 are contained in the center div.
The more I work with this I find the problem is getting 5 divs to display Horz.
Cheers Zaclane.
Just float the 5 ul's left.Fang spoton !Thanks for that it works a treat.
why are the simple things so hard and the complicated things a little easier.
Cheers zaclane.Originally posted by zaclane
Basiclly I have 5 unorderd lists of 50 - 60 words in each ul (tabular data) also each one is a link.Key words "tabular data". You should be using a table.You're actually allowed to use tables for some things zaclaneYea tables are ok for some things (eating playing tennis). No I'm joking.
The lists are all German words and eventually I will be expanding the data to more than one word per definition. From a ul to a dictionary like entry. So at the end of the day to save me hassel and allow for flexability later.
Has anyone used the program CSSED ?
If so is it any good?
I will let you know when I'm finished and you can tell me what you think.
Cheers zaclane.
Originally posted by zaclane The lists are all German words and eventually I will be expanding the data to more than one word per definition. From a ul to a dictionary like entry. So at the end of the day to save me hassel and allow for flexability later.Well in that case it's not tabular data, it's a definition list:<dl>
<dt>machen</dt>
<dd>to make</dd>
<dd>Bad example, it only has one definition
</dd><dd>This would be the third definistion</dd>
<dt>links</dt>
<dd>left</dd>
<dt>richtig</dt>
<dd>right</dd>
</dl>Thats something like it Iavalamp!
Then perhaps onto non static pages , as a database is even better for the storage of multi definations.
<dl>
<dt>arbeiten (to work)</dt>
<dd>ich arbeite</dd>
<dd>du arbeitest</dd>
<dd>er/sie/es arbitet</dd>
(etc etc)
</dl>
but that's for another day!
It's strange to look at the possable structure of the text above, only one dt with many dd, you can kinda see how tables within tables can exist. I guess it's just what your used to working with.I'm glad you like, but I thought that I'd point out anyway, that this would be just as valid:<table lang="de">
<tr>
<th lang="en">German verb</th>
<th>Ich</th>
<th>du</th>
<th>er/sie/es</th>
</tr>
<tr>
<td>arbeiten <span lang="en">(to work)</span></td>
<td>arbeite</td>
<td>arbeitest</td>
<td>arbitet</td>
</tr>
</table>
Cool !I think the ul and or dl version works for me.
But I reacon the next question could be how much bandwith will all the tables take while accessing the site aganst the lists.
It's a lot of F++++ng words.
oh yea what is the <span iang="de/en"> Is it in order for the user agent to understand certain unusual characters like (?