-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Ray Leventhal wrote:
The 'container' div needs a border. When I style 'container' with a
border, only the 'header' div seems to get the border when I'd expect
the border to encompass 'container' in full, encircling all the other
divs within
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Dave M G wrote:
What I need is for the container div to stretch out to be as long as
whichever of the side-menu or article-container is longest, so that its
borders and background enclose both columns all the way down to the bottom.
Looks like a
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Seona Bellamy wrote:
Heya,
I was under the impression that by setting the background-position to
center center you could get your background image sitting in the middle of
the screen. IE is doing this just fine, but with Firefox I am finding
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Erik Gyepes wrote:
Hello,
I have a rounded black box under a h2 element and I want it to work like
sliding doors - to be longer when the text is longer, and vice versa.
But now it has width as it's container box and I don't know how to solve
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Juanita wrote:
Can anyone see why the wrapper isn't holding everything inside it?
Since the columns are floated, they are taken out of the flow, which is
why the wrapper only contains the header. To clear the float, you can
set overflow: auto; on
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
[EMAIL PROTECTED] wrote:
tr.bottom td.foodcolumn {background: url('img/nutri_chart_botleft.gif')
no-repeat bottom left;}
tr.bottom td.savingcolumn {background: url('img/nutri_chart_botright.gif')
no-repeat bottom right;}
which works fine in
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Arian Hojat wrote:
I seen a couple webpages where the footer is a neat little thin strip
absolutely positioned? at the bottom of viewport, and the content will go
behind it, but the content is never hidden since they use some padding i
guess and u
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Micky Hulse wrote:
margin: 20px 0 0 0;
Can be shortened-down to this:
margin 20px 0 0;
Because the LEFT value will obtain a value from the RIGHT value. Correct?
Yup- here are all the possibilities:
margin: all;
margin: top/bottom
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Colin Mcgarry wrote:
Looking at the css of a website I was visiting i noticed the following
page layout.
#page {
position: absolute;
width: 994px;
left: 50%;
margin-left: -497px;
}
I can follow the logic of this
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Echo Schmidt wrote:
I have a CSS Menu that is not layering over Flash. I tried using the
wmode preference and that fixed it in IE but the CSS is still layering
behind the flash in Firefox. Does anyone know what the fix might be?
As a side note,
James Smith wrote:
If you look at http://dev.jaysphotography.org.uk/index.cfm/page/images/ you
will see thumbnails at the top of the page. No matter how hard I try I
can't get these to the centre of the page and I have tried all of the normal
tricks.
Since the images are floated, it's
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Arlen Walker wrote:
I've been wracking my brain: Is there any way a CSS selector can pick
up on the accesskey assigned to a link to style it differently?
You can use attribute selectors
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Andy Harrison wrote:
For the sticky footer, assuming it's actually possible, I'd think you'd want
to put everything in a wrapper div with min-height 100% (or gasp a
table). I've mulled this over myself a few times but haven't actually
played with
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Blake wrote:
Yes, you're right, the main forum is definatly a table.
And what of the threads themselves? Two columns, no real headings or
complex data, that part of the forum is crying out to be an ol to
me, and I'm imagining the markup to be
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Wes Gamble wrote:
I've been lurking on this list for a while and there is almost always
mention of some well known, currently fairly popular CSS (and Javascript
I think) dropdown menuing scheme. It has a very catchy name, but it
escapes me.
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Robert Lane wrote:
How would I write a style to get rid of or reduce the indent on the list
items?
Try playing around with the paddings of the ul.
Ricky
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.4.3 (GNU/Linux)
On 6/11/06, pablo / silvasonic [EMAIL PROTECTED] wrote:
what do you guys think? tables or CSS? and if tables, what's the best
way to go about it, so that the form is still accessible.
Well, personally, I tend to use a divlabel/labelinput/div
markup for forms (something like this:
On 5/31/06, Joanne [EMAIL PROTECTED] wrote:
I have a page made where the navigation is sitting in a div with a margin
left value of 20px. It is sitting in a different place in IE than it is in
Firefox (and I'm pretty sure that Firefox is actually correct.
Although I can't tell much more without
Can anyone suggest some of the better methods out there for learning and
creating round corners.
I'm really only looking for a link, and while I'm persuing the CSS Front
page, still like to know what others think
are the better methods. Most important is that they are image free, strictly
I'm not sure if my template page should have the for example the div
id=mainmenuor if the included text should contain this. Where this
div tag is may not be the issue. I don't use the z index anywhere.
Maybe I should be using this.
Personally, I base include placement on how clean I can
I've setup a list to organize the navigation links on the left, but after I
added the code
making them links, they all disappeared.
I think you referred to link classes as IDs.
Good luck,
Ricky
__
css-discuss [EMAIL
what do you guys (and gals) recommend as a CSS editor?
Personally, I use Vim for everything. Although it has somewhat of a
learning curve, you become VERY efficient once you get used to it.
Versions for almost any OS are available at
http://www.vim.org/download.php
Ricky
On 4/9/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
My problem is that the div with class=container don't resize the high if
the 2 other divs drow.
How can i fix this? do i need float?
You can float the container, set an overflow on it, or add a clearing div.
There are problaby more methods
Hi all. I'm trying to update one of my websites in CSS.
The website in question is http://www.highlandchurch.org
I've got everything on the website figured out except the header. I
can't figure out how to get one image on the left, and one image on
the right with text below it. In a table it
(Clicking reply in Gmail defaults to the user's email address, and not
[EMAIL PROTECTED] Anyone know a way to fix this? I accidently
sent this to Angel directly.)
I think there's a reply to all button in gmail which cc's it to css-d.
Ricky
I would like to know how I can position the 'beach picture' I have in
the header to the right.
I just floated the the first image left, the second right, and #top
left (you might want to give them IDs or something to make this
easier).
#top { float: left; }
#top img { float: left; }
#top img +
Careful, my McAfee says Donna's URL is phishing.
My guess is that the domain, accountsupport.com probably triggered
it.. from my inspection, the site contains no malicious content.
And just to get back to CSS, you might want to combine some of those
messy border-left/right/top/bottom into a
That's only working in Firefox at my end.
IE6 (and older IE-versions) doesn't understand the '+' selector, and
Opera tends to shrink a floating #top-container.
Gah-- forgot to test in Opera (and the + was just so that I wouldn't
have to download the file, as I mentioned). Would this work
On 2/5/06, Peter Lindstrom [EMAIL PROTECTED] wrote:
- 2 columns
- they both stretch vertically to fill page and/or content
This is my test for a full height layout:
http://riczho.dyndns.org:1123/fullheight/
Unfortunately, it doesn't work in IE7.. But I've tested this in IE 6,
Firefox, Opera,
But for some reason the height doesnt stretch with the content in Firefox
If you just let the content in #container stretch it, you can just
remove height: 100% and #container would be the correct height.
Ricky
__
css-discuss
Not that it's newsworthy, but I have re-designed my
site blackcoil.com using ASP.NET 2.0, Master Pages,
CSS, XHTML, and all that lovely goodness.
Just a note, that new line before your DOCTYPE can potentially mess
you up by putting IE in quirks mode (although this probably doesn't
affect you
On 1/16/06, Stuart King [EMAIL PROTECTED] wrote:
I am having to problems:
1: the navVert menu will not stay inside the wrapper
2. when hovering, it does not change colors
The color simply won't change because you have an invalid color code
(you put an o instead of a zero. To make the
On 1/16/06, JJ [EMAIL PROTECTED] wrote:
If I'm using divs with IDs for layout, is there any reason to use one or
the other convention in my stylesheet?
div#content {...
#content {...
If you need to differentiate between div#content and [something
else]#content (on multiple pages), then
Just some general notes first: Although it may not have to do with
your problem, the whitespace before the DOCTYPE can put IE into quirks
mode. Also, you might want to consider using some IDs (use IDs for
things that will only appear ONCE on a page, so you'd use an ID for
the wrapper/content divs
the header is few-pixels-shifted
when compared with the rest of the page
(unless the page itself is shifted
and the header is OK :-)
For me, removing the background-positions on #conteneur and #top in
martin.css seemed to fixed the problem.
To run IE in Linux, you might consider running
im having slight difficulty with minimum height in IE. it works fine in
FF and all the info i can find suggests that it shoudl work in IE.
I don't think IE supports min-height, but it treats height incorrectly
(as min-height).
Just use an IE conditional comment with height like this:
!--[if IE]
decide to make CSS work so the green section collapes up? How can I make it
so the green div extends at least as far down the page as the blue div?
To get the green div to extend fully, you'd have to float it (and
specify witdh: 100%).
(Float the container)
Ricky
On 10/25/05, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
Is there any 'correct' way to get paragraphs to remain block level elements
but to only act as though there is a break tag between them? I have tried
setting the margin-top to one negative em value ( P + P { margin-top: -1em; }
) and
Would appreciate any feedback. Thanks!
Just a few things:
For the navigation, I'd use a display: inline; unordered list instead
of a table.
In your header, I'd use an h1 with hidden text (just to keep with semantics)
On a aesthetic note, I'd add a right border in your faux columns (and
perhaps
Is their an elegant way of specifying a different background image in a layer
if the layer co-rds etc are the same, only the
background image changes?
If only the background image will change, you can probably make a
class .landscape with all non-image styles and have an ID for each
landscape
Not sure I described that correctly, but I was looking for an idea on
how to have like a text box with some data in, but make it uneditable
and look like its greyed out.
Anyone have any suggestions?
Add disabled=disabled in the input tag:
input type=text disabled=disabled /
Ricky
I would like to create a do it yourself page that has an image (possibly two
or three) per sentence/short paragraph with multiple sentences/short
paragraphs per page. I would also like the text to start at the top of the
image(s), possibly 1em give or take to the left. I can get this to work
I have been trying to validate http://sesi-md.com/Temp/ without success. I am
using !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; as my doctype and things
have worked fine in the past. I went ahead and added some JavaScript to the
Changing the font-size does not seem to do anything for me here.
However, when I set the line-height it actually makes the div bar
below disappear.
Sorry-- I may have been unclear about what to set those attributes on.
If you set
font-size: 0;
line-height: 0;
on the container div, the gap
For example which is correct:
div.fooBar #FOO #BAR
0r
div.fooBar#FOO#BAR
The first one is correct. The second would select a div with a class
of fooBar and an id of both FOO and BAR (not sure if that's even
allowed).
Ricky
I have a flash swf movie that when viewed in IE there is no gap between
the flash movie and the div below. However, when viewed in Firefox
there seems to be a 2 pixel gap between the bottom flash swf and the top
of the div.
In addition to removing margins/paddings, setting font-size and
On 8/30/05, Mike Davies [EMAIL PROTECTED] wrote:
There is a space above the horizontal navigation menu. The colours will
be changed before going live but have been left to show the problem.
Adding:
#navlist {
margin: 0;
padding: 0;
list-style-type: none;
}
Should fix the problem... you forgot
I was wondering if anyone can suggest an affordable
solution for designing logos/gifs (for FIR purposes)?
For vector-based, Inkscape (http://www.inkscape.org/) is good (and
open soure).
Assuming that you're using windows (since you have microsoft paint),
you can download a gui installer for GIMP
48 matches
Mail list logo
