Re: [css-d] Extending lines off the edge of the browser
Jason - Does this work? #page { background: white; text-align: left; margin: 0 auto; position: relative; /* The entire template's width is set in this class. */ border: 0px solid #ddd; border-top: none; } I just removed the padding and the width from the #page element...you'll need to go back in and add the appropriate padding in a couple of places, or just change the width of the elements, but I think it looked ok to me! -- John Sico On Jun 16, 2006, at 3:24 PM, Jason Preston wrote: > I don't know how many of you are familiar with Wordpress, and > more specifically the theme K2, but since I know next to nothing > about CSS I built my site starting with those two installed and > just customizing the stylesheet. > > I've been trying to get the two lines in my menu bar (they're 1px > borders) to extend "off screen" on both sides (kind of like they > do at the www.wordpress.org homepage). For some reason changing > the margin only works in one direction, and changing the width of > the segment seems to make the page itslef too wide (I get a > scroll bar at the bottom). > > My site is at www.flickergaming.net. If anyone wants to shoot me > a private e-mail I'd be more than happy to send over the > stylesheet in case that makes it easier. Any help would be very > welcome, > > Thanks, > Jason Preston > > > > > > __ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Persisting flash media player
Does anyone know of a relatively css-aware way to have flash media player persist as users flow through the site? So the users could listen to songs, and not have the movie/ music reload as each page changes. The movie will live inside its own div, near the footer of the page (if you'd like to see the page in question, it's at www.superbuick.com - the player will be at the bottom, where the dashboard is). I'd really love to avoid frames of any sort, and I don't want to make my navigation flash-based. I thought about possibly having a "pop- out" option, but if I could stay away from that, it would be awesome, too. Thanks in advance! -- John __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Firefox on the Mac
Oops, I also see the first problem (the header disappearing when the window shrinks). However, I don't see the horizontal scrollbar. Would a min-width (with the appropriate IE fixes, of course) help the disappearing header problem? -- John On Apr 27, 2006, at 8:46 AM, Design Groups wrote: > > Basically, two things jump out at me: 1) the header, that says > "diversity!" disappears behind the yellow sidebar and drops when the > screen is minimized (on my Mac it is minimized - when I make the > window > smaller on PC the same thing happens); __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Firefox on the Mac
Looks great to me (Firefox 1.5.0.2, MacBook Pro). Let me know if you need a screenshot, and I'll get one for you! -- John Sico On Apr 27, 2006, at 8:28 AM, Karl Camenzuli wrote: > Hi all > > > > We have just launched a new site today and I have had report that > its not > rendering well in Firefox on the Mac, could someone please be so > kind as to > send me a screen shot or some feedback > > > > http://www.journalistaward.stop-discrimination.info/ > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] What IMG Replacement Technique?
Ok, well since I gave useless advice before, I will try to redeem myself. I've had good luck with this system: http://www.alistapart.com/ articles/sprites It's just using one image, so it's a lot easier to change/ manage than several, and it loads more quickly. Since it just moves the images instead of loading new ones, you don't get the flicker problem. -- John On Apr 19, 2006, at 11:58 AM, Anthony Baker wrote: > > Hey Folks, > > I'm currently developing a site where I'm going to be using > graphical navigation and an image replacement technique. I > had been using the Malarkey technique (MIR), but that seems > to fail a bit on certain versions of IE 6.0. > > Am looking for an alternative technique -- and no, I'm not > going to text-based navigation on this site (sorry) -- and > am wondering if anyone has any recommendations for something > a bit more bulletproof. > > There's a bunch out there and am just currently trying to > figure out which one is the "best" -- though, who knows, none > may really be 100% bulletproof. > > Thanks in advance, > > Anthony > __ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] MIR Image Replacement Bug Question
This doesn't really answer your question, but why not just use the text instead of images? Unless you've got something crazy going on back there (which you don't), I can't think of any reason you'd be forced to use image replacement here. You won't have to worry about this bug, and you'll get all the other benefits (like resizable navigation). Check out www.hackenbergerhouse.com - I used really similar looking navigation, with just background images. I hope that's helpful. -- John On Apr 19, 2006, at 10:29 AM, Pringle, Ron wrote: > Anthony wrote: > >> I'm using the Malarkey Image Replacement technique on a site I'm >> currently developing (links to related pages follow) >> >> http://www.stuffandnonsense.co.uk/archives/mir_image_replacement.html >> >> http://www.stuffandnonsense.co.uk/archives/examples/malarkey-method- >> example.html >> >> >> In any event, my issue is this: I've tested this on several browsers, >> including a version of IE 6.0 (6.0.2900 with Service Pack 2) and it's >> fine, but I received a recent bug report that I can't figure out or >> now reproduce. >> >> They see the _first_ character of each text item I'm trying to >> replace >> with the technique floating just above the image used to replace it. >> This is happening in all instances. >> >> If anyone can reproduce this and give feedback, I'd really appreciate >> it. >> >> The current development page is: >> http://www.lanisimpson.com/home.php > > > > Anthony- > > Yes, I can see an "H" floating above at the top left corner of the > "Home" Button in the top nav, using IE6/PC, Win2K. > > I've not used IR techniques myself, so I can't really offer any > help as > to why. > > HTH > > Regards, > Ron > __ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Stumped
It looks like it's because the author's used a div called "body"...which is kinda confusing. >> HeadlineArticle goes here It might make more sense to use "content" instead. >> HeadlineArticle goes here Then >> div#content { >> height:100%; >> background-color:#ff;} for the css. -- John On Apr 17, 2006, at 1:30 PM, Mark Fellowes wrote: > I'm using a simple layout tutorial to build my understanding. I > might have been going backwards (tried a few more complicated > ones), however this is confusing me because only the body > background is showing, and not the ones set for the div's. > > HTML: > > > > CSS Positioning Example > charset=iso-8859-1”> > title="stage.css" /> > > Masthead > > Navigation item 1 | > Navigation item 2 | > Navigation item 3 | > Navigation item 4 | > Navigation item 5 | > > HeadlineArticle goes here > > > > CSS: > body { > background-color:#efefef; > font-family:arial, verdana, sans-serif;} > > div { > width:800px; > border:1px solid #00; > margin:1px; > padding:5px;} > > div#masthead { > height:100px; > background-color:#d6d6d6;color: #f93315;} > > div#navigation { > height:40px; > background-color:#66; > color:#ff;} > > div#body { > height:100%; > background-color:#ff;} > > I was "sort of" wondering why the author chose to add the > "div#body", since i'd think the body would have been enough. This > maybe where the color issues are coming from , however I haven't > tried to drop the rules for body or drop the div#body. I want to > understant what the purpose is to have both. > > Stuart > __ > Organize. Communicate. Share. @ http://www.goowy.com > __ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS: Background img
WIth your site configuration, I think you could just use background- image: url(/img/blah.jpg); Since /img/ is right off the root. But FWIW, both two dots and one dot work the same for me in both IE and the others...One dot being the directory immediately above where the .css file is kept, and two dots being two directories above. I hope I got that right. -- John On Apr 13, 2006, at 12:22 PM, z e n wrote: > Hi there, I've got another stupid newbie question for you. The > trick is to put picture into "div" section, > > background-image: url(../img/header.jpg); > > and here is the question - It works OK (with current definition of > url for image using two dots) under IE6 and Opera 9 but when it > comes to Mozilla FF 1.5 my image doesn't want to display. If I > change url in the following way: > > background-image: url(./img/header.jpg); > > (notice one dot instead of two) the image is displaying in Mozilla > but now it doesn't want to display in Opera and IE. One way to > solve the problem is to provide full url path: > > background-image: url(http://www.mywebsite.com/img/header.jpg); > > But I'm asking if there is more elegant way of solving the problem > so that the image would display in Opera and IE and Mozilla. > > Thanx in advice, I would really appreciate your help. > > > __ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/