Advertisement
This will probably end up being a blindly obvious thing, but I'm stumped...
The big graphic at the top of www.gibsonpearl.com/ has a background of vertical stripes that line up with the vertical stripe background tiles. At least it does in Explorer, but it doesn't seem to work in FireFox.
Simple solution?
The big graphic at the top of www.gibsonpearl.com/ has a background of vertical stripes that line up with the vertical stripe background tiles. At least it does in Explorer, but it doesn't seem to work in FireFox.
Simple solution?
posted by:
|
SF Bay Area
|
Advertisement
Advertisement
-
Re: Simple Graphic Alignment
Mon, October 22, 2007 - 4:19 AMThis won't help you much, but it isn't aligned in Safari either...
-
Unsu...
Re: Simple Graphic Alignment
Mon, October 22, 2007 - 7:57 AMNot lining up under FireFlox either. My first impression is that it's supposed to be that way, it looks raised from the background. Could even warp the top and bottom edges of the banner to the right a little bit so the lines meet.
I'm no expert and someone here might have a better solution, but ... have you tried different alignment values in this line such as left or right? Or adding/trimming a few pixels to the edge of the graphic?
<!-- <td><div align="center"><img src="gfx/headtreat.jpg" width="795" height="228"></div></td> -->
-
Re: Simple Graphic Alignment
Mon, October 22, 2007 - 9:20 AMuse background images instead:
<style type="text-css">
body {
backgound-image: url(path/to/image.jpg);
background-repeat: repeat;
background-position: center;
}
div#myHeader {
height: Npx; /* whatever you need your height to be */
width: Npx; /* whatever you need your width to be */
background-image: url(path/to/header/image.jpg);
background-repeat: no-repeat;
background-position: center;
}
</style>
now if that doesnt line it up you may have to redesign the image so it overlays properly. I typically fill the canvas of my top image with a tiled pattern of the actual background image im tiling in the code with the same alignment settings. That way they match up.
-
Re: Simple Graphic Alignment
Mon, October 22, 2007 - 3:07 PMI don't know if this is the best code, but many times I've had alignment problems, I've included this into my "<body>" code: <body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
You could also check your margins & padding on your css for div's and images... -
-
Re: Simple Graphic Alignment
Tue, October 23, 2007 - 10:05 PMI tried your advice Ariana and it seems to work (on Explorer and FoireFox at least... Anyone want to check it on Safari?)
I've always wanted to try a PixelSlut tip, but opted for the simpler solution this time around... I've got a lot more work to do on this site, so I'm sure I'll be back! -
-
Unsu...
Re: Simple Graphic Alignment
Tue, October 23, 2007 - 11:13 PMLooks lined up and identical under Exploder, Fireflox, Netscrape and Safari (Windoze versions).
-
Re: Simple Graphic Alignment
Mon, October 29, 2007 - 8:24 PMYup, works here too! (safari, firefox, ie 5.2, opera, netscape)
Yay, first successful help on my part - it's about time I start making up for all the gracious help i've received around here!
Pixelslut's got some great advice - definitely worth a look-see - he got me almost entirely on css (I still like tables for... well, for tables - of text that is... - but that's about it)
(like the pinstripes by the way :-) -
-
Re: Simple Graphic Alignment
Mon, October 29, 2007 - 9:40 PMThe dancer I'm doing the site for loves pinstripes but I'm tinkering with some treatments to make the text more legible and pretty up some of the alingment. Hopefully first rev will be done and done soon. Thanks so much! -
-
Re: Simple Graphic Alignment
Tue, May 20, 2008 - 8:42 AMI am into using divs that have semi transparency so that the back ground shows through then if you have graphics you can have them sit above it but still have the bg coming though where there is none. -
-
Re: Simple Graphic Alignment
Tue, May 20, 2008 - 3:24 PMsemi transparent backgrounds?
how do you do this? do you mean using an image with semi-transparency or using css?
is it W3C approved? -
-
Re: Simple Graphic Alignment
Thu, May 22, 2008 - 9:29 AMcheck out www.courtneysimmsfineart.com/dev5 . Not so sure that it is aproved by the consortium but it works cross platform just fine and is the best way I have found to use BG and divs together. No more lining up the graphics !! I can't take all the credit for the cods though I am just the evil mastermind behind i my developer worked the bugs out for me ! I love my developer !!!
-
-
-
-
-
-
