Help Needed with HTML code for Image Positioning

Hi All,
Need a little help with some code for positioning images.
I initially used the following:
This is fine, but the border automatically puts a black border around the photo - how do I change it to white? Is there a way to set margins too, to prevent the text butting up against the photo?
I also used the following code with success:
<style type="text/css"
img
float:right;
border:2px solid white;
margin: 0px 0px 15px 20px
</style>
This code works, however the problem with it is it is not individual to just one photo - it moved all my photos and on that page, I wanted one photo floated to left and another to the right.
If I use this code, how can I make it photo specific, so that it only affects the placement, margins and borders of one photo?
Any help would be great.
Thanks

CSS question, not iWeb question. Regardless, use inline CSS styling for the image. You can also wrap the image in its own tag and declare an id or simply declare an id for the img tag, then set the style for the id_name:
<style type="text/css"
img#id_name
float:right;
border:2px solid white;
margin: 0px 0px 15px 20px
</style>
If you want to control the style of more than one image on a page but not all then use a class instead of an id.
the border automatically puts a black border around the photo - how do I change it to white? Is there a way to set margins too, to prevent the text butting up against the photo?
I believe you have discovered a solution for this according to your CSS code. You have set the border to white by looking at the code and adjusting it appropriately. Your margin is declared in the CSS also, adjust the pixels appropriately.
Read up some more on CSS to educate yourself further. I suggest w3schools.com or a CSS forum instead of the iWeb forum if you have CSS questions. It's kind of like if you drive your auto to the supermarket so you decide to go to the supermarket and ask everyone in the produce section to help when you have car problems. All the supermarket does is provide a place to park your auto. If you have car problems then ask a mechanic. iWeb (and most of its users) doesn't specialize in code, it simply provides an area for you to place it. Granted you might get lucky and find a mechanic in the produce section of the supermarket, but you're more likely to find a specialist at an auto swap meet (or CSS coding forum)!

