[css-d] Site check Please
Hey everyone. I finally got a chance to work on my own site, and I think it's pretty good, but I'd like the experts opinions on if theres anything I should change either for aesthetics or accessibility. the site is www.samleathers.com. Sam -- in life, direction is everything, distance is secondary--so keep your bearings! [KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed. Get Firefox!!! http://www.spreadfirefox.com/?q=affiliatesamp;id=13731amp;t=1 Exodus 6 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] site check markcreeves.com
The site for the new page is http://www.markcreeves.com/newphp/index.php The only thing I don't like about it is the left column news and contact info, but the person I'm building it for has stated he wants an image there rather than text for some reason he couldn't clarify. The navbars are background images with css imagemaps if you can call it that. The same with the photos on the bottom. Where I could, I added hidden attributes to describe things where I used images, like in the section headers. Also, the text in the contentarea grows as is seen in a number of the pages with dummy text. Any comments would be very helpful, Sam -- in life, direction is everything, distance is secondary--so keep your bearings! [KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed. Get Firefox!!! http://www.spreadfirefox.com/?q=affiliatesamp;id=13731amp;t=1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check markcreeves.com
changed main font to 12px. Sam Christian Heilmann wrote: The site for the new page is http://www.markcreeves.com/newphp/index.php The only thing I don't like about it is the left column news and contact info, but the person I'm building it for has stated he wants an image there rather than text for some reason he couldn't clarify. The navbars are background images with css imagemaps if you can call it that. The same with the photos on the bottom. Where I could, I added hidden attributes to describe things where I used images, like in the section headers. Also, the text in the contentarea grows as is seen in a number of the pages with dummy text. Any comments would be very helpful, I think it looks very nice, but I can't resize the font. As it is now (IE 6) the text is tiny and I can't read it at all. But other than that, it is wonderful:o) The initial text is painfully small on Firefox/windows: http://icant.co.uk/shots/marcwhat.gif __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- in life, direction is everything, distance is secondary--so keep your bearings! [KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed. Get Firefox!!! http://www.spreadfirefox.com/?q=affiliatesamp;id=13731amp;t=1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] href's and images
I'm working on a website where I have a standard ul list for links in display: block; Currently, the links are img tags, but I'd like to use css to display the image. I know I can use background: url(/path/to/image.gif), but whats the best way to have a different image for each href? Do I need to have each href in a different class to achieve this? Also, if it makes any difference, I do plan on using the hover tag to do an image swap. URL: http://irc.gentux.org:8000/Contact-pg.html Sam -- in life, direction is everything, distance is secondary--so keep your bearings! [KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed. Get Firefox!!! http://www.spreadfirefox.com/?q=affiliatesamp;id=13731amp;t=1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centering my menu - IE fine - Firefox not
the problem is firefox doesn't recognize text-align: center for div
elements (this is because they aren't text, and css has better methods
for centering that text-align, so really it's IE that's rendering it wrong)
Anyways try this:
#menu {
position: relative;
text-align: left;
width: 820px;
border-top: medium solid black;
border-bottom: medium solid black;
margin: auto;
padding: 10px;
}
What the above does, is define how wide the element is, and then center
the element itself with margin:auto; the text-align: left is there
because ie6 will see center it with the static width and margin:auto and
then try to center it again if it sees text-align: center (which throws
your menu way over to the right)
The one thing I noticed, is that the bars above and below the menu are
shrunk when the width is given. To prevent this, I would have a nested
div, with the outside one being the whole width, and having the lines
above and below, and the inside one would be the exact width of the
menu, with the centering code in it.
There are other methods for centering divs, that just happens to be the
one I use all the time.
Good Luck,
Sam
Sue Forrester wrote:
This is my first post here, so I hope it's clear and
following the rules. And I just know some very basic
CSS, but know it's what I want to use 'cause it's
best.
I'm working on http://www.oldpinefootwear.com. I don't
know enough so far to figure out what I've gotten
wrong or need to add, but my menu div centers just
fine in IE, but is left in Firefox (I'm not ready to
tackle the other browsers yet).
Here's what I have in the stylesheet:
#menu {
border-top: medium solid black;
border-bottom: medium solid black;
margin: 0;
padding: 10px;
text-align: center;
}
and this is what's in my HTML:
div id=menu
!--webbot CLIENTSIDE
bot=Ws4FpEx MODULEID='oldpinenav
(Project)\oldpinetopnav_off.xws'
PREVIEW=lt;img
src='menu/oldpinetopnav.gif?041A0975'
editor='Webstyle4' border='0'gt;
startspan --script
src=xaramenu.js/scriptscript Webstyle4
src=menu/oldpinetopnav.js/scriptnoscriptimg
src=menu/oldpinetopnav.gif?041A0975
editor=Webstyle4/noscript!--webbot
bot=Ws4FpEx endspan i-checksum=48027 --
/div
The validator hates my Xara drop down menu, but I
fixed the other errors it pointed out.
I'm hoping this is something simple and that someone
will point it out and tell me what to do.
Oregon Sue
__
Do You Yahoo!?
Tired of spam? Yahoo! Mail has the best spam protection around
http://mail.yahoo.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
in life, direction is everything, distance is secondary--so keep your
bearings!
[KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed.
Get Firefox!!!
http://www.spreadfirefox.com/?q=affiliatesamp;id=13731amp;t=1
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Recipe Card (Tabular data vs CSS)
I'm getting ready to build a recipe database interfaced with php. Would a recipe card make more sense to be displayed in a table, or using css? If using css how would you break it up, would you have a separate div for title, ingredients, and instructions? I'm just trying to figure out how I want it to look before I even go about coding the php to interface with the database. Any comments would be very helpful. Sam in life, direction is everything, distance is secondary--so keep your bearings! [KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed. Get Firefox!!! http://www.spreadfirefox.com/?q=affiliatesamp;id=13731amp;t=1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] second try posting
for the logo, try removing the pimg src.../p and put this in your stylesheet for the logo: background: url(images/newfinals/ironieslogo.gif); width: 250px; height: 82px; that fixes that in firefox. Being on linux currently, and no IE or Safari for linux, I can't help you there. juliann wheeler wrote: I have a page that was previously created with tables www.ironies.com . Recently, I have re-created the entire page using css for the first time. You can see it at www.ironies.com/new.htm . I'm having problems with the positioning when I view from different browsers. In Firefox, the logo on the top right gets pushed down and imposes on the image below it. In Explorer, there is a white space behind the light brown bar at the bottom where the background color doesn't show up for some reason. In safari I have both problems at once. Any help would be GREATLY appreciated. I am totally out of ideas. Thanks! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- in life, direction is everything, distance is secondary--so keep your bearings! [KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed. Get Firefox!!! http://www.spreadfirefox.com/?q=affiliatesamp;id=13731amp;t=1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site not centering in ie
oops, i keep doing that. it's magpienet.biz, it should be working now. (don't have ie to check, but a friend assured me it looks fine) the problem was i was using margin: auto; to align the page, and i had text-align: center, so ie was aligning it to the center of the gap between the center of the page, and the right side. odd, but a simple text-align: left; solved the issue. Sam Sam Leathers wrote: I've been messing with this for a few days now, and can't figure out why it isn't working. I have a layer1 div encompassing the whole site. It centers fine (even in IE, if I put a border on it, and hide the header, I can see that it's centered, but the rest if over 372px to the right, and I could go through and do a hack to force each and every box in ie to move over 372px, but what would be the correct solution to doing this. It seems like such a nasty have to get it to center properly, and I'd prefer to do it the right way, if there is one. By the way, I have layer1 as positioned relative, however; I've tried absolute as well. Thanks for any help, Sam -- in life, direction is everything, distance is secondary--so keep your bearings! [KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed. Get Firefox!!! http://www.spreadfirefox.com/?q=affiliatesamp;id=13731amp;t=1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] site not centering in ie
I've been messing with this for a few days now, and can't figure out why it isn't working. I have a layer1 div encompassing the whole site. It centers fine (even in IE, if I put a border on it, and hide the header, I can see that it's centered, but the rest if over 372px to the right, and I could go through and do a hack to force each and every box in ie to move over 372px, but what would be the correct solution to doing this. It seems like such a nasty have to get it to center properly, and I'd prefer to do it the right way, if there is one. By the way, I have layer1 as positioned relative, however; I've tried absolute as well. Thanks for any help, Sam -- in life, direction is everything, distance is secondary--so keep your bearings! [KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed. Get Firefox!!! http://www.spreadfirefox.com/?q=affiliatesamp;id=13731amp;t=1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] site check - magpienet.biz
After some major revamping of the page (my first 3 attempts failed miserably), this page is almost ready for public viewing. Anyone see anything that looks wrong in any specific browser? Sam -- in life, direction is everything, distance is secondary--so keep your bearings! [KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed. Get Firefox!!! http://www.spreadfirefox.com/?q=affiliatesamp;id=13731amp;t=1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check: stephenjoneslaw.com
Wow!!! that looks pretty sweet in firefox/konqueror/lynx viewed on Linux (Ubuntu Hoary) Sam Jeff Clark wrote: Hi list- I'd like as many people as possible to see this before I submit it to the client, so a site check would be very much appreciated! (especially if you're on a Mac or using a browser that isn't FF or IE) http://www.stephenjoneslaw.com/home *the home link on the site isn't active for obvious reasons, but you can get to the index by using the above link! Anything is appreciated. Thanks! Jeff -- in life, direction is everything, distance is secondary--so keep your bearings! [KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed. Get Firefox!!! http://www.spreadfirefox.com/?q=affiliatesamp;id=13731amp;t=1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] three-column layout question
of all the 3 column layout tutorials I like this one the best: http://glish.com/css/7.asp Sam saul wrote: Hello, I'm having a bear of a time getting the three columns to function correctly. I've looked at a number of suggested ways to achieve this, but cannot get it to work correctly. Any assistance would be appreciated. http://inventionshow.com/development/home.html Thanks, Saul __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- in life, direction is everything, distance is secondary--so keep your bearings! [KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed. Get Firefox!!! http://www.spreadfirefox.com/?q=affiliatesamp;id=13731amp;t=1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] ie not bold on title boxes
First of all, thankyou for anyone that responded to my positioning issues. I still don't know how it looks in IE5 but I got it looking pretty good in IE6 and firefox. the url: http://www.magpienet.biz/newmag I'm completely lost as to whats going on with IE6 ignoring the font-weight: bold in the title boxes on the left but not having any problems on the right side. If anyones has any clue what I need to do to fix this, any help would be greatly appreciated. Sam -- in life, direction is everything, distance is secondary--so keep your bearings! [KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed. Get Firefox!!! http://www.spreadfirefox.com/?q=affiliatesamp;id=13731amp;t=1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Hey everyone
I'm new to the list. Just figured I'd say Hi. I'm between novice and moderate with using css and came across this list googling. Glad to find a place I can ask questions when I have problems. Sam -- in life, direction is everything, distance is secondary--so keep your bearings! [KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed. Get Firefox!!! http://www.spreadfirefox.com/?q=affiliatesamp;id=13731amp;t=1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE css positioning woes
I've been working on a site for a week now, trying to get positioning looking good. The site is www.mapienet.biz/newmag/index.php. The positioning looks great in firefox, but in IE it broke horribly. I added a bunch of * html tags to force some boxes with IE 6 into the right place (IE5 still needs lots of help it freezes hard on mac according to a friend of mine). Also, some reason IE6 is ignoring the bold statements for my title tags. Any suggestions/help would be greatly appreciated. Sam -- in life, direction is everything, distance is secondary--so keep your bearings! [KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed. Get Firefox!!! http://www.spreadfirefox.com/?q=affiliatesamp;id=13731amp;t=1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
