The Dink Squad has been updated
There's something new about the Dink Squad. First of all, I want you all to update your bookmarks. New address is http://alexschrod.brinkster.net/dinksquad/. The old page will be gone sometime after 23:00 GMT, Friday. The site has a new design as well as the new host.
Problem: For that nice little bar on the left - I would strongly suggest a scrollbar unless you want to force everybody to look up the location in the HTML source. Other than that it's a nice design.
Uh... I don't understand what you mean.. lol.. possibly because I have a large resolution. Are you saying the menu is larger than your window?
Uhm.... kay, I think I figured it out. I've fixed it up a little.. tell me if it improved.
Yay, I got it to work
Anyway, looks cool, and I gotta update my pic. This one's 2 years ago
Anyway, looks cool, and I gotta update my pic. This one's 2 years ago
Right, here: I've updated your CSS for you. Not perfect, but it's about the best thing that could be done without rewriting your entire page.
(Kat, if you read this, skip to the next message)
html
{
height: 100%;
}
body
{
margin: 0;
padding: 0;
background-color: #ffffff;
color: #000000;
font-family: "Trebuchet MS", "Tahoma", sans-serif;
height: 100%;
font-size: smaller;
}
div#content
{
margin: 2em auto;
border: 1px solid gray;
padding: 1em;
text-align: center;
}
div.newsitem
{
border: 1px solid black;
margin: auto auto 2em auto;
padding: .5em;
width: 75%;
text-align: left;
}
div.newsheader
{
border-bottom: 1px solid black;
}
div.newsheader h2
{
display: inline;
font-size: inherit;
font-style: italic;
font-weight: bold;
padding-left: .5em;
}
div.date
{
font-size: smaller;
}
div.newscontent
{
padding-top: 1em;
}
div#imageDescription
{
font-style: italic;
}
a
{
text-decoration: none;
}
a:link
{
color: #B30820;
}
a:hover
{
color: #D87E8B;
}
a:visited
{
color: #B30820;
}
div#menu
{
position: fixed;
width: 20%;
height: 96%;
border-right: 2px ridge gray;
border-bottom: 2px ridge gray;
padding: 2% 4% 1.9em 2%;
background-color: #eee;
overflow: scroll;
}
div#mainwindow
{
position: absolute;
padding-top: 2em;
margin-left: 26%;
width: 71%;
padding-left: 1em;
padding-right: 1em;
text-align: center;
/*border: 1px solid red; Border for design purposes only, to see how the divs
behave */
}
div.imageDescription
{
padding-bottom: 3em;
}
fieldset.person
{
margin-top: 1em;
border: 2px ridge #ddd;
}
fieldset.person legend
{
background-color: #fafafa;
border-right: 2px solid gray;
border-bottom: 2px solid gray;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
padding: 2px;
}
fieldset.person ul
{
margin-bottom: 1em;
}
div#visibilityControl
{
float: right;
}
div#displayControl
{
float:left;
position: fixed;
border-right: 2px ridge gray;
border-bottom: 2px ridge gray;
padding: 1em;
background-color: #eee;
}
(Kat, if you read this, skip to the next message)
html
{
height: 100%;
}
body
{
margin: 0;
padding: 0;
background-color: #ffffff;
color: #000000;
font-family: "Trebuchet MS", "Tahoma", sans-serif;
height: 100%;
font-size: smaller;
}
div#content
{
margin: 2em auto;
border: 1px solid gray;
padding: 1em;
text-align: center;
}
div.newsitem
{
border: 1px solid black;
margin: auto auto 2em auto;
padding: .5em;
width: 75%;
text-align: left;
}
div.newsheader
{
border-bottom: 1px solid black;
}
div.newsheader h2
{
display: inline;
font-size: inherit;
font-style: italic;
font-weight: bold;
padding-left: .5em;
}
div.date
{
font-size: smaller;
}
div.newscontent
{
padding-top: 1em;
}
div#imageDescription
{
font-style: italic;
}
a
{
text-decoration: none;
}
a:link
{
color: #B30820;
}
a:hover
{
color: #D87E8B;
}
a:visited
{
color: #B30820;
}
div#menu
{
position: fixed;
width: 20%;
height: 96%;
border-right: 2px ridge gray;
border-bottom: 2px ridge gray;
padding: 2% 4% 1.9em 2%;
background-color: #eee;
overflow: scroll;
}
div#mainwindow
{
position: absolute;
padding-top: 2em;
margin-left: 26%;
width: 71%;
padding-left: 1em;
padding-right: 1em;
text-align: center;
/*border: 1px solid red; Border for design purposes only, to see how the divs
behave */
}
div.imageDescription
{
padding-bottom: 3em;
}
fieldset.person
{
margin-top: 1em;
border: 2px ridge #ddd;
}
fieldset.person legend
{
background-color: #fafafa;
border-right: 2px solid gray;
border-bottom: 2px solid gray;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
padding: 2px;
}
fieldset.person ul
{
margin-bottom: 1em;
}
div#visibilityControl
{
float: right;
}
div#displayControl
{
float:left;
position: fixed;
border-right: 2px ridge gray;
border-bottom: 2px ridge gray;
padding: 1em;
background-color: #eee;
}
Merlin, there is no *next* message
>^..^<
>^..^<
The problem with IE is that the menu on the left is not fixed.. in other words, when you scroll the page, the menu moves. And, large pictures have a tendency to end up under the menu instead of to the right of it. This is a bug with IE, which I am sorry for, but blame Microsoft, not me.
Uh... that's an extremely dumb position to take. Let's alienate 90% of your audience by making the CSS not work very well in Internet Explorer, yay.
At least it isn't that bad in IE, or even noticeable really.
Note: I hate IE too, and just trying to get CSS to work in any reliable manner for G9 is annoying.
Uh... that's an extremely dumb position to take. Let's alienate 90% of your audience by making the CSS not work very well in Internet Explorer, yay.
At least it isn't that bad in IE, or even noticeable really.
Note: I hate IE too, and just trying to get CSS to work in any reliable manner for G9 is annoying.
Phoenix,,a question if I might? It looks very spiffy and all, but why are some of the pictures very large? Why did you not *trim* them down to .jpg format and then resize them. I did that with my former chat rooms web page, so all the pictures were uniformily the same general size. (HAH and Merlin thinks I know nothing )
>^..^<
>^..^<
Fancy that redink1, I don't see the message you quoted. I smell wussy modify abuser
Phoenix,,a question if I might?
Sure, I'm not gonna stop you.
It looks very spiffy and all, but why are some of the pictures very large? Why did you not *trim* them down to .jpg format and then resize them?
They usually end up being the size that people give them to me. I like pictures big. The bigger the better. You get a lot more detail that way. There's no problem sizing pictures down while keeping the same quality (although less detail) but the other way around is quite impossible. Tried making a small picture large? No good. I don't know what resolution you run at, but the pictures aren't that big to me at least.. and I would think they're not too big on 1024x768 either, which is most common.
I did that with my former chat rooms web page, so all the pictures were uniformily the same general size.
Mmm, if you remember back, I did that when we had a chat statistics page, where it did look better when the size was uniform.. an image gallery, though, is not required to be like that.
Sure, I'm not gonna stop you.
It looks very spiffy and all, but why are some of the pictures very large? Why did you not *trim* them down to .jpg format and then resize them?
They usually end up being the size that people give them to me. I like pictures big. The bigger the better. You get a lot more detail that way. There's no problem sizing pictures down while keeping the same quality (although less detail) but the other way around is quite impossible. Tried making a small picture large? No good. I don't know what resolution you run at, but the pictures aren't that big to me at least.. and I would think they're not too big on 1024x768 either, which is most common.
I did that with my former chat rooms web page, so all the pictures were uniformily the same general size.
Mmm, if you remember back, I did that when we had a chat statistics page, where it did look better when the size was uniform.. an image gallery, though, is not required to be like that.
Uh... that's an extremely dumb position to take. Let's alienate 90% of your audience by making the CSS not work very well in Internet Explorer, yay.
Right.. I actually prefer that. The only way to convince people to switch is to show them how sucky IE is.. of course, you should also recommend another browser while at it.. and after all.. CSS can (almost) never make content unavailable.. it just looks like crap, but the content should work.
Note: I hate IE too, and just trying to get CSS to work in any reliable manner for G9 is annoying.
Yeah.. I guess you *have* to follow Microsoft's erroneous ways... but I don't want to.
Right.. I actually prefer that. The only way to convince people to switch is to show them how sucky IE is.. of course, you should also recommend another browser while at it.. and after all.. CSS can (almost) never make content unavailable.. it just looks like crap, but the content should work.
Note: I hate IE too, and just trying to get CSS to work in any reliable manner for G9 is annoying.
Yeah.. I guess you *have* to follow Microsoft's erroneous ways... but I don't want to.
Nah, I was quoting his web page, not his posts here on TDN.