Hi, Just had one problem swiftly solved and another has arrived. I
have some text that is driving me nuts: all text is inheriting the
properties set to a generic p {...} in css, but I am trying to set
properties to some specific elements (i.e. grey instead of white) and
these are being ignored.
-Original Message-
From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED]
Sent: Thursday, November 23, 2006 12:01 AM
Subject: Re: [css-d] need help with several positioning problems
I would start from scratch with an 'all-float' like...
http://www.alistapart.com/articles/negativemargins/
It looks as though my website is ignoring the stylesheet, but I don't know
why. The files on one server, http://kevinvancrawford.com/debbie/ look fine
in Firefox, but on http://debbielafranchi.com it seems to ignore the styles.
It looks fine in Internet Explorer. Does anybody know why? Thanks for
Greetings,
I am trying to do some fancy branding to a page and am getting 'leakage'
in IE. I have posted this problem to the following URL:
http://www.junklogic.com/moneymakin/temp_box.html
I would like to create basically a template of these rounded-cornered
'widgets' that developers can
Michelle,
On Nov 27, 2006, at 12:32 PM, Michelle Tarby wrote:
I decided to scrap the original style sheet that was
cobbled together by someone else and the original HTML and start over
again. I'm just about there, but have gaps between the images in the
right hand navigation in Firefox and
Paulo Nobre wrote:
Hi, i'm trying to get this layout to work with css for weeks without
100% success..
the layout is +- like this:
+++---+
| | ||
| left | | Header|
I'm not sure what I'm doing wrong, but this is not right :)
http://www.phazm.net/newphazm/index-abs.html
The top one isn't even showing up, and the bottom one isn't where it is
supposed to be.
Any idea why?
-Original Message-
From: Chris Ovenden [mailto:[EMAIL PROTECTED]
Sent: Monday,
-
Find out what India is talking about on - Yahoo! Answers India
Send FREE SMS to your friend's mobile from Yahoo! Messenger Version 8. Get it
NOW
__
Hi,
I'm set up a landing page which can be viewed at:-
http://grahamcox.pwp.blueyonder.co.uk/ListBuildNow.html
The CSS is at the top of the page source.
The problem is the Click Here to Download button. It's nicely
centered in IE6 but in FF it's moved off to the right and I can't get it
to
Ed Seehouse wrote:
On 11/26/06, Ross Hulford [EMAIL PROTECTED] wrote:
What is the selector for all divs?
The selector in general for all of a given element is the element name.
So for div the selector is:
div {css rule here}
and similarly the selector for all paragraphs is
p {}
and
Paulo Nobre wrote:
Hi, i'm trying to get this layout to work with css for weeks without
100% success..
the layout is +- like this:
+--+ +-+
| | | |
| left | | Header
On 11/27/06, ~davidLaakso wrote:
jim o'malley wrote:
I'm creating a website where I want to create a thumbnail gallery that
vertically and horizontally centers images of non-uniform size
http://www.jpomdesign.co.uk/starfish/prev_wk/almost2.html
[trimmed]
Hello there,
regarding the CSS wiki at
http://css-discuss.incutio.com/
I understand that a lot of CSS tricks and problems are explained on
external sites. They often contain elaborate descriptions regarding a
certain topic and provide examples. CSS wiki collects URLs of those sites
and
On IE6/Win and FF1.5/Win I notice that there is a somewhat `invisible` menu
item (Contact), that ends up generating a second menu items row. I think
it is because #navbar has
width: 760px;
but the actual tabs end up taking more width than that.
Also, #tabs has
height: 30px;
while
#navbar a
Hi,
I don't have any code to hand at the moment, just thought I'd describe
some symptoms and see if anyone has any idea what might be causing them.
Very simple really, I have a 2 column layout, one large column taking up two
thirds of the screen and one thinner right hand column.
The layout
I just surfed into Christian Heilmann's:
* CSS Table Gallery: http://icant.co.uk/csstablegallery/index.php
and thought it would be nice to add this link to the Wiki Frontpage
under * Tips Trics / Styling Tables.
But while I can edit and change other pages without problems, the
Frontpage
Thank you very much, i'll see the code you adapted and put it on my
test site. Just another question: on some pages the content (center)
div gets its content injected by javascript, will this outer div
expand to fit it ? or do i still need to do the same way i'm doing now
(using js to set div
Oops - The upper element - ie the UL - should (obviously) be the one
with the transparent background. Sorry about that. That border is
annoying, isn't it? You might need to add a non-semantic element to
hold the bottom curve so that the border on the UL (sides only)
doesn't overlap it; or you
I also changed the overlow:hidden clearfix on the ul, which is a bit
problematic, to:
#bottomlinks ul:after { content:.; clear:both; display:block;
visibility:hidden }
--
Chris Ovenden
http://thepeer.blogspot.com
Imagine all the people / Sharing all the world
From: Kevin Crawford
Sent: Monday, November 27, 2006 6:39 PM
It looks as though my website is ignoring the stylesheet, but
I don't know
why. The files on one server,
http://kevinvancrawford.com/debbie/ look fine
in Firefox, but on http://debbielafranchi.com it seems to
ignore the
Kevin Crawford wrote:
It looks as though my website is ignoring the stylesheet, but I don't know
why. The files on one server, http://kevinvancrawford.com/debbie/ look fine
in Firefox, but on http://debbielafranchi.com it seems to ignore the styles.
It looks fine in Internet Explorer. Does
Les Mizzell wrote:
I'm having some issues getting the fckeditor edit window display to
match what's output on a display page.
One issue I think I'm having is that the display page CSS is interfering
with the material that's output from the editor. I'm trying to use a
reset CSS file for
Hello,
I have a site that I am working on, and there are a couple divs that will
not respect width of 100%. They are the #header, abd .topnav, just to
mention a couple. I have a conditional that works for a stylesheet for IE7,
and IE6. Camino, Safari, IE6 and Firefox all seem to work fine, but
We are certainly getting closer! :)
I am not sure what you mean by jiggle the padding but I don't swing
that way ;)
http://www.phazm.net/newphazm/index-abs.html
IE: Looks like the borders are shifting down, bringing the background
with it.
FF: SO close! But it's got little dingle berries
Following my earlier posting Elementary questioning about positioning a
div (many thanks to all who replied), I decided to figure out exactly how
floats are supposed to work, by looking at the CSS2.1 spec
http://www.w3.org/TR/CSS21/ (naive optimism!).
Despite finding this a bit tough to follow, I
I'm also trying to create a thumbnail gallery
http://www.yourplanetneedsyou.org/gallery.html
I am considering doing it as separate pages and using links as you
would with a html tables site is the code straight forward to reveal
text and an image with a mouse over I have looked at other
Courtney Nielsen wrote:
Greetings,
I am trying to do some fancy branding to a page and am getting 'leakage'
in IE. I have posted this problem to the following URL:
http://www.junklogic.com/moneymakin/temp_box.html
I would like to create basically a template of these rounded-cornered
Hi, I was thinking about really minimal in htm-markup theme for the CMS.
I want it to look like 3 column with content in the middle
and NO wrapper for the side columns, only CMS modules as they are.
like this:
+-+
| header
I think this may be more of a DOM question than css but it's closely
related to css so here goes :-
Is there a way to assign text to a div as html without using innerHTML ?
Or is there some other way of putting line breaks into the text ?
element = document.getElementById(myDiv);
var temp1 = My
I just figured out that the way to overcome a div
ignoring width100% in IE7 is to set the mid-width: 100%;
:)
On 11/28/06, Elliot McNulty [EMAIL PROTECTED] wrote:
Hello,
I have a site that I am working on, and there are a couple divs that will
not respect width of 100%. They are the
I belong to a small group that has taken on the responsibility of overseeing
the reconstruction of our college website. We are looking for a more
accessible, practical and standards-based model and have made major strides
in our planning process and drafts.
As the design planning forerunners of
Jason Hammons wrote:
hi everyone,
i could use some help figuring out how to make things line up properly in
this example: http://iamjhammons.com/cssd/table_test.html . basically, if
you look at the page in firefox, things are working as they should. the
box on the left is lined up
On 11/28/06, Jon Hughes [EMAIL PROTECTED] wrote:
We are certainly getting closer! :)
I am not sure what you mean by jiggle the padding but I don't swing
that way ;)
What I meant was to remove all margins from the LI so they fill the
space in-between the top and bottom curves and can each hold
On 11/28/06, Eystein Alnaes [EMAIL PROTECTED] wrote:
I ran into a simular problem a while ago, and came up with this solution:
http://www.eystein.no/test/vertical_centering/verticallycentering.html
I did however end up with another solution, which I haven't added to that
page yet. It's
Forgot to link to the concept of margin collapsing
http://www.complexspiral.com/publications/uncollapsing-margins/
http://www.w3.org/TR/CSS21/box.html#collapsing-margins
--
http://www.satzansatz.de/css.html
__
css-discuss
As the design planning forerunners of this project, my colleague and I
have begun to look toward ASP.NET 2.0 Master Pages as a solution to
designing templates for the entire website.
ASP and Master Pages don't have very much to do with CSS, so please
take this question somewhere more suitable.
[EMAIL PROTECTED] wrote:
I belong to a small group that has taken on the responsibility of
overseeing the reconstruction of our college website. We are looking
for a more accessible, practical and standards-based model and have
made major strides in our planning process and drafts.
As the
I want to create a site with a sidebar div {width:200px; float:
left;} rule and a content div that stretches to fill the
remaining space and that centers the content within that
remaining space.
When I specify a percentage width for the content div it behaves
as if the floated div is not
Scott Bicknell wrote:
I want to create a site with a sidebar div {width:200px; float:
left;} rule and a content div that stretches to fill the
remaining space and that centers the content within that
remaining space.
When I specify a percentage width for the content div it behaves
as if
here's how I have it
div id=wrapper
div id=text
/div
/div
#wrapper {
position:relative;
background: url(../images/dwaback.jpg) no-repeat top left;
height: 500px;
width: 749px;
margin:auto;
margin-top:25px;
border:4px double black;
On 11/28/06, Scott Bicknell [EMAIL PROTECTED] wrote:
I want to create a site with a sidebar div {width:200px; float:
left;} rule and a content div that stretches to fill the
remaining space and that centers the content within that
remaining space.
When I specify a percentage width for the
Thank you! I see you've done quite a bit of studies on the rounded
corners that help keep us all employed :) I am going to read your
writings and try and integrate this into the app and will post my
results. Thanks again for your help.
-Court
francky wrote:
Courtney Nielsen wrote:
On Tuesday 28 November 2006 8:35 am, Scott Bicknell wrote:
Barney Carroll gave me a nice solution to this problem:
Create a containing div for both the content and left bar, and
give the container
padding-left: 200px;
...And the left bar
position: relative;
right: 200px;
margin-left:
When you float the sidebar it takes it out of the flow of the page so the
div id=content will span the entire page or wrapper, if used. If you
give your content a margin of 200px it will leave that space open for the
sidebar.
Mike
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL
The topnav div in the header portion of my layout was aligned and
working wonderfully until I added the code to make the form work for the
search box. All I had there when it was looking it's best was the input
box. Once I added the form tags and added the submit script to the
hyperlink on the
Ok, I am really new to trying to fix visual anaomalies in IE7, but I tried
the IE 7 developers toolbar to ouline everything, and nothing extends beyone
the screen, however on certain pages such as (
http://zwiggybo.com/test/index.php/docs/c14/ ) IE 7 adds a horizontal scroll
of 50% to the page.
I
I think i have it narrowed down to a right floated h5 with the following
properties:
div.docs_summarytitle h5 {
float: right;
margin: -1.33em 3px 0 0;
padding: 0;
color: #667;
background: #fff;
font-size: 10px;
font-weight: normal;
font-style: italic;
}
-- if I
I want to align an image both in vertical and horizontal, and, in the same
time, garantee it will be the highest as possible considerating it is inside
a div, but without distortion: keeping the original proportion. How can I do
that?
I have the following code in my style sheet
#banner
{
background: #fff6dd;
border-top: 5px solid #952845;
border-bottom: 5px solid #952845;
height: 50px;
}
#banner img
{
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
h1
{
font-size:
Russ Peters wrote:
The topnav div in the header portion of my layout was aligned and
working wonderfully until I added the code to make the form work for the
search boxtrimmed]
Try, adding this to the style sheet:
form { margin-top: 0; }
http://www.redcanoecu.com/index1.asp
Russ
Margo Warner wrote:
I have the following code in my style sheet
[code and markup trimmed]
When viewing in Firefox the bottom padding is ignored and the bottom of
the colorlogo2.gif sit on top of the bottom border. The h1 is in the
middle of the of the banner.
When viewing in IE there
Russ Peters wrote:
The topnav div in the header portion of my layout was aligned and
working wonderfully until I added the code to make the form work for
the
search boxtrimmed]
Try, adding this to the style sheet:
form { margin-top: 0; }
http://www.redcanoecu.com/index1.asp
url: http://www.objectivedesigns.com/webdesign.htm
css: http://www.objectivedesigns.com/index.css
Firefox displays the page correctly, but IE6 doesn't (i'm on a machine that
doesn't have IE7 right now, so i'm not sure how it looks there). when you look
at the page, the problem will be obvious.
I have a website and I have a PayPal shopping cart. I had a small
problem and fixed it but the style is slightly a problem in IE. In
Firefox, the site looks fine, but in IE the image which is the button
for viewing your cart (it looks like text saying cart) is too high up
and out of
Hi,
I'm sure this has been asked hundreds of times, but as I'm new, please
forgive the repetition. What's the safest css version to work with at
the current time, given the varying degrees of browser support... IOW,
should I stick with CSS earlier than 2, to assure the broadest
support? If this
55 matches
Mail list logo