Re: [css-d] Problem with clearing DIVs - I think - ALL SORTED, Thanks
Big thank you. All sorted and shiny:-) David Laakso [EMAIL PROTECTED] wrote: Nicole Aebi wrote: Thanks. So near and yet so far! I've managed to get it working for the photos but the news bit just ends up all crammed under the first news story. Stuck :-) Nicole */ /* Reference uri: Oh my, that will never do (smacks self alongside head). See if this is more like what you want-- you'll see changes in the embedded css and in the markup: Best, ~dL - Sent from Yahoo! #45; a smarter inbox. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background images in divs
On 11/02/2008, Carrie Strongwater Drazin [EMAIL PROTECTED] wrote: We are trying to put dividers between paragraphs using background images in divs but, they never show up. Should we not be using divs? HI Carrie Do you have a url we could look at? Thanks Kristina __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Bullet list position problem In IE
On 12/02/2008, adriana escandon [EMAIL PROTECTED] wrote: The problem is that in IE, the bullets appear on the last line of the sentences of the list instead of on the first one. One sentence from the list that appears in three lines has its corresponding bullet next to the third line. I don't have that problem in FF. HI Adriana Do you have a url we can see, it will help us immensely in helping you. Thanks Kristina __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] setting background colour
Hi all
I've always learnt that setting the background colour on a site is a very
basic thing to do and shows that as a web developer you've taken care and
pride in your work.
All of the browsers that I use I have set a ridiculously garish background
colour set to remind myself to do it. I am teased relentlessly for this.
However it is important to me.
It never ceases to amaze me the number of sites that do not set a background
colour. As if adding body { background-color: #FF; } is a really
tedious task.
I'm curious to know your thoughts on this matter, as it literally drives me
bonkers. I am fully aware that we have moved on from the default grey
background of Netscape 3(?) and by default browsers will set their
background colours to white. Does this mean it's okay for developers to be
lazy and sloppy and not bother to set it. Or am I just too old school
(eep!!) and set in my ways.
Looking forward to your opinions.
Thanks
Kristina
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] setting background colour
Kristina Floyd wrote:
I've always learnt that setting the background colour on a site is a
very basic thing to do and shows that as a web developer you've taken
care and pride in your work.
Sounds strange.
All of the browsers that I use I have set a ridiculously garish
background colour set to remind myself to do it. I am teased
relentlessly for this. However it is important to me.
It's up to you to do so, and you can even enforce it on all pages by
tuning your browser settings to override backgrounds set on web pages.
It never ceases to amaze me the number of sites that do not set a
background colour.
I don't see anything amazing in the idea of letting the browser and her
user decide the overall background and matching text and link colors.
It's a very sensible thing to do at least until you know how set all of
them properly in your author style sheet.
As if adding body { background-color: #FF; }
is a really tedious task.
That would coincide with the most common default these days. If the
browser setting is something different, maybe there's a reason.
But the technical side of the matter, which is what this list is really
about, is that it's not safe at all. It _only_ sets the background
color, without setting background image or text color. What about link
colors then?
_If_ you set background color, you should, for safety and robustness,
set all the related settings too. Minimally,
body { background: #FFF; color: #000; }
together with settings for link colors and backgrounds.
Even this isn't really safe. What if the monitor has been configured to
show #FF as truly pure white, which really hurts the eye? Maybe the
browser has been accordingly set to use something less pure - but the
page style sheet would override this. I don't think this is crucial, but
mainly because there's really no constructive way to deal with this
issue, but I'd draw the conclusion that
maybe something a little different from pure white is better than
#FF.
Jukka K. Korpela (Yucca)
http://www.cs.tut.fi/~jkorpela/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] setting background colour
Kristina Floyd wrote: All of the browsers that I use I have set a ridiculously garish background colour set to remind myself to do it. I am teased relentlessly for this. However it is important to me. Kristina I set fuchsia on one browser to remind myself to set a background-color, too. During the course of an average day of surfing the Web, the number of sites picking up that color is extremely high. There may be a CSS question here but I am not sure what it is... Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] strange gaps 2
It looks more and more as it should because of your valuble input. Its
more or less correct on Safari. Some errors on grapics I will do later.
I have put a negative margin on -9px, same is the height of background
grapic, on #horisontalkors. If I go over 9px, the grapicelement on I
guess the #vertcalcrossupper, will show. So I tried to put the
collapsing margin stuff on the footer DIV
#footer {
margin: -1px 0 0 0;
padding: 1px 0 0 81px;
- Is some more margin tricks on the footer the way to go ? If I
increase to -10px margin on top of the footer it will stay where it
should, but then the DIV #horisontalkors goes away on safari. It get
coverd I guess. Its now on-7px. As you see Its almost there in IE 6
and partially coverd in SAfari/Firefox
- In IE 6 the #sidebar2 and #maincontent DIvs have different heights
even if the height is set and image in the #sidebar2 is 319px
Its now on http://www.nuna.no/ahus/forside_posted.html
Den 14. feb.. 2008 kl. 10.45 skrev Gunlaug Sørtun:
Gunlaug Sørtun wrote:
Erland Flaten wrote:
- There is also a gap between the footer and botom of this DIVs
The addition of...
#container #horisontalkors {
margin-top: (some suitable value);
}
The above is a bit incomplete, as that suitable value should be
negative - probably around '-25px ... -30px' - in order to create the
intended line-up.
Georg
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] setting background colour
Hi, Kristina... I think making use of background color, or even better to me, setting background images, usually are a great way to enhance the look of a page and control the user experience. Concerning the nature of your post... I think best practice CSS discussions of a more general nature like your question about whether or not to make use of the background in design is important to this list. A discussion of *whether* something should be done should always proceed a technical discussion of *how* something should be done. To segregate the two types of discussion makes us simply technicians with no soul for design...and that would be at odds with the purpose of CSS in the first place. Just my .02 ... Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Kristina Floyd Sent: Thursday, February 14, 2008 7:18 AM To: css-d@lists.css-discuss.org Subject: [css-d] setting background colour Hi all I've always learnt that setting the background colour on a site is a very basic thing to do and shows that as a web developer you've taken care and pride in your work. I'm curious to know your thoughts on this matter, as it literally drives me bonkers. Thanks Kristina __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Fwd: IE7 a display:block issue
Hi Philippe, Rafael and all,
Unfortunately i don't have a public URL as our testing servers are internal
onlybut the doctype we're using is:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
I'm just the CSS/graphics guy in the office :) i don't have much control
over the .NET code the developers write and how it spits out HTML (although
we are moving towards more compliant code and using stuff like CSS
Adapters).
Vince
On 12/02/2008, Philippe Wittenbergh [EMAIL PROTECTED] wrote:
(I'm sure Rafael intended to send this to the list)
Begin forwarded message:
From: Rafael [EMAIL PROTECTED]
Date: February 13, 2008 11:46:25 AM JST
To: Philippe Wittenbergh [EMAIL PROTECTED]
Subject: Re: [css-d] IE7 a display:block issue
User-Agent: Thunderbird 2.0.0.9 (Windows/20071031)
Philippe Wittenbergh wrote:
On Feb 13, 2008, at 10:20 AM, Rafael wrote:
Try triggering /hasLayout/[1] on your *a*'s. One of the easiest
ways
to do so is by setting the MS-only property 'zoom' (i.e. zoom:1)
-- if
you care about your code being valid, then don't use this property.
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
vincent pollard wrote:
hi!
so, i have:
.headerTwoRight a {
text-decoration: none;
display: block;
height: 42px
}
The link already triggers 'hasLayout', as 'height' is specified
in the stylesheet.
You're right, I didn't put attention to the height.
One problem of course (assuming I read that ASP stuff correctly):
a href= pxxx/p/a
is invalid html.
You're right here too, it *does* have an image and a paragraph
inside the link. That points me to question: what DOCTYPE are you
using, Vincent? Is there a page we can actually see?
I'll echo the request for a live url.
That makes things much (MUCH) easier to debug.
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] My first tableless site - Need Advice on css mistakes.
Hi Everyone, I designed site based only on floating css. It's the first time I've done this, and it renders ok (according to me) on the latest versions of Firefox, Safari and Opera. I have no ways of testing this on IE (mac user). This is my test site and my site so far: http://homepage.mac.com/cynvill_3/website/index.html Any advice on mistakes or problems rendering on different browsers would be greatly appreciated... Thanks! Cynthia - Looking for last minute shopping deals? Find them fast with Yahoo! Search. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Noob Float/div problem still
I am probably asking it wrong but I am asking. Possibly a repeat post as I had html setting on email, sorry. Please review and advise. I have tried using h4, or p for a line of text below the banner separating the menu and gallery. Listed in html as a div I get the line as separation but when I link it to the style sheet for text align etc then I lose the rest. I also can't get the menu text to accept a the color gold On http://www.equestrian-jewelry.com/untitled.htm http://www.equestrian-jewelry.com/mis/Arlen2.css The image is only placed so I encounter and deal with problems-it will eventually be replaced. On Unhovergallery http://www.equestrian-jewelry.com/unhovergallery.htm http://www.equestrian-jewelry.com/mis/bannergallery.css The banner works for me. I want a line of text under it. As h4 class still I lose the rest of the page, as a div I am holding it in place but not getting the text aligning center. Menu is in gold, markers gone Great, but menu doesn't float all the way left. I have been altering and retrying things but am stymied. Ken __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] newbie CSS questions
Thanks, Georg!
So, I did what you indicated. I went and removed all a:p from the style
sheet. Really messed with my layout. i added your short bit of code to the
top and it helped marginally. so, i am still at a loss. Demo page:
http://ajputnam.com.sky/discography
and one of the original pages I put up as example:
http://ajputnam.com/sky/ontour
what did I do wrong?
thanks!
Amy
On Feb 13, 2008 10:50 AM, Gunlaug Sørtun [EMAIL PROTECTED] wrote:
AJ Putnam wrote:
http://ajputnam.com/sky/ontour
as you can see, the content table just sort of hangs over the lower
edge.
1: delete _all_ instances of 'position: absolute', or else you'll get
nowhere.
Absolute positioned elements are treated as if they do not take up any
space, so the expansion you're expecting can't take place. 'A:P' also
deactivates 'float', so you'll get no float-behavior.
2: use margins to push elements into place.
3: don't restrict height on elements that are supposed to expand with
content, and clear below floats.
Pity IE7 doesn't support CSS table, or else you could have started here...
http://www.gunlaug.no/tos/alien/ajp/test_08_0213.html
...and just trimmed some margins.
I've used...
* {margin-top: 0!important; position: static!important;}
div {display: table;}
...to override the problematic parts of your styles. That works fine in
Firefox, Opera, and even IE6, but in order to make it work as intended
across browser-land you'll have to go through your stylesheet and
correct it line by line.
BTW: you don't need a layout table, since regular elements - divs - will
also expand with content when height is unrestricted. The layout table
does no real harm though.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] newbie CSS questions
ah ha! that was my problem - I realize now the alignments/placements re in relation to each other where before they were in relation to the outer edges of the table. thank you! I've done them all but still have one tiny problem that i cannot figure out. the pages all look fine in Dreamweaver, but in FF and safari for mac, the center background graphic has dropped about 1 pixel. example: http://ajputnam.com/sky/bio/ home page is causing me a touch of grief too with side divs not showing the right background color and the center section dropping a little more than the other pages: http://ajputnam.com/sky/ Thanks for all of your help. With this last bit of finesse, I should be able to finally launch this site! amy On Feb 13, 2008 4:55 PM, Gunlaug Sørtun [EMAIL PROTECTED] wrote: AJ Putnam wrote: So, I did what you indicated. I went and removed all a:p from the style sheet. Really messed with my layout. i added your short bit of code to the top and it helped marginally. so, i am still at a loss. Delete that short bit of code now, as it was only for demo/debugging and serves no purpose anymore. what did I do wrong? Nothing really - at least not yet, but you have to complete the job. 2: use margins to push elements into place. Which means you have to correct nearly all margins used in your stylesheet - especially all those large 'margin-top'. 3: don't restrict height on elements that are supposed to expand with content, and clear below floats. Which for that particular page means deleting 'height : 720px;' on #tourmiddle. Have a look at a reasonably well-aligned example... http://www.gunlaug.no/tos/alien/ajp/test_08_0213-b.html ...that will render the same across browser-land. Take a close look at the stylesheet for that example - as seen through the validator... http://jigsaw.w3.org/css-validator/validator?uri=http://www.gunlaug.no/tos/alien/ajp/test_08_0213-b.htmlwarning=1profile=css21 All those errors are made by me, as I've rendered almost all instances of 'margin-top' useless in a way that the validator flags. This way I won't have to write about every single one of them. Now you correct those margins and give them values that suits your layout now that all 'a:p' are gone, and all browsers will render your layout properly. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background images in divs
I believe she fixed her problem. After my initial suggestion to specify a width/height for those divs, she replied that she got it--I think she meant to reply to the list, but actually only replied to me. Valerie www.valeriewininger.com On Thu, Feb 14, 2008 at 7:06 AM, Kristina Floyd [EMAIL PROTECTED] wrote: On 11/02/2008, Carrie Strongwater Drazin [EMAIL PROTECTED] wrote: We are trying to put dividers between paragraphs using background images in divs but, they never show up. Should we not be using divs? HI Carrie Do you have a url we could look at? Thanks Kristina __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Valerie Wininger www.valeriewininger.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] My first tableless site - Need Advice on css mistakes.
IE runs on Mac. Have you check the MS site or Google'd for a download? You have several JavaScript errors: Home - line 11: ; expected Journalism - line 14: Object doesn't support this property or method Gallery - line 520: Type mismatch Tim Cynthia Villegas wrote: Hi Everyone, I designed site based only on floating css. It's the first time I've done this, and it renders ok (according to me) on the latest versions of Firefox, Safari and Opera. I have no ways of testing this on IE (mac user). This is my test site and my site so far: http://homepage.mac.com/cynvill_3/website/index.html Any advice on mistakes or problems rendering on different browsers would be greatly appreciated... Thanks! Cynthia - Looking for last minute shopping deals? Find them fast with Yahoo! Search. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] strange gaps 2
Erland Flaten wrote:
It looks more and more as it should because of your valuble input.
Its more or less correct on Safari. Some errors on grapics I will do
later.
Its now on http://www.nuna.no/ahus/forside_posted.html
As mentioned earlier - change stacking-level.
Didn't test, but I think the addition of...
#horisontalkors {position: relative; z-index: 2;}
...should stack that element visually in front of the others.
With that sorted you can move the relevant containers with their margins
until they line up as you want.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Noob Float/div problem still
On Feb 13, 2008, at 12:58 PM, Ken Davies wrote:
I am probably asking it wrong but I am asking. Possibly a repeat
post as
I had html setting on email, sorry.
Please review and advise.
I have tried using h4, or p for a line of text below the banner
separating the menu and gallery. Listed in html as a div I get the
line
as separation but when
I link it to the style sheet for text align etc then I lose the
rest. I
also can't get the menu text to accept a the color gold
On http://www.equestrian-jewelry.com/untitled.htm
http://www.equestrian-jewelry.com/mis/Arlen2.css
The image is only placed so I encounter and deal with problems-it will
eventually be replaced.
OK, first ditch the msoffice cruft on the html tag. XML namespaces
don't have any place in HTML 4.01. But that's not css, soo
what's this supposed to be?
#banner { padding: 3px; text-align: center; width: 99%; height:
53px; border: margin-bottom -10px;}
Starting with the the border attribute, everything's munged. I'm
not sure what you're trying to do, but the browser will barf, because
margin-bottom -10px isn't a valid value for border.
Also
p{
text-align: center; font-weight: bolder;
color : #AF962E;
margin-top: -25%; margin-left: 8%;
width: 99%;
line-height: 20px;
clear: both;
}
is unused, as there are no p's in your document. Perhaps instead of
div id=p you meant to use p. Making that change I get something
that probably looks the way you want.
Can I ask a question without offending you? Why do you seem to be
allergic to styling the HTML tags themselves? Instead of styling the
UL menu, you wrap it in a div and style the div?
Also this selector doesn't make sense in your file:
#navul .left li a .left li a:hover
First, nothing is given class left, so the selector will never find
anything to apply to it.
Second, even if we delete the reference to left it still won't find
anything to apply to, as you're asking it to select the a element
being hovered over, which is within a list item which is within
another a which is within another list item which is within something
gievn the id of navul. I think you're missing a comma. When I remove
the left class, put in the missing comma and the required second
reference to #navul I get a gold menu. (BTW, if you wanted the menu
gold all the time, drop left and delete everything after the first
a.
You need to do a little more work to understand how to use CSS
selectors. I'd suggest a good basic book on CSS (The Definitive
Guide comes to mind) or at the very least do some trial and error
work with the selectoracle (I posted a link to it a few days ago,
google it if you missed it.
On Unhovergallery
http://www.equestrian-jewelry.com/unhovergallery.htm
http://www.equestrian-jewelry.com/mis/bannergallery.css
I don't even want to begin to try and untangle what you dropped in
the class of *that* ul. left li, left li a, left li a:hover, left li
b? It's nonsense. Just delete it completely. I can't even begin to
guess what you were trying to do there.
Get yourself a current copy of firefox, download the web developer's
toolbar for it. Use the option Outline-Outline Current Element as
you move your mouse around the page to see what the various blocks
actually are, then use the option CSS-View Style Information and
click on one of the boxes to see what style is being applied to that
and where it comes from.
Right now you're just shooting in the dark and hoping to hear the
bullet hit something. Do some reading and exploring and you'll find
the light switch.
Have Fun,
Arlen
--
In God we trust, all others must supply data
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Need help with IMG inside a DIV
Viewing it with Firefox 2.0.0.12 on Windows Vista Business. From: vincent pollard [mailto:[EMAIL PROTECTED] Sent: Thursday, February 14, 2008 11:21 AM To: Webmaster Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Need help with IMG inside a DIV it looks fine on my machine. what are you viewing it on? On 14/02/2008, Webmaster [EMAIL PROTECTED]mailto:[EMAIL PROTECTED] wrote: I'm having problems with this page: http://www.tusculum.edu/bookstore/new2.html The CSS is here: http://www.tusculum.edu/bookstore/css/box2.css The problem is easy to spot. The image of the sweatshirt goes outside of the DIV. I've attempted to create a separate class for IMG, but that didn't work either. How do I make the DIV expand to contain the image? I always seem to have problems with images. Can someone show me where I went wrong? I greatly appreciate your help. -- Travis Crabtree Webmaster Tusculum College phone: 423.636.7300 ext. 5132 fax: 423.636.7492 email: [EMAIL PROTECTED]mailto:[EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED]mailto:css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.orghttp://evolt.org -- http://www.evolt.org/help_support_evolt/ -- Vincent Pollard http://www.ithinkx.co.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Need help with IMG inside a DIV
I'm having problems with this page: http://www.tusculum.edu/bookstore/new2.html The CSS is here: http://www.tusculum.edu/bookstore/css/box2.css The problem is easy to spot. The image of the sweatshirt goes outside of the DIV. I've attempted to create a separate class for IMG, but that didn't work either. How do I make the DIV expand to contain the image? I always seem to have problems with images. Can someone show me where I went wrong? I greatly appreciate your help. -- Travis Crabtree Webmaster Tusculum College phone: 423.636.7300 ext. 5132 fax: 423.636.7492 email: [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Need help with IMG inside a DIV
The problem is easy to spot. The image of the sweatshirt goes outside of the DIV. I've attempted to create a separate class for IMG, but that didn't work either. How do I make the DIV expand to contain the image? Short answer: Overflow: auto; on the .product-even class - Jon __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] My first tableless site - Need Advice on css mistakes.
Cynthia Villegas wrote: This is my test site and my site so far: http://homepage.mac.com/cynvill_3/website/index.html Any advice on mistakes or problems rendering on different browsers would be greatly appreciated... Cynthia You are doing alright on IE/6.0 and IE/7.0, with the exception that IE/6 does not support transparent png's. You'll find a work around here http://www.twinhelix.com/css/iepngfix/. You may or may not want to let go of the frozen (pixel based font-size) fonts for IE users. It's a good idea to validate your CSS and markup. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] My first tableless site - Need Advice on css mistakes.
hi all.. I've a question about your opinions to improve my skills, are they based on syntax checking / validating / or just if the website looks fine then it's good and that's it? Thanks. On Thu, Feb 14, 2008 at 8:00 PM, David Laakso [EMAIL PROTECTED] wrote: Cynthia Villegas wrote: This is my test site and my site so far: http://homepage.mac.com/cynvill_3/website/index.html Any advice on mistakes or problems rendering on different browsers would be greatly appreciated... Cynthia You are doing alright on IE/6.0 and IE/7.0, with the exception that IE/6 does not support transparent png's. You'll find a work around here http://www.twinhelix.com/css/iepngfix/. You may or may not want to let go of the frozen (pixel based font-size) fonts for IE users. It's a good idea to validate your CSS and markup. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] reply-to address
Hi folks, I hope this never been discussed before... I noticed when I want to reply to any email from the list that the default reply-to address is the email of the sender not the list, So, every time I have to reply-all or add the list address manually. I think it's better to set the default reply-to address to the list not the sender's email -IMHO- , if it's doable. any idea? Thanks, Ibrahim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Need help with IMG inside a DIV
it looks fine on my machine. what are you viewing it on? On 14/02/2008, Webmaster [EMAIL PROTECTED] wrote: I'm having problems with this page: http://www.tusculum.edu/bookstore/new2.html The CSS is here: http://www.tusculum.edu/bookstore/css/box2.css The problem is easy to spot. The image of the sweatshirt goes outside of the DIV. I've attempted to create a separate class for IMG, but that didn't work either. How do I make the DIV expand to contain the image? I always seem to have problems with images. Can someone show me where I went wrong? I greatly appreciate your help. -- Travis Crabtree Webmaster Tusculum College phone: 423.636.7300 ext. 5132 fax: 423.636.7492 email: [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Vincent Pollard http://www.ithinkx.co.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Simple Dreamweaver/CSS question
It sounds like an incorrect path to me, even though I know you said it seems your CSS file is located where it should be. Can you post a URL? Chris On Thu, Feb 14, 2008 at 9:55 AM, Daniel O'Brien [EMAIL PROTECTED] wrote: I'm new to web design, and new to Dreamweaver CS3 (Mac) and CSS. I've learned to generate CSS files and do simple code mods, and attach the style sheet files to new html files. However, when I preview my newly-minted CSS-attached html files in Safari 3.0 (the latest, under Leopard) or in Firefox 2.0, none of the formatting is visible. The rendered page has the wrong background color, and it looks like a dumb html page with none of the CSS text formatting. I've verified that my CSS file is in the proper directory (same as html file). What could be the issue? Thanks very much, Dan O'Brien __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] i have an cross-browser issue with z-index of divs
i'm working on a website and i can't post the URL unfortunately but the
situation is like this:
DIV #header
DIV #rightHeadDIV #showHide/DIV/DIV
DIV #leftHead/DIV
/DIV
DIV #content
DIV #left/DIV
DIV #middle/DIV
DIV #right/DIV
/DIV
#header {
}
#rightHead {
float:right;
padding: 0;
width: 200px;
position: relative;
z-index: 2
}
#leftHead {
margin: 0 200px 0 0;
position: relative;
z-index: 3
}
#content {
margin: 10px 0
}
#left {
float:left;
width: 150px
}
#middle {
float:left;
width: 500px
}
#right {
float:right;
width: 212px
}
a header div with two columns, a body div underneath with 3 columns. some
javascript that triggers a dropdown in #rightHead that should overlap
#right.\
it works fine in IE7, Firefox is okay, except that when the #showHide div
(dropdown) is displayed it pushes #right down and in IE7 when the #showHide
div (dropdown) is displayed it pushes down the whole #content div.
can anyone advise what the best way is to do this? or what the
cross-browsers iussues might be.
sorry, i know it's not a lot to go on.
--
Vincent Pollard
http://www.ithinkx.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] reply-to address
At 20:39 +0300 14/2/08, Ibrahim Y wrote: Hi folks, I hope this never been discussed before... Guess what... I noticed when I want to reply to any email from the list that the default reply-to address is the email of the sender not the list, So, every time I have to reply-all or add the list address manually. I think it's better to set the default reply-to address to the list not the sender's email -IMHO- , if it's doable. 1. Questions or comments about how the list is run are never on topic. Instead you should address such concerns to the list owner [EMAIL PROTECTED] 2. http://css-discuss.incutio.com/?page=CssDiscussListHeaders End of discussion. See Point No. 1 if you disagree. Alex css-d moderator __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Simple Dreamweaver/CSS question
I'm new to web design, and new to Dreamweaver CS3 (Mac) and CSS. I've learned to generate CSS files and do simple code mods, and attach the style sheet files to new html files. However, when I preview my newly-minted CSS-attached html files in Safari 3.0 (the latest, under Leopard) or in Firefox 2.0, none of the formatting is visible. The rendered page has the wrong background color, and it looks like a dumb html page with none of the CSS text formatting. I've verified that my CSS file is in the proper directory (same as html file). What could be the issue? Thanks very much, Dan O'Brien __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] reply-to address
Hit reply to all, then delete the sender to send replies to list only. If they're using Mailman, there is a setting for this, but the owner probably wanted it this way. FWIW, I agree with you, replies should go to the list address by default IMO also. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Simple Dreamweaver/CSS question
Do you have that css file linked in your html page? In the head of your code, you should have a link to your stylesheet in the following manner: link rel=stylesheet media=all type=text/css href=link to your style.css here / Hope this helps. Lisa Wilcox Owner/Lead Developer Web Girl Web Designs Email: [EMAIL PROTECTED] IM: [EMAIL PROTECTED] Disclaimer: This message is confidential. It may also be privileged or otherwise protected by work product immunity or other legal rules. If you have received it by mistake, please let us know by e-mail reply and delete it from your system; you may not copy this message or disclose its contents to anyone. Please send us by fax any message containing deadlines as incoming e-mails are not screened for response deadlines. The integrity and security of this message cannot be guaranteed on the Internet. Any views or opinions presented in this email are solely those of the author and do not necessarily represent those of the company. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Daniel O'Brien Sent: Thursday, February 14, 2008 9:56 AM To: CSS-D List Subject: [css-d] Simple Dreamweaver/CSS question I'm new to web design, and new to Dreamweaver CS3 (Mac) and CSS. I've learned to generate CSS files and do simple code mods, and attach the style sheet files to new html files. However, when I preview my newly-minted CSS-attached html files in Safari 3.0 (the latest, under Leopard) or in Firefox 2.0, none of the formatting is visible. The rendered page has the wrong background color, and it looks like a dumb html page with none of the CSS text formatting. I've verified that my CSS file is in the proper directory (same as html file). What could be the issue? Thanks very much, Dan O'Brien __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] My first tableless site - Need Advice on css mistakes.
On Thu, 14 Feb 2008 20:28:00 +0300, Ibrahim Y wrote: hi all.. I've a question about your opinions to improve my skills, are they based on syntax checking / validating / or just if the website looks fine then it's good and that's it? Well, the question I would ask you is: if the website looks fine to whom? If it looks fine to you, on your computer or iPhone or whatever you use, then that is all fine and dandy, provided that you are the only person likely to visit the site. On the other hand, if you expect others to view your site, then validating will give you a better shot at others getting a usable page. There's more to it, of course. All browsers and all devices have limitations and flaws, so testing in as wide a variety as you can is a good idea. With browser manufacturers constantly making their products converge on published recommendations, validating is a kind of future-proofing your site. Even Microsoft is finally on board with making IE more compliant, so we hope eventually that syntax checking / validating will improve our chances of getting code to work everywhere. Bear in mind that validating is like spell-checking -- it picks up errors but does not guarantee what you write makes sense. (You do spell-check your pages, of course ;) Good luck with your efforts. Cordially, David -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Simple Dreamweaver/CSS question
On Thu, 14 Feb 2008 10:55:41 -0500, Daniel O'Brien wrote: I'm new to web design, and new to Dreamweaver CS3 (Mac) and CSS. Welcome to the club. CS3 is a wise choice - Adobe seems to have done a great job bringing this tool into the 21st century. However, when I preview my newly-minted CSS-attached html files in Safari 3.0 (the latest, under Leopard) or in Firefox 2.0, none of the formatting is visible. The rendered page has the wrong background color, and it looks like a dumb html page with none of the CSS text formatting. I've verified that my CSS file is in the proper directory (same as html file). What could be the issue? Well, it could be a number of issues. It does depend on your particular circumstances - are you viewing local files? or are they on a server somewhere? While I can't look at your pages to see the issue if they are on your hard drive, if they are on a server somewhere we can take a look. It may be something to do with your server settings, for instance. Hard to tell without seeing your site. Cordially, David -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] My first tableless site - Need Advice on css mistakes.
On 15/02/2008, at 1:24 AM, Big Moxy wrote: IE runs on Mac. Have you check the MS site or Google'd for a download? Cynthia Villegas wrote: I have no ways of testing this on IE (mac user). ie on the Mac is pretty awful and not a good guide as to how css will render under ie on a pc. Cynthia you could get a copy of something like Virtual PC and run a copy (or multiple copies) of windows/ie under that on your Mac, or if you have one of the newer models with the intel chipset and Parallels you could run windows/ie natively under that. Other than that buying a cheap pc or asking people with pc's to check for you are options. Another that comes to mind but I'm not sure where it is ?? is a web site that will put up a screen shot of how your css/site renders under different OS and browser combinations. URL anyone? Cheers, KathyW. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Center multiple float lefts site check....
First things first I wanted to thank Gunlaug Sørtun for the recent help on fixing a problem I had been struggling with. When I receive such quick and helpful responses from people on this list I know why I joined. Okay, now onto my dilemma. How do you center a group of images / links that are floated left in CSS? The site I am trying this on is here: http://www.eddysound.com/rrc/index_help.html The CSS for the page is here: http://www.eddysound.com/rrc/main_help.css The part of the page I would like to center is all of the links located at the very top of the page (in white). Also, while you may be looking at this site to help me with this problem could you please respond with any issues you see? What could I code differently? How does it look in different browsers? I know from my end there are a few issues and I am already working on fixing them but I would love to know if I need to start working on even more issues. As always, thanks in advance for any help and guidance. I have been working in CSS for about a year and a half now and I still have a lot to learn. Matt Stoneback __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Center multiple float lefts site check....
Matt,
Try:
#topNav { width: 765px; height: 28px; margin: 0 auto; list-style: none; }
No need to float #topNav left if you are trying to center it. Just adjust
the width of #topNav to fit the width of the all the elements inside and set
the margin to 0 auto.
Jim
On Thu, Feb 14, 2008 at 9:07 PM, Matthew Stoneback [EMAIL PROTECTED]
wrote:
Okay, now onto my dilemma. How do you center a group of images / links
that
are floated left in CSS? The site I am trying this on is here:
http://www.eddysound.com/rrc/index_help.html The CSS for the page is
here:
http://www.eddysound.com/rrc/main_help.css
The part of the page I would like to center is all of the links located at
the very top of the page (in white).
http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
