Create a responsive white border

Hello everyone,
I would like to create a responsive white border (frame?) around my website, just like this example : http://www.dennisadelmann.de/#. I want it to be regular, 20px no matter the browsers dimensions.
After a lot of unsuccessful attempts, i decided to create 4 rectangles with the rectangle tool, place them on the four sides of my page and pin them so they stay in place. It works perfectly, exept for the right border rectangle, wich doesn't want to stay in place.
So, is there any way to make it right? Or any way to deal with that right rebel rectangle?
Thanks a lot for your answers!

The Edge Commons library will get you headed down the right path, in terms of different layouts for different devices.
http://tv.adobe.com/watch/learn-edge-animate/flexible-layouts-using-adobe-edge-animate-and -the-edge-commons-library/
https://github.com/simonwidjaja/EdgeCommons
You could also build a menu for desktop/mobile. Then check browser size with this:
$(window).width();
or use a library like modernizr to check capabilitie (touch for example): http://www.modernizr.com/
You could then use jQuery show/hide to display the appropriate menu.

Similar Messages

How can I create a white border around figures that are in an image? (CS 6; examples+image included)

Hi,
I have CS6 and am wondering how to create a white ("comic style"?) border around figures in an image, as in the examples below. I don't wish to include the black shadow of the border, just the white part.
Examples:
Here's the image I'd like to alter, making a white border around the outline of all five figures:
I researched for quite a while but could find no instructions. It would be very much appreciated if someone knows and would be kind enough to share the technique! Thank you.

If you make the image a layer (opposed to Background)...
You could Select the blue with the Magic Wand as Semaphoric says, then fill with white. Then choose Select - Modify Selection - Contract, and mask or delete the remaining pixels. The Contract operation will give you a nice border the size you choose.
For extra credit, you could use Refine Edge to make the selection more accurate.
Click to see the image against a dark background.
-Noel

Multiple page pdf created from illustrator - has white border on pages

Hi - having trouble with a white border which appears around each page (have a colour background) in a multiple page pdf doc- created in illustrator (using page tiling) - anyone know the trick to get around this? Want the colour to go to the edges....see attached pdf

I'm using CS4 but that's OK you can get it to work in CS2
File: Print. Beside Media select Custom. Make the size really big. Then click done in lower right. Afterwards save your file.

White Border created in PDF docs from InDesign CS5 -how to get rid of it

On some files I get a white border when exporting the PDF from InDesign. I have gone through I feel like every setting (including bleed) but cannot figure out what is causing it.
Here is a screen shot of what is going on.
White edges on right and bottom sides.

Here is a page from in InDEsign - I can give you the same page if you would like.
Here it is in Acrobat (same page)

Export Layers to File PNG creats white border

I am exporting dark blue (one color) animation in layers with transparency as PNG-8 from photoshop, the exported file has a white border around the the object while if I save it manualy it save corectly with no white border.

I seem to remember this problem from another post a few years ago. I think the solution was to use scriptlistener to SFW instead of document.exportDocument();

Problem: Image fill creates white border that obscures slide background

Dear group,
I'm writing on behalf of someone who has a presentation to make soon and who is working in haste. When he uses the "image fill" option on the slide inspector, there's a white border that seems to obstruct the rest of the slide background. Do you have any suggestions for working around this?
Many thanks!

He could simply paste the image directly onto the slide (or slide master) rather than using an image fill.

Printing a .pdf with "boxed" sections appearing as "white" and showing a "white" border to the "box"

Dear Community,
I have created a .pdf file from an email and then "boxed" sections of the document with a white border and a white fill, intending the recipient to be unable to see the text within the "box". However, when I print the document it appears as if the "boxed" sections did not exist. In other words, all the text in the email is printed. Can anyone help with a solution, please.

You cannot create pdf files or forms in Adobe Reader. If you used Acrobat, please repost in that forum.

White border problem when zooming with SWF in PDF

Hi Everyone,
I have posted my original querry in the Indesign forum:
http://forums.adobe.com/message/5176893#5176893
I'm having problems with zooming whedn trying to create a PDF with SWF inserted.. at certain levels of zoom I get a white border on the left and right of the document which squashes the content into the middle and makes it a little pixelated. I also get a thin white border on the right when zooming out. Does anyone have any ideas where I might be going wrong?
Thanks,
Em

Not wishing to be rude, but that workflow is not supposed to be used that way.
InDesign's ability to export SWFs is intended for showing the file in a Web page, and Acrobat's ability to embed SWFs is only intended for small annotations placed within the pages of a conventional PDF file. By placing the entire Layout as a SWF you are in effect playing the entire thing as a movie in Flash Player - all the advantages of the PDF format are completely lost, there is no vector-rendering of any content or text, and users will find it very hard to understand what's going on (the navigation buttons in Acrobat or Reader will not work, text is not searchable or accessible, multiple pages cannot be printed, etc.).
It's not entirely trivial to do this 'correctly', as at the moment we don't have full support in the PDF standard for all the interactive features that InDesign can apply to page objects - that's why they are grouped into PDF and non-PDF in the various selection menus in InDesign. Rather than saving as a SWF you should be using Export to Interactive PDF, and ensuring that the various interactive items and media are all selected on the export dialog.
Basic stuff such as links and video will export just fine that way, and the PDF will preserve everything else in the Layout as native text or graphics so it'll look fine, navigate properly and be searchable. Animations and buttons will not work as expected, so you may have to revise their behavior if PDF is your intended output destination.