Similar Messages

  • HTML code for region position 3

    Hi All,
    Can i get the HTML code for display point: Region position 3.
    My requirement is, i have to apply some background color to all the regions which are placed in region position 3.

    Chandran wrote:
    Hi All,
    When you have a problem you'll get a faster, more effective response by including as much relevant information as possible upfront. This should normally include:
    <li>Full APEX version
    <li>Full DB/version/edition/host OS
    <li>Web server architecture (EPG, OHS or APEX listener/host OS)
    <li>Browser(s) and version(s) used
    <li>Theme
    <li>Template(s)
    <li>Region/item type(s) (making particular distinction as to whether a "report" is a standard report, an interactive report, or in fact an "updateable report" (i.e. a tabular form)
    For layout and visual formatting issues the APEX version, browser, theme, page and region template, and region/item details are always required.
    Can i get the HTML code for display point: Region position 3.
    My requirement is, i have to apply some background color to all the regions which are placed in region position 3.Region position 3 is determined by the location of the substitution string<tt>#REGION_POSITION_03#</tt> substitution string in the page template. This will vary by version, theme and page template, which is information you have not provided.
    Regions located in region position 3 will probably have existing background colours determined by their region templates. Is the requirement to apply a background colour to individual regions, or a background colour underlying all of the regions?

  • I need help using customized HTML code for media players in Dreamweaver CC. My client is waiting patiently for this issue to be resolved.

    When I add multiple media players to my web page and upload them online, all four mp3 files begin to play at one time.  I need someone to take me through the steps to create playback controls in the HTML code so that the media players DO NOT play until the viewer clicks the "play button."

    By default, HTML5 videos do not autoplay on page load.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HTML5 with Video</title>
    <!--help for older IE browsers-->
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    </head>
    <style>
    video {
        max-width:100%;
        display:block;
        margin:0 auto;
    </style>
    <body>
    <h2>Use 3 File Types to support all browsers &amp; mobile devices:  MP4, WEBM and OGV.</h2>
    <h3>If needed, use this Online Video Converter
    http://video.online-convert.com/</h3>
    <!--begin video-->
    <video controls poster="Your_poster_image.jpg">
    <!--these are 6 sec sample videos for testing purposes. Replace sample-videos with your own files-->
    <source src="http://techslides.com/demos/sample-videos/small.webm" type="video/webm">
    <source src="http://techslides.com/demos/sample-videos/small.ogv" type="video/ogg">
    <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
    If you're seeing this, you're using an
    outdated browser that doesn't support
    the video tag. </video>
    <!--end video-->
    </body>
    </html>

  • Help needed with printer settings for wired ethernet connection

    I'm hoping someone can help me with a network printing issue. I have a large format color laser printer (Tektronix Phaser) and since moving to OS 10.6 I can't figure out how to configure the printer so that the system sees it. I have a simple wired ethernet network with a couple of Macs and a couple of printers. All devices are connected via a switch. When using earlier OSs I was able to connect to the Phaser using Ethertalk. Obviously this is no longer supported and I can't figure out how to set the printer so the OS can see it. I have lots of options which can be turned on or off and in some cases set up in other ways: Ethertalk, IPX, Netware, TCP/IP, DNS, LPR, HTTP and remote internet printing, I've tried messing with these but the result is always the same--system doesn't see the printer. Currently Ethertalk is on, IPX and Netware are off, TCP/IP is on, DNS and LPR are on, as are AppSocket, HTTP, FTP and remote internet printing. I can change the IP address but no matter what address I've tried I cannot ping the printer. (I'm using a Gutenprint driver for this printer.)
    I don't really know enough about all this to get anywhere and I haven't been able to find help anywhere even from tech friends. Xerox won't help me and neither will Apple. Any help would be appreciated. I can supply more detail on specifics where necessary. Thanks, Bob

    Old Phaser models may becoming more and more difficult to use, but you can give this a try.
    1. Configure the printer via front panel to use TCP/IP and enable DHCP if it's supported. If not then you will need to configure an IP address for the printer together with your local network's mask, and gateway IP address. Except for the first the others will be provided by opening Network preferences to see what those settings are. The printer's IP address needs to be set somewhere within the range of IP addresses your router provides locally.
    2. You need the PPD file required for your printer. If you have the Phaser driver installer you can use it to install the PPD or you can extract the specific PPD from the installer package. This part is tricky because I don't know where you may find the driver now if you don't have the installer. The older installers can be accessed through the Finder by selecting the package then CTRL- or RIGHT-click and select Show Package Contents from the contextual menu. You can then rummage through the package to search for the PPD for your printer. Then navigate to the /Library/Printers/PPD/Contents/Resources/ folder and drop the PPD file inside.
    3. Open Print & Fax preferences and click on Add [+] to add a new printer. Click on the IP icon in the toolbar. Select Line Printer Daemon - LPD from the Protocol drop down menu. Input the IP address you assigned the printer in the Address field. You can file in the optional fields that follow. Then from the Print Using drop down menu locate the listing for your printer and select it.

  • Help needed with multiple and seperate image galleries on 1 site

    I'm looking for a simple way to create and manage multiple image galleries (about 100) on a single website. I work for an architect and have a site which has our project portfolio and every project has a page containing a write up with a gallery of only 6 images.  Currently I am using .css to run it. If you hover over one of the 6 thumbnails it opens up a larger image in the same div container. If you move the cursor off the thumbnail the main image goes away leaving a default background. The only problem is my bosses now want each image to be retained in view until you hover over the next thumbnail.
    Any ideas anyone?

    I've never see a performance issue with IsSameObject(), although I understand your issue, it seems to be pretty fast.
    Saving a global reference to a jclass prevents it from being GC'd, I don't think it prevents it from being unloaded.
    I'm not sure I understand your comment about jmethodID's being different for the same method. Technically, the jmethodID is unique for each class image loaded and class loader. So if a class is unloaded and reloaded, or the same class managed to get loaded by two different class loaders, then you might see multiple jmethodID values. But do you know that is happening?
    I have seen some race conditions on the JVMTI event callbacks around Method Entry/Exit and Thread Start/End. If you don't use some rawmonitors to protect yourself, you could be executing your callback code for the methodExit event while the thread goes away out from under you. I don't know if that could be an issue, but it caused me to scratch my head quite a bit when I ran into it.

  • Help needed with timer codes

    i have tried to do a countdown timer but can't debug it.. can anyone help me with it or can anyone provide me with the correct coding for countdown timer..
    import java.awt.*;
    import java.Swing.*;
    import java.util.*;
    import java.awt.*;
    import java.Swing.*;
    import java.util.*;
    public class timer
         public static void main (String [] args)
              double sec = 150;
              countDown(sec);
         private Thread countDown(double seconds)
            final double time = seconds;
            Runnable runnable(){
                   public void run(){
                  try{
                    Thread.sleep(time * 1000);
                  }catch(Exception e){}
            return new Thread(runnable);
         public  void displayCountDown(){
           int seconds = 22;
           for(int i = 0; i < seconds; i++){
             Thread trd = countDown(i);
             trd.start(){
             while(trd.isAlive()){
               ; // wait
             System.out.print('\r');
             System.out.print(i);
    }

    I would suggest using javax.swing.Timer or java.util.Timer instead of implementing it yourself.

  • PLEASE Help with HTML code for email background image...

    Hi there!
    i have a background image that I want to pop into an html email widget for the email's background...  here is the web link I created in Photoshop: file:///C:/Users/Rachel/Desktop/iMuse%20Clients/LeadMachine360/Email%20Signatures/tileabl e-metal-textures-2.html
    If anyone could please help me out that would be AWESOME!  I've attached pics of the background & I'm using Infusionsoft email builder which allows for HTML widgets.  I have a code that I use for my landing pages & webforms which works, tried that but no dice!
    Any help would be much appreciated - I'm an html newbie!
    Here is the code that I use for landing pages & works great, tried it for the email & it was a fail:
    <style>
      #mainContent .background, {
          background: url('file:///C:/Users/Rachel/Desktop/iMuse%20Clients/LeadMachine360/Email%20Signatures/ti leable-metal-textures-2.html') no-repeat center center fixed;
        background-size: cover;
    </style>
    <script src="file:///C:/Users/Rachel/Desktop/iMuse%20Clients/LeadMachine360/Email%20Signatures/ti leable-metal-textures-2.html">
    </script>
    <script>
      jQuery(document).ready(
          function(){
          jQuery(' table.bodyContainer').removeAttr('bgcolor');
    </script>
    thanks in advance!
    Muse

    Not sure what you expect. Your URL is absolute and pointing to a local file resource. It's not a proper relative HTML link. Beyond that it's toatlly unclear how you actually plan to load your image and where they are hosted, so nobody can tell you anything. Either way, there is an obviously painful lack of understanding of even the most basic web techniques, so the best advise anyone would give you is to spend some time with a web search and actualyl learn some of that stuff...
    Mylenium

  • Need help with html code for password logins

    I'm building a site and need to have a login page where multiple users can have unique usernames and passwords and then all be redirected to the same page within the same website.  Does anyone have any code advice or tips on how this can be done in iweb.  I getting stuck at the point in the code where I have to enter the site to be redirected to upon entering the correct username and password.  I would greatly appreciate any advice or tips.  Thanks

    Its done on the server rather than in iWeb....
    http://www.iwebformusicians.com/iWeb/Comments-Password-Protect.html

  • Help with html code for displaying flash animation

    hi all,
    i'm new to the forums :)
    not sure if this is the correct section or not.
    i run a small web based community for xboxlive players and i
    am trying to add an interactive flash file into a block on the main
    portal page
    What
    the file should do- link to sample file
    link to swf
    file- link to actual flash file
    homepage - link to portal
    homepage where the flash file needs to be, if you scroll all the
    way down the bottom of the page you will se it sort of works but im
    stumped as to how to get the full animation to show properly ?
    any help would be most appreciated.
    cheers

    hard to say just what the issue is here, since the file
    operates normally in other embeds - I guessing that it has
    something to do with your BB settings somewhere.

  • Problems with html code for video

    Hello
    I followed this instructions to add my video:
    - Upload the files in Muse < Add Files for upload ( These would add the files to your assets )
    - Object > Insert HTML :
    <video width="320" height="240" controls>
    <source src="assets/video.mp4"/>
    </video>"
    My actual code is:
    <video width="720" height="576" controls>
    <source src="assets/Gelo.mp4"/>
    </video>
    And here's the problem when I preview:
    Can someone help? What's wrong?
    Thank you

    Hi
    Please check if the files are correctly added to your site, also the format should be supported by browser so you can check with different video formats.
    Thanks,
    Sanjit

  • Help needed with existing printer for MacBook

    Apologies if this question is in the wrong section of the forum - please feel free to move it!
    I am new to the "Apple Experience" and have had this superb MacBook for a couple of week now. I need to connect my existing laser printer, a Samsung ML-1750 to the MacBook and so far, I have had no joy. The Samsung website is not a lot of help with regard to downloading a Mac driver and while the MacBook seems to have found the ML-1750, when printing, the printer just outputs a load of garbage! From where do I obtain the correct driver!
    Please help!
    Thanks, Dan

    Hi Dan,
    welcome to macbook forum,
    Try gimp-print as suggested by Kappy and or you can choose either the nearest model to your samsungs or generic post scripts printer.
    http://gimp-print.sourceforge.net/
    http://gutenprint.sourceforge.net/pSupportedPrinters.php3
    Good luck

  • Help needed with simple code

    Hi,
    Im doing a project for my module at uni. Not being a programmer I find it very hard to design application as Im required to. Anyway I have to design booking application for bikeshop.
    User selects bike from 3 types: MTB,Kids and racing. each bike has its price so cost of booking must be calculated.There are extra options like helmet which may rented as well. Some customer info must be collected (name,address etc).
    Bookings has to be written into file. Report of past booking must be available-simple printouts.
    No databases as use of arrays is required.
    Im stuck and trying to figure it out how to read from array which contains bike types and prices and extra features. Then combine several bookings for on customes on a form/interface.
    Any ideas how to start it? I mean at least on design level.
    Thanks in advance for any help

    Hi
    I managed to produced some code to extend my app but when I run it I get:
    Exception in thread "main" java.lang.NullPointerException
         at ReservationSystem.main(ReservationSystem.java:22)
    Im really stuck
    Will somebody give me any idea?
    Below is the code...
    Thanks
    whale
    mport java.util.ArrayList;
    import javax.swing.JOptionPane;
    public class ReservationSystem {
         static ArrayList<Booking> Bookings;
         public static void main(String[] args) {
              int BikeType = 0;
              do {
                   BikeType = Integer.parseInt(JOptionPane.showInputDialog("0 - Mountain bike, 1 - Racing Bike, 2 - Childrens Bike, 3 - Finish?"));
                   String Surname = JOptionPane.showInputDialog("Surname?");
                   String Date = JOptionPane.showInputDialog("Date?");
                   int Number_of_days = Integer.parseInt(JOptionPane.showInputDialog("Number of days?"));
                   switch (BikeType) {
                   case 0:
                        String Sex = JOptionPane.showInputDialog("Sex (M/F)?");
                        String Frame_size = JOptionPane.showInputDialog("Frame size (S/M/L)?");
                        boolean Helmet = JOptionPane.showConfirmDialog(null, "Is a helmet required?", "Helmet", JOptionPane.YES_NO_OPTION) == 0;
                        Bicycle Bike = new MountainBike(Sex, Frame_size, Helmet);
                        Bookings.add(new Booking(Surname, Date, Number_of_days, Bike));
                   case 1:
                   case 2:
                   default:
              } while (BikeType != 3);
              int Length = Bookings.size();
              int i;
              for (i = 0; i < Length; i++) {
               Bookings.get(i).print_booking();
         }Booking class
    public class Booking {
      //Date start_date;
      int Number_of_days;
      Bicycle Bike;
      String Surname;
      String Date;
      Booking(String Surname, String Date, int Number_of_days, Bicycle Bike) {
           this.Surname = Surname;
           this.Number_of_days = Number_of_days;
           this.Bike = Bike;
           this.Date = Date;
      public void print_booking() {
           System.out.print(this.Surname + ": " + this.Date + "/" + " for " + this.Number_of_days);
           this.Bike.print_bike();
      }}class Bicycle
    public class Bicycle {
      int Price;
      boolean Helmet;
         public void print_bike() {
    class MountainBike extends Bicycle {
         String Frame_size;
         String Sex;
         public MountainBike(String Sex, String Frame_size, boolean Helmet) {
              this.Sex = Sex;
              this.Frame_size = Frame_size;
              this.Helmet = Helmet;
              this.Price = 20;
              if (Helmet) {
                   this.Price += 5;
         public void print_bike() {
              System.out.println("Mountain bike (" + this.Sex + ", " + this.Frame_size + ") "
                        + (this.Helmet ? " with helmet" : "") + " price " + this.Price);
    class RacingBike extends Bicycle {
         boolean Panniers;
         String Frame_size;
         String Sex;
         public RacingBike(String Sex, String Frame_size, boolean Panniers) {
              this.Sex = Sex;
              this.Frame_size = Frame_size;
              this.Panniers = Panniers;
              this.Price = 25;
              if (Panniers) {
                   this.Price += 10;
                   this.Helmet = true;
         public void print_bike() {
              System.out.println("Racing bike (" + this.Sex + ", " + this.Frame_size + ") "
                        + (this.Panniers ? " with panniers" : "") + " price " + this.Price);
    class ChildrensBike extends Bicycle {
         int Age;
         public ChildrensBike(int Age) {
              this.Age = Age;
              this.Helmet = true;
              this.Price = 15;
         public void print_bike() {
              System.out.println("Mountain bike (" + this.Age + ") "
                        + (this.Helmet ? " with helmet" : "") + " price " + this.Price);
    }

  • Help needed with Random code generator

    Hello!
    I need to find a script that allows me to show a 5 letter
    code after 20 mouse clicks.
    The mouse clicks I have sorted out, but now I would like to
    after 20 clicks show a different code from de 5 codes (ex: DRE6U;
    VG4T55, etc.) I have to display.
    Can someone help me please?
    Thanks!

    :

  • Help needed with HTMl links

    hi ,
    i have created a JFrame and in this frame placed a JLabel called www.java.sun.com.
    Now my question is the Jlabel ie www.java.sun.com should be clickable and when i click it it should take me to www.java.sun.com webpage..
    is it possible to do this..if so how?
    Thanks in advance
    byee

    Check following code -------
    import javax.swing.*;
    import java.awt.*;
    import java.awt.event.*;
    public class openBrowser extends JFrame
         JLabel tataLink = new JLabel("<html><a href='#'>Want to know more about Tatafin CLICK HERE.</a></html>",SwingConstants.CENTER);;
         public openBrowser()
              tataLink.addMouseListener(new MouseAdapter(){
                   public void mouseClicked(MouseEvent e){
                        openBrowser1();
              JPanel p = new JPanel(new BorderLayout());
              p.add(tataLink);
              JFrame f = new JFrame("HtmlLabel");
              f.setContentPane(p);
              f.setSize(600, 200);
              f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
              f.setVisible(true);
         public void openBrowser1(){
              final String WIN_FLAG = "url.dll,FileProtocolHandler";
              final String WIN_PATH = "rundll32";
              String URL_STRING = "www.java.sun.com";
              String cmd = WIN_PATH + " " + WIN_FLAG + " " + URL_STRING;
              try{
                   Runtime.getRuntime().exec( cmd );               
              }catch(Exception e){}
         public static void main(String[] args){
              openBrowser smw = new openBrowser();
    }

  • Help needed with MD70 document for OAf personlisations!!Urgent

    Hi everyone,
    I have done around 10 odd personalisations/extensions on a standard form and i am supposed to prepare a md70 document for the same.
    I have not seen any template for md70 which seems good enough to map the personalisation steps
    Moreover,how do i explain the VO and CO extension steps in the document,i am totally blank
    Please suggest something and please if anyone has a sample md70 done for oaf personlizations,i will be grateful if you could send it to hatsoffforu@gmail for refrence purpose alone
    Thanks in Advance

    Hi Sumit,
    I have been through metalink but i could not find anything relevant.As far as other sources,i did put my query in mukul's blog too.The thing is i dont know too many OAF developers,so i gotta turn to the ones i know.
    I am anywas trying to draft the document based on d2k personlization putting pers snapshots and stuff,but since u guys have already worked on real time requirements,i just thought it will be better.cos i still don know how much too to explain in the doc

Maybe you are looking for