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/
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] 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] 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 SNIP 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] 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] Stumped
It looks like it's because the author's used a div called
body...which is kinda confusing.
div id=”body”h1Headline/h1pArticle goes here/p/div
It might make more sense to use content instead.
div id=”content”h1Headline/h1pArticle goes here/p/div
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:
!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
html
head
titleCSS Positioning Example/title
meta http-equiv=”Content-Type” content=”text/html;
charset=iso-8859-1”
link rel=stylesheet type=text/css href=stage.css
title=stage.css / /head
body
div id=”masthead”h1Masthead/h1/div
div id=”navigation”
span class=”navItem”Navigation item 1/span |
span class=”navItem”Navigation item 2/span |
span class=”navItem”Navigation item 3/span |
span class=”navItem”Navigation item 4/span |
span class=”navItem”Navigation item 5/span |
/div
div id=”body”h1Headline/h1pArticle goes here/p/div
/body
/html
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/