Can't get rid of white border around image

http://www.gunnar.ca/laminatepage2.htm
I created a rounded corner in photoshop for my table. I
created a cell in the bottom left corner of the table and placed
the gif. There is a thin whit border around the outer edge of the
gif, so it doesn't look genuinely rounded. Can anyone tell me how
to get rid of that so it looks like the table is actually rounded?
Thank you!

Because the table containing the GIF has a border. In your
styleA.css
stylesheet, the rule:
.border {
border: 1px solid #E5E5E5;
adds a border to the table. Delete the rule. Of course - that
may affect
other things that use the .border class. Or - delete the
class from the
table tag.
Several problems with the page:
styles.css cannot be found
sideNavStyles.css cannot be found
34 vaildation errors:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.gunnar.ca%2Flaminatepage2.htm
Alec
Adobe Community Expert

Image Added to PDF FFile via Preview Adds Large, White Border

::not sure where to stick a 'Preview' discussion::
I've downloaded several books as PDF files to add to my iBooks app on my iPhone, and I'm wanting to give them their respective book covers. I open the PDF file in Preview, drag and drop the image to the top of the list to create the cover, but I get an ugly, white border around the image itself. There is no white border on the image file itself, so I have no idea why this border is being created.
I've noticed smaller image files have a larger border, but the image I'm using is 716x1024. It doesn't matter if I increase the image size to help reduce the white border, it still remains.
Any advice?

Edited to add - sorry, my description was slightly wrong.
If I open a single .JPG in a new Preview, and save it as a .PDF, the dimensions are fine. The issue only occurs if I try to add .JPG's to existing PDF's.
It also occurs if you use the shell to convert a single JPG image, i.e.
"/System/Library/Printers/Libraries/./convert" -f /users/me/downloads/cvg06300162.jpg -o /users/me/downloads/cvg06300162.pdf
- this gives the reduced size image as well.

White Border Around Template Images

I recently created a "page layout" document from a template. This is my first attempt to use a template and it was all going well. Until I hit "print." When I print the document, the images that were already part of the template are printing with a white border around them. It looks fine in Pages and when I go to Print Preview, but it comes off the printer looking funny. What's the deal?

Thanks for the clarification. I had a hard time selecting that white border around the photos. I couldn't even figure out what it was for awhile. I think the printing problem is related to that white border which is an image, photoBG_triple.png, that is behind the photos & their masks & on top of the lined paper image, notepaper.png. I think all that layering looks nice on screen or PDF, but could be a printing nightmare. How does it look funny? And what kind of printer are you using?

White border around pasted images

This is probably a very simple problem, I could just fix it by restoring default settings, but I'd like to know how to do it manully. Basically whenever I copy & paste an image, a white border is created around that pic. Usually it's just the selection I wanted that gets pasted without any borders.
thank you in advance

I will add if the layer the image is on the border will be white, however if it is normal layer, the border will be transparent. If it is transparent, you can either flatten the layer(s) or add a layer move it below the image layer then fill it with white.
Note, the second method of using a layer is a great tip for using other colors, gradations, patterns, etc.

Getting rid of white border around photos when using iphoto to iweb

Hi there,
Am creating web pages in iweb and importing photos from iphoto. Can anyone tell me how to get rid of the white border around my photos (image frame)? Hoping to enhance some of the templates with my own images. I also have photoshop elements and have been having the same problem there. Sure appreciate. Kim Strouble

Welcome to the Apple Discussions. The link to the site is broken. There is a fix for some of the strange goings on since the MobileMe conversion. See Wyodor's post in this thread: http://discussions.apple.com/thread.jspa?threadID=1605665&tstart=0. After applying the fix to iWeb I found I might have to republish a second time, occasionally a third and make sure I cleared my browser's cache.
If you're using Firefox 3 that's a different solution that can be found here: http://discussions.apple.com/message.jspa?messageID=7486799#7486799
TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto (iPhoto.Library for iPhoto 5 and earlier) database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
I've created an Automator workflow application (requires Tiger or later), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. It's compatible with iPhoto 6 and 7 libraries and Tiger and Leopard. iPhoto does not have to be closed to run the application, just idle. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.
Note: There now an Automator backup application for iPhoto 5 that will work with Tiger or Leopard.

In pages/Pixelmator how do you put a white border around a piece of font, to make it stand out more. Please Help

The Benchwarmers logo, I would like to have a white border around the font to make it stand out. Help please

You would be better served to take a closer look at BeLight's free Art Text 2 Lite, or on YouTube, search for "Pixelmator text effects," or review the several Pixelmator tutorials on their site. Pages does not support the layered text effects necessary to create the Benchwarmers logo, but certainly can incorporate this image once completed through external means. Is the following image the one you have in mind:

Thin white border around graphic

I created a rectangular black box in photoshop and brought it into FCP as a PNG. When I lie it down to the timeline, a thin white border is created around it. I want it to be a clean edge of just black. Can someone please tell me why this is happening...
thanks

Most Photoshp people assume ink is being placed on a white paper background. In video, everything is transparent or over black. How you saved yoru image in PS will affect how it gets presented in FCP because of this inability of most PS wonks to understand video.
If you build your PS stuff on black, the pixels around the edges will not be white.
But this begs the bigger question, why would you build a black box in PS when you can do simple stuff like that directly in FCP or otion?
bogiesan

Create a responsive white border

Similar Messages

Maybe you are looking for