I've been working with PHP for several years now in a web-based envoronment and have achieved a moderate level of proficiency - I'm still a little green when it comes to PHP and MySQL though.
Additionally, I'm fluent in XHTML and CSS (though a little out of date with my CSS hacks).
I came across this site ( http://www.w3.org/QA/Tips/color ) that has content that floats on the right hand side of the page when viewed in netscape, but in IE it floats at the top right. (In netscape, the content will float on the same location regardless of where in the document a browser is.) I'm looking for a way to replicate this behavior in netscape and IE, I can't get the CSS right. Any ideas?
I have started seeing sites with "Best viewed in Firefox". It reminds me of the days of "Best viewed in Internet Explorer".
In my quest for creating rounded borders, without using nasty tables and bunch of images, I realized that CSS3 supports it and so does Mozilla group of browsers (like Firefix).
Here's a guide to Mozilla [...]
I am not a developer. I repeat: I am not a developer. My brain's so fried I can't even remember what I learned about CSS.
Neither am I a designer. I just do a hell of a lot of stuff on the Web poking about. I'm a writer.
Right now I'm testing Flooble Chatterbox on two different pages. I beg you, beg, beg, cry, crawl, plead with you to drop by either of the following pages (or both if you're just a really generous soul) and say hello in the chatterboxes on the pages.
If you want to, leave a URL to the favorite webpage/site you've designed or your journal.
I tried to use Shoutbox at first for this, but it wouldn't load consistently. That bugged me. If anyone knows of a better program, please tell me. Also, if anyone knows of good, easy to administrate forum software, I'd be happy to know that too.
Hello, ok, so I have yet to really change much of my site, but that's because I can't figure out how this guy made his site look like this and this.
What code am I missing here? I can tell it relies on css (like billions of sites out there now a days) but what am I missing? I thought I had a good grasp of html, but trying to view the sorce... *rubs eyes* I stare at computers all day, it starts to blur after a while. *grin*
i'm trying to achieve the simple effect of using CSS's border-bottom to fake an underline of a different color (and style).
so, i have this on my stylesheet: a:link, a:visited, a:active { border-bottom: 1px dotted #ccc; }
my only problem is that i don't want the links with images to have this bottom border. i've tried doing a img { } but this targets the image itself, setting its border to 0. but i want to target the anchor tag.
i doubt you can do this.. but i was wondering if there was a way to use any sort of programming to text wrap between 2 columns.
i have a page with 2 columns of text, side by side, and i don't want the white space at the bottom. however, since text is displayed differently on different platforms [mac and pc] i have to just leave it and increase the padding an paragraph set up specifically for the pc. i still have the white space and i can't stand it.
so, i was wondering if anyone knew of any code to text wrap in html, css, js, php - anything - between columns.
I was wondering if anyone could recommend me a good intro to XHTML and CSS. I want to get a book that will put me on the right path to 'intelligent' web design. That is, I want to design good sites, not only in appearance but in structure as well.
Thank you to everybody for the suggestions you posted with regard to ideas for the last-minute portfolio revamp. I've got all of my content set up and my pages planned out, now my only problem is the fact that I can't get my page layout to look the way I'd like.
It should look like this:
However, I can't seem to pull it off. Both Firefox and IE are giving me different results and I'm sure I'm missing something small. I'm just not sure what it is. The page itself is located at http://www.debbierussell.ca/v2/portfolio/ and the CSS code is embedded in the page for now. I'll be making it an external stylesheet as soon as I have it working properly.
i have made an all-css design: header, 3 columns, & a footer. i want all to meet up but for some reason the left column stops just before the footer & looks all wonky. what am i doing wrong? the actual page is here: http://www.purpleglitter.com/all-css.html
My Test 2
GRAPHIC AND NAVIGATION
Graphic
Graphic
HEADER GRAPHIC
Iquatio endiam amcommy nis nis num ametue vel dignim vel ero eu faccumsan ute magnit lore dolorper augait wis non utpat do core magna feum accum iurem dip et, sustinisi blandre tem dit alit ulputat. Ut wisi blam iurem quatie tat. Metue et, sum inisisit lor sumsan essed eum ipisit lorero ent vullutpat ad modolorem ipis atuer iuscilit am, sis nis nos esecte faciniam ipit ut ut dolor sequipit incidui ex et, quiscin eugue dolortie dolore commy nulla feum augiam del iuscidunt luptat nullums andit, sectem el ing eum dit num et adiam zzriure vel utating eugait laorpero odionse dui eugait lute mod del ullumsandrem velit wiss.
Iquatio endiam amcommy nis nis num ametue vel dignim vel ero eu faccumsan ute magnit lore dolorper augait wis non utpat do core magna feum accum iurem dip et, sustinisi blandre tem dit alit ulputat. Ut wisi blam iurem quatie tat. Metue et, sum inisisit lor sumsan essed eum ipisit lorero ent vullutpat ad modolorem ipis atuer iuscilit am, sis nis nos esecte faciniam ipit ut ut dolor sequipit incidui ex et, quiscin eugue dolortie dolore commy nulla feum augiam del iuscidunt luptat nullums andit, sectem el ing eum dit num et adiam zzriure vel utating eugait laorpero odionse dui eugait lute mod del ullumsandrem velit wiss.
Iquatio endiam amcommy nis nis num ametue vel dignim vel ero eu faccumsan ute magnit lore dolorper augait wis non utpat do core magna feum accum iurem dip et, sustinisi blandre tem dit alit ulputat. Ut wisi blam iurem quatie tat. Metue et, sum inisisit lor sumsan essed eum ipisit lorero ent vullutpat ad modolorem ipis atuer iuscilit am, sis nis nos esecte faciniam ipit ut ut dolor sequipit incidui ex et, quiscin eugue dolortie dolore commy nulla feum augiam del iuscidunt luptat nullums andit, sectem el ing eum dit num et adiam zzriure vel utating eugait laorpero odionse dui eugait lute mod del ullumsandrem velit wiss.
Thank you to everybody for the suggestions you posted with regard to ideas for the last-minute portfolio revamp. I've got all of my content set up and my pages planned out, now my only problem is the fact that I can't get my page layout to look the way I'd like.
It should look like this:
However, I can't seem to pull it off. Both Firefox and IE are giving me different results and I'm sure I'm missing something small. I'm just not sure what it is. The page itself is located at http://www.debbierussell.ca/v2/portfolio/ and the CSS code is embedded in the page for now. I'll be making it an external stylesheet as soon as I have it working properly.
I was hoping y'all might know how to do this: my clients keep asking me for links that when clicked on reveal text on the same page. Is there some hide/display CSS wizardry I can use for this or a nice cross-platform javascript, or will I have to make these sites in Flash?
Hi all. This will be my first post to the community, so before anything I'd just like to say how educational its been reading your posts all this time. Now then, here's my contribution.
I've recently been playing with what I think is an interesting technique for adding relevancy and context to my pages. Basically, I embed a small, invisible message within the HTML of a page or within the link to that page which is only visible to people who follow special links. This enables me to embed certain so-called "relevancy messages" on the destination page of a link that helps keep visitors oriented when browsing through my site. (This is exceptionally beneficial when back-linking to old blog posts!)
A much more detailed explanation of what I'm talking about is on my site. A brief explanation of what I first did is this:
When I write links that reference my old pages, I go back to those old pages and insert a named anchor (or tag the element with an id to reference in my link with a fragment identifier).
I add a title to that element so I can hide it within the HTML for visitors who browse normally, but show it to visitors who follow links to that fragment.
I've added a style rule in my pages to display that title text before the fragment only for visitors who follow the special links, specifically, *:target::before { content: attr(title); }
This means when visitors click on a link to a fragment within a page, they see a clear, short message explaining its relevance. Especially on long pages where my link only references a small part of it, this is an enormous enhancement to usability because it ensures a smooth transition of context between one page and the next. Coupled with helpful title text on the source link itself, it can help create an extremely smooth yet still unobtrusive browsing experience.
As an extension and major enhancement, I've also been experimenting with "dynamic relevancy messages" as a sort of mini-API to allow anyone to include their own relevancy message into my pages when they link to me. The crux of this technique uses a variable within a GET query-string to plug into the above CSS content-before rule.
So what do you think about this technique? Useless? Great? Superfluous? All feedback welcome.
I'd be especially interested to hear from web accessibility gurus who can test the accessibility of this technique and PHP gurus who can help break my site by using XSS attacks for the dynamically generated CSS rule. As I'm somewhat of a novice in that area (that is XSS in the context of CSS, since it's usually an HTML/SQL thing), I'd appreciate it if you can help me fortify my defenses against what is potentially a very obvious attack vector on my site now.
Thanks for your time. :)
(Oh yeah, and, um, you gotta use Firefox or another CSS2-compliant browser such as Safari, or a recent version of Netscape, or Mozilla in order for the CSS to work, obviously. It won't work with any version of Internet Explorer or Opera. Sorry.)
CSS is an astounding piece of feces; in fact I think it is an insult to feces to be put in the same league as CSS.
Oh what a web of deceit we weave! Web designers were agog with excitement when CSS first came.
I can still hear shouts of - no more tables, global modification of [...]
I assume most of you read slashdot, but if you don't here's a quote of their article:
IE7 Details Emerge Posted by timothy on Tuesday March 15, @06:38PM
Varg Vikernes writes "Microsoft Watch has a story about new features we can expect in IE7 (code named 'Rincon') which they gathered through Microsoft's key partners. Apparently we can expect 32 bit PNG support, native IDN support, new functionality that will simplify printing from inside IE and, of course, tabbed browsing. The new browser also will likely include a built-in news aggregator. Apparently an important factor is security."
And from the article:
Partner sources say Microsoft is wavering on the extent to which it plans to support CSS2 with IE 7.0. Developers have been clamoring for Microsoft to update its CSS support to support the latest W3C standards for years. But Microsoft is leaning toward adding some additional CSS2 support to IE 7.0, but not embracing the standard in its entirety, partners say.
What do you guys think? I won't trade my firefox for anything in the world, but it would be great to see css standards supported on IE7.
I assume most of you read slashdot, but if you don't here's a quote of their article:
IE7 Details Emerge Posted by timothy on Tuesday March 15, @06:38PM
Varg Vikernes writes "Microsoft Watch has a story about new features we can expect in IE7 (code named 'Rincon') which they gathered through Microsoft's key partners. Apparently we can expect 32 bit PNG support, native IDN support, new functionality that will simplify printing from inside IE and, of course, tabbed browsing. The new browser also will likely include a built-in news aggregator. Apparently an important factor is security."
And from the article:
Partner sources say Microsoft is wavering on the extent to which it plans to support CSS2 with IE 7.0. Developers have been clamoring for Microsoft to update its CSS support to support the latest W3C standards for years. But Microsoft is leaning toward adding some additional CSS2 support to IE 7.0, but not embracing the standard in its entirety, partners say.
What do you guys think? I won't trade my firefox for anything in the world, but it would be great to see css standards supported on IE7.
guys, I'm a real beginner. I'd like to get my feet wet by creating a website for the salon I go to. I have a good rapport with the owner. I'm comfortable enough using DreamHost and Dreamweaver, but what I'd really like to do is skip tables altogether. I'd like to design using pure CSS -- but how does this work with Dreamweaver? do I just get some templates from somewhere (where? free? Macromedia?) and then paste the templates onto the Dreamweaver code view screen? or just skip Dreamweaver altogether? I actually took a class in this, but the teacher rushedthroughitsofast that most of it went over my head.
I know about sites like http://www.csszengarden.com/ but I just don't know the nuts and bolts of turning that concept into my reality.
thanks in advance for any thoughts!
also, what in your opinion would be a reasonable fee to charge to set it up? or, the equivalent in barter? ;) (on top of DreamHost's yearly fee for the site.) let's assume it would be a basic 5- or 6-page deal with photos I would take and upload, and the copy written/edited by me (that's what I do for a living IRL).