Site Web Background Image tiling problem in CS4
Illustrator CS4:
Don't know if it's a quest of Illustrator or a quest for web developer, but here goes:
I want the bottom of my main content is white with an opacity of about 90%, so you can still see a bit of the background of major Web sites behind the content.
I created a file in illustrator which is 1 "x 1", then called a rectangle that is slightly larger than the work plan and filled with white with a 90% opacity.
Then, I saved for the web and devices in format png-24. When I put the image as the bg I got the desired opacity effect however, there is a thin clear border around each instance in the image mosaic. I see nothing in my html or css which is originally the border. I also tried to make the image smaller and bigger and still the border.
You can see the site here: http://www.buffalomooncoffee.com
the main image of bg beans appeared also in illustrator cs4 and tiles perfectly at 300px x 300px, but when I tried to do this smaller image (x 150px 150px) for faster website loading, he also had a kind of border, but to 300px works.
Any help is appreciated.
It's a web dev question.
Why the image? Using an image is not necessary. Fill a div with #fff one together, it's opacity a.8 and 80 using CSS. All browsers that support PNG24 will also support opacity in CSS settings. And no image no: load faster.
Just for the record, a tiling 1x1px image is really bad more. Due to the size of the screen today, it takes a browser to always draw all these images, make the most important tiles if they are needed. I usually make them as large as possible, as long as they are less than 5 k. But that's me.
As for your image and lines, they are very likely due to anti-aliasing in Illustrator. You will want to uncheck the anti-alias work option in preferences, then save.
Tags: Illustrator
Similar Questions
-
I have an old record of creative adobe 4 elements but it is scratched, but I still have the serial number and it is registered on the site Web of adobe, the problem is that I can't find a way to download version 4
on the website it starts only from 9
If anyone knows a site were I can download this program again post in the comments
Yves pauwels
kglad links in response to #1 here can help https://forums.adobe.com/thread/2081216
If your version is not included in the above link, I don't know any other source
-
I am trying to create a background image no rehearsal for my site but after following these steps I always can not see an image in the background. Here's what I did.
1. first of all, I created a new text file named "background.css". In this file, I placed the following code.
{body
background: url ("http://www.mywebsite/pools/images/backgrounds/blue_sky.jpg harper") 50% 50% no-repeat;
}
2. I then added the following code between the head of <>< / head > tags in the index.html page.
" < link rel = StyleSheet href = ' http://www.mywebsite/Harper " pools/css/background.css" type = "text/css" >
3. then I placed the background image in (harper pools/images/backgrounds/blue-sky.jpg)
4. Finally, I downloaded everything, but I can't see a background image.
If anyone has an idea of what is wrong, I would be happy. Thank you.
Comp. 792 wrote:
but white is always behind the menu.
Try this style on line 231:
#header. menu.classic > ul {overflow: visible;} background-color: transparent; }
Add article: background-color: transparent.
G/L
-
background image display problem when using Theme1
Hi all
I encountered a strange problem.
I am trying to use a picture as a background for my login page.
I uploaded the image to the application, and I added this line to the part of HTML header to page 101:
< body background = "#WORKSPACE_IMAGES #eagle.jpg" >
the problem is that if I use Theme1 as the theme of the application - the image does not appear.
When I spent the 13 theme - the image is displayed.
of course - I want to use theme1 as the theme of the application
can anyone help?
Thank youFirst of all, always include the following information when you post a question:
-APEX version
-Edition and version DB
-Web server architecture (EPG, SST or APEX listener)
-The browsers used
-Theme
-Models
-Type of zoneSome of them may not apply to every issue or the possible solution, but it saves time in detection for more information.
The issue in hand, I start from the principle of the described behavior that this is Apex 4.0...
>
the problem is that if I use Theme1 as the theme of the application - the image does not appear.
When I spent the 13 theme - the image is displayed.
>It is either:
An illustration of the difference between Quirks mode and standards mode rendering. The former -triggered by the absence of a declaration DOCTYPE in 13 theme page templates- allows the browser to attempt to make some soup tag is launched on it. In this case, it would be the presence of 2 pieces of bodywork on the page, which is caused by the addition of
via the HTML header to a page that already has a body of the template of the page element.
OR
It is caused by the theme 1 style sheet by specifying a rule of background rather than a rule of the background color as the theme 13.
In any case, the background attribute attribute has been deprecated for 11 years + and should not be used at all, and as I have already said, all the pages already include a body element in their model, so the addition of another - for some reason-via the header HTML is also completely the wrong approach.
(X) HTML is used to provide the structure of a page; CSS to control the presentation. The backgrounds are presentationnelle, so are implemented using CSS. Add the following style sheet in the header HTML page will provide the equivalent of the background HTML attribute in theme 1:
See w3schools for a few tutorials providing some basic information about (X) HTML and CSS.
-
Site Web background not extending across the screen more small screen size
Hello, Ive created a Web site that the background spans the entire width of the screen little matter the size.
But Ive notice on some sizes of screen, especially the smaller, part of the background still not through.
It doesn't seem to matter which browser using Im.
The site is www.farleysjewelers.com
If anyone has any suggestions, or can help understand me why, that would be great.
Sincerely, Sam Barnhart
Sam: post this question in the dreamweaver forum.
http://forums.Adobe.com/community/Dreamweaver
G
-
Finished the OS reinstall with no NTFS file system prob., installation of drivers, installed antivirus, go to install updates of the system and the message "the website has encountered a problem and cannot display the page you are trying to see.". Improved IE 6 to 8 without problem. still getting the same message. need advice...
Windows Update no longer works if you do not have windows xp sp3 installed. You can download and install from the link below. First of all, you must return all the way back to IE6 before installing SP3. If you do not, you can not remove IE 8 to a future if you must.
Windows XP SP3.
http://www.Microsoft.com/en-US/Download/details.aspx?ID=24
Ignore warnings about the professionals and the network installation. Restart your computer after installation and revisit WU to get the latest critical updates.
-
Hello
Is it that someone can give me tip pour print a .pdf document after opening it with Windows 8?
Thank you.
OT: [at least that's one today -
] -
Hi all
I'm having some problems downloading from my site and the background image appears does not (shock).
When you view the site live design and chrome/ie/Safari, the site appears as I want it, but when I upload the site the background image does not appear.
Here is the link to my site: www.charcombeandwills.com
Your server is case-sensitive
http://www.charcombeandwills.com/fullbg.jpg
Change fullbg. JPG to fullbg. jpg
-
How can I get a background image sensitive identical to the junction College Web site?
Hello!
I tried hard to figure out how to get the same effect that has College Junction - home - daily well-being all together . More specifically, the ability to resize the window of my browser and have scale of the background image to size without image quality loss. I have a 1920 x 1034 image. The width of my page is fixed to 800px. Then I fill an object with my image (suitable size) and apply the function of width of 100%. When I saw these settings in the browser, I'm able to resize the upper window of the page of 800px with desirable effect of the image scaled to fit the browser BUT the image loses quality (resolution).
I bought the QooQee Widget: Smart 1.1 and I'm able to do a little bit reactive recess with her, but I have not found a way to create the same effect as the junctions of college. The best I can do is create an effect similar but end with gray side bars when I resize the browser to one size other than the proportions of the image. (see below)
It was a little maddening for me. I have to do something wrong. Maybe my page properties were not correctly setup? Any help would be appreciated, thanks!
More specifically, the ability to resize the window of my browser and have scale of the background image to size without image quality loss.
There is no such thing, and there may be - for simple mathematical reasons. The web site that you referenced uses magical, just a very large image (oversized) that most of the browsers is not displayed to the maximum size one way or another. It's an illusion at low cost. The only other factor is the pixel, scaling the browser and in the case of Chrome algorithms, they are dependent on the GPU acceleration, so it's more likely something is wrong with that, if you really see the degradation.
Mylenium
-
Border problems with background image
Hello
I have a problem with my background image. I have fillings of browser size the original value and activated scale option in the middle. The image has a resolution of 1920x1080px. But when I now change the size of my browser I get a white border on the left or on the right size.
Small to large size of Office Office:
https://DL.dropboxusercontent.com/u/84237067/kleinzugross.PNG
Large size of small office desktop:
https://DL.dropboxusercontent.com/u/84237067/grosszuklein.PNG
Hope you understand me, my English for this specific part is not perfect it.
Greetings
Marcel
I checked out the site but don't see any white space on the page with large screens, I think that you have already solved the problem?
Thank you
Sanjit
-
How to allow visitors to change the background image of my site?
Hello.
I wanted that my visitors to be able to change the background image to another image. Already, I know how to do it with the colors but doesn't seem to work wih images. You are able to do this on Google, but can not seem to find it anywhere online. I just want it to change while the visitor is on the site. for example
1 visitor - context changes to-myarea.jpg
2 visitor - context changes to-my cat.jpg
and so on...
This would not change the site forever, just at the point where the visitor is about it.
Concerning
Leon
Here are a few ways to do this:
Option #1:
You'll need a JavaScript script and an array on the page background images.
An example of work below. View source in the browser to see the code.
http://ALT-Web.com/BG-img.html
Option #2:
Create more than one style sheet with different colors and background - images of the body.
Create a selector of stylesheet like this with jQuery
http://www.kelvinluck.com/assets/jQuery/styleswitch/toggle.html
Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
-
I use a background image for a Web site and want to know WHAT best way to fade the image upwards when the site loads, rather than what appears with a loud thud!
Any suggestion would be appreciated.
With jQuery and FadeIn function:
http://ALT-Web.com/demos/fade-in-background.shtml
Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
http://ALT-Web.com/
http://Twitter.com/ALTWEB -
How to have a background image transparent web page to the browser
I used a color gradient background image on my scene for my Web site.
Managed to load the same background on the background of the browser.
However, the result is not satisfactory that I can see the limits of background image site against the background of the browser.
How can I get around this? Or y at - it a code that allows me to change my transparent Web site background so that I do not have a background of the browser?
Tried to post using the window Mode: Transparent windowless, but does not work.
Pls help...
Thank you!
You can try to remove the background image on the Flash file, and then will the WMODE = transparent route.
-
Missing on the site downloaded in DW8 background image
Can anyone help?
I created a background image of website in Photoshop, edited in Image Ready, saved as optimized, open in Dreamweaver, made a few additions, recorded and downloaded. When I do a preview within Dreamweaver, everything seems perfect. However, when I go to view it on the web, everything except the background image which is a gif file. Can you tell me why this is happening? If you want to see a sample page, go to www.keystonemkg.com/index3.html thank you.It points to your hard drive...
width = "700" height = "800" border = '0' well = "#Map" >It seems that you have not downloaded. You have set your site correctly?
--
JO"Kevin E."
wrote in message
News:fndfft$38V$1@forums. Macromedia.com...
> Can anyone help?
>
> I created a website in Photoshop, edited image in Image
> Ready,.
> Saved as optimized, open in Dreamweaver, makes a few additions, saved
> It
> and transferred. When I do a preview within Dreamweaver,
> appears
> perfect. However, when I go to view it on the web, everything seems
> except for
> the background image which is a gif file. Can you tell me why this is
> happening? If
> you want to see a sample page, go to www.keystonemkg.com/index3.html
> Thank you.
> -
The table cell background image problem-
I'm sure it's something super simple, but I can't see what it is. I'm working in Dreamweaver CS3, but having to modify the code by hand, because the code is not validated I fight to clean up the last error on this page before applying the model it is based on the rest of my site...
This page was based on the original model: http://jpcltdservices.com/template-page.html
As you can see by the w3C validator, it had a number of problems with the tags for the table background image:
http://validator.w3.org/check?URI=http%3A%2f%2Fjpcltdservices.com%2Ftemplate-page.html & cha rset = (detect + automatically) & doctype = Inline & group = 0 & verbose = 1 & st = 1 & user-agent = W3C_Validator %2F1.606
I cleaned up by adding the table background image css to my stylesheet main and changed the code in the page for suggested type reference.
http://jpcltdservices.com/Alternate_template_page.html
W3C validator shows now only 1 error:
http://validator.w3.org/check?URI=http%3A%2f%2Fjpcltdservices.com%2FAlternate_template_pag.html & charset = (detect + automatically) & doctype = Inline & group = 0 & verbose = 1 & st = 1 & = _Validator%2F1.606 W3C user agent
The problem is, if I replace the background = "Images/CellBG1sm.jpg td' on line 34 with style ="background-image"td tag that works on line 27, the background image disappears completely from the whole table!"
I'm sure it's something super simple, but I can't see it. I'm working in Dreamweaver CS3, but having to modify the code by hand, because the code it generates does not validate in many cases.
TequilaMockingbird published in macromedia.dreamweaver
> I cleaned up by adding the css to the bottom of table
> image to my main
> sheet style and changed the code in the page to the suggested
> reference style.
>
> http://jpcltdservices.com/Alternate_template_page.html
>
> W3C validator shows now only 1 error:
>
>
> http://validator.w3.org/check?uri=http%3A%2F%2Fjpcltdservices.com%2
> FAlternate_te
> mplate_page.html & charset = (detect + automatically) & doctype = Inline & group
> p = 0 & verbose = 1 &st=1&user-agent=W3C_Validator%2F1.606
>
> The problem is, if I replace the td
> background = "Images/CellBG1sm.jpg" on "
> line 34 with style = "background-image" td tag that works on
> line 27, the background image disappears completely from all
> table!You seem to be sensational. The CSS validator is another object of value
tool: http://jigsaw.w3.org . I suspect this first error to main.css is
the incorrect syntax used here:background-image: {"url... / Images/CellBG1sm.jpg";}
' background-repeat: repeat;
}Go ahead and remove this rule completely.
For an inline style, try this:
But it might be better to remove all those inline styles and use your
external main.CSS. For example, you are not currently using. MainContent,
so maybe it's a good place:. MainContent {}
do-family: Arial, Helvetica, without-serif, Tahoma;
color: #3F3F61;
do-size: 100%;
background-image: URL("Images/CellBG1sm.jpg");
margin: 0 auto;
padding: 0;
Width: 790px;
}Then, in the table cell or appropriate:
or
Not quite $ $0,02, but HTH
--
Mark A. Boyd
Keep-on-Learnine :)
Maybe you are looking for
-
3 days ago, I tried to watch videos on youtube and I continued to get adobe flash player crash error. I went ahead and updated firefox 20.0.1 and I've upgraded to flash player 11.7. We are still getting the error. Own ive installed both since. I came
-
OfficeJet 6835: Changing the settings for printing emails
I had to reinstall my driver software after the operating system upgrade. Now I can't print emails or attachments directly, but rather have to save first. I had this problem when I originally set up the printer and thought to it easily, but with the
-
Problem of DNS in Windows server 2012
Hi guys,. I'm a newbie here and I hope to get help with my question. I have a server DNS (192.168.1.55/24). Everything is already configured, the IP address and host names are already mapped and is already working. Now the problem is... I example. Me
-
Sound and audio devices properties is empty and idle
I think I have deleted the drivers. I tried to roll back the previous driver, but there is no driver to restore. Help, please!
-
my screen has went dark, after that I clicked on the notification bar
I have the notification bar click right then left click on it to change my width of screens as she had two black lines, one down on each side! now my screen is now dark I can't fix the problem, I send you this in safe MODE can help you please