[Imc-web] website improvements:

Sascha Meinrath sascha at ucimc.org
Tue Feb 3 09:54:35 CST 2004


this is _facinating_ -- the default.css is actually set at:

table#pagebanner #bannercell {
	background: #E5CCBB url(/images/ucimc-banner.jpg) no-repeat top
left;
	border-right: 1px solid #000;
	color: #E5CCBB;
	height: 130px;
	margin: 0;
	padding: 0;
}
table#pagebanner #logocell {
	background: #ffffff url(/images/ucimc-logo.jpg) no-repeat top
left;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	height: 130px;
	margin: 0;
	padding: 0;
	width: 120px;

but the /styles directory is not updating the stylesheets (even though
they're updated in dada).  so IE is probably referring to the dada
"default" and Firebird is referring to the default in the /styles
directory.  i've manually copied the saschacss2.css over the default.css
file from the backend.  see if that fixes the problem (i don't have access
to firebird at work).

let me know if that worked.

--sascha

On Mon, 2 Feb 2004, benjamin grosser wrote:

> I would say the problem of the height might stem from the stylesheet.  In
> /styles/default.css you have:
>
> table#pagebanner #bannercell {
> 	background: #000 url(/images/imcbanner.gif) no-repeat top left;
> 	color: #fff;
> 	height: 80px;
> 	margin: 0;
> 	padding: 0;
> }
> table#pagebanner #logocell {
> 	background: #000 url(/images/ucimclogo.gif) no-repeat top left;
> 	height: 80px;
> 	margin: 0;
> 	padding: 0;
> 	width: 150px;
> }
>
> And in the frontpage html, you have:
>
> <table id="pagebanner" cellspacing="0" cellpadding="0">
> <tr>
>
> 	<td id="logocell">
> 		<a href="http://capital.ucimc.org/"><img
> /images/ucimc-logo.jpg width="117" height="130" alt="UCIMC"></a>
> 	</td>
> 	<td id="bannercell" align="left">
>
> 	<a href="http://www.ucimc.org/"><img /images/ucimc-banner.jpg
> width="650" height="130" alt="Independent Media Center"></a>
>
> 	</td>
> </tr>
> </table>
>
> I suppose the CSS must be overriding the html.  Perhaps Firebird and IE
> have different priorities on this question.  I would suspect Firebird is
> more adherent to the W3 spec, but it doesn't matter much for now.
>
> As for the image problem, I think the problem is also in the CSS.  The
> CSS specifies the image we are seeing in Firebird:
> /images/imcbanner.gif.  My guess is that since Firebird finds that the
> table cell can't support the image that its supposed to contain (because
> its not tall enough) it just blows that image off, and thus we are left
> with imcbanner.gif, which is specified by the stylesheet.
>
> I guess I'd remove the image specifications in default.css (or point
> them to the new ones), and fix the heights in the CSS.  I would expect
> that would actually fix it for both browsers (guessing, though).
> Frankly, it might be good form to specify the sizes in one place or the
> other, but not in both.  However, I'm really new to the CSS business so
> who knows.
>
> Let me know if that gets you farther...
>
> ben
>
>
>   benjamin grosser | director | imaging technology group | beckman institute
>    grosser at uiuc.edu | 217.244.5669 | 217.244.6219 (fax) | www.itg.uiuc.edu
>
>
> On Mon, 2 Feb 2004, Sascha Meinrath wrote:
>
> > there must be somewhere else that dada is getting information about the
> > size of images...  it looks like on some secondary pages (e.g., just click
> > on a feature or article) are still drawing the banner according to the old
> > sizes of the images...  very strange.  and then firebird is drawing things
> > based on something else entirely.
> >
> > curiouser and curiouser...
> >
> > i'm open to suggestions,
> >
> > --sascha
> >
> > On Mon, 2 Feb 2004, benjamin grosser wrote:
> >
> > > Ah, much better on IE.  Although it still looks like the height allocated
> > > is too much.  The banner image should sit flush on top of the menu bar
> > > (i.e. flush with the top of the grey left-hand menu and the top of the
> > > peachish menu as well).  The stroke at the bottom of the banner image was
> > > intended to delineate between the two, with the peach bar at the bottom
> > > being equal in height to the peach bar above the image.
> > >
> > > Unfortunately, it still looks really screwed up in Firebird.  It seems to
> > > be using the old graphic (the gif conversion) and its not allowing enough
> > > vertical space for the banners.
> > >
> > > I've attached a screencap the firebird problem.
> > >
> > > ben
> > >
> > >
> > >
> > >   benjamin grosser | director | imaging technology group | beckman institute
> > >    grosser at uiuc.edu | 217.244.5669 | 217.244.6219 (fax) | www.itg.uiuc.edu
> > >
> > >
> > > On Mon, 2 Feb 2004, Sascha Meinrath wrote:
> > >
> > > > On Mon, 2 Feb 2004, Danielle Chynoweth wrote:
> > > >
> > > > > thanks to ben grosser!
> > > > >
> > > > > a few items: the banner is way stretched on secondary pages and there are
> > > > > quite a few other visible errors in the banner on Safari.
> > > >
> > > > AHA!
> > > >
> > > > i've found the root of the problem (apparantly dada defaults to the theme
> > > > chosen by the admin, however, it also defaults to the lowest alphabetical
> > > > theme when you make changes, so you have to manually change it back from
> > > > "charming" to "default")...  BEWARE!
> > > >
> > > > if someone could remake the logo such that it had a grey background (like
> > > > most of the leftbar), that would be peachy.
> > > >
> > > > --sascha
> > > >
> > > > >  On Mon, 2 Feb 2004, Sascha Meinrath wrote:
> > > > >
> > > > > > hi all,
> > > > > >
> > > > > > alrighty, a big thanks to ben grosser -- we now have a new logo and
> > > > > > banner...  so now the site has a variable width features section, an
> > > > > > integrated color palette, smaller banner, etc. etc. etc.
> > > > > >
> > > > > > --sascha
> > > > > >
> > > > > > _______________________________________________
> > > > > > Imc-web mailing list
> > > > > > Imc-web at lists.cu.groogroo.com
> > > > > > http://lists.cu.groogroo.com/cgi-bin/listinfo/imc-web
> > > > > >
> > > > >
> > > > >
> > > >
> > >
> > >
> >
>





More information about the IMC-Web mailing list