Text of the position under CSS image gallery

I do a basic css image gallery that I learned from W3

the CSS and HTML is listed below

I've set up and it works fine, I just want to put some text in the Gallery, I'm not legends sense or under images or something like that... I'm done with the image gallery I want to start a new paragraph.

I tried just to start a new after the Gallery of images with the < p > tags and it lines up right next to the image gallery. I used the < br > tag and still snaps at his side. I can operate using about 6 < p > tags with them, but I know there must be an easier way, then that, just get under the inbetween image gallery.

Anyone know how?

Thank you

< html >

< head >

< style type = "text/css" >

div.img

{

margin: 2px;

border: 1px solid #0000ff;

height: auto;

Width: auto;

float: left;

text-align: center;

}

IMG div.img

{

Display: inline;

margin: 3px;

border: 1px solid #ffffff;

}

div.img a: hover img

{

border: 1px solid #0000ff;

}

div.DESC

{

text-align: center;

Police-weight: normal;

Width: 120px;

margin: 2px;

}

< / style >

< / head >

< body >

< div class = "img" >

< a target = "_blank" href = "klematis_big.htm" >

< img src = "klematis_small.jpg" alt = "Clematis" width = "110" height = "90" / > "

< /a >

< div class = "desc" > add a description to the image here < / div >

< / div >

< div class = "img" >

< a target = "_blank" href = "klematis2_big.htm" >

< img src = "klematis2_small.jpg" alt = "Clematis" width = "110" height = "90" / > "

< /a >

< div class = "desc" > add a description to the image here < / div >

< / div >

< div class = "img" >

< a target = "_blank" href = "klematis3_big.htm" >

< img src = "klematis3_small.jpg" alt = "Clematis" width = "110" height = "90" / > "

< /a >

< div class = "desc" > add a description to the image here < / div >

< / div >

< div class = "img" >

< a target = "_blank" href = "klematis4_big.htm" >

< img src = "klematis4_small.jpg" alt = "Clematis" width = "110" height = "90" / > "

< /a >

< div class = "desc" > add a description to the image here < / div >

< / div >

< / body >

< / html >

Add the following code after the last image


GRAMPS

Tags: Dreamweaver

Similar Questions

  • Select the text of the position of the cursor at the end of the story

    Hi scripters

    I want to cut, copy and paste text from the position of the cursor at the end of the story in a new block of text?

    How can I do this?

    Thanks in advance

    concerning

    a you are the

    Hi Arul,

    Here's an example for you. You can change the position and size of the text box according to your requirement.

    If (app.selection [0].constructor.name! = "PointInsertion")

    {

    Exit();

    }

    MyPage var = app.selection [0] .parentTextFrames [0] .parent;

    App.Select (app.selection [0].parentStory.insertionPoints.itemByRange (app.selection [0] .index, app.selection [0].parentStory.characters [-1] .index))

    App.Cut ();

    var FO = mypage.textFrames.add ({geometricBounds: [0,0,100,100]})

    App.Select(TF.insertionPoints[0])

    App.Paste ();

    Shonky

  • CSS positioning of elements of PA for the text on the question of background image

    I'm relatively new to dreamweaver from frontpage in the dust. Some things have been easier or I'm missing something. My client site uses backgrounds customized site on most pages, and I just want to understand how the text of the provision above. From what I've read, it seems that using AP elements is the most appropriate at this stage of the construction.

    I can't to the do stay where I want that they. They are fine until you go full screen, then they move to the right. I need to find a way to keep them in one place no matter what. I'm sure you get the idea. Any help would be appreciated.

    http://www.homeworks4u.ca/Sitemap_Homeworks4U.html

    Non-living sites. I'm just waiting for text... and trying to figure out how to do so that he can stay on top of my baggage without messing with my menus.

    Thanks in advance,

    Scott

    APDivs (formerly known as layers) are NOT the best approach for this.  Here's why:

    http://apptools.com/examples/pagelayout101.php

    (1) find a good, shaping CSS to get started with.

    http://ALT-Web.com/templates/basic-1-Col-fixed.html

    (2) a text on a complex background image alignment is futile.  It is a concept of impression that Won't hold up on web pages because you can't control the browser settings, the screen or the text sizes.

    (3) height is a restriction in all browsers except IE.  Don't use values of height on containers with text inside them because this will inevitably cause failures when the text size is increased or amount of content exceeds the available space.

    (4) if necessary to show a background image, use the min-height CSS property.

    Tables to CSS Web Design part 1-
    http://www.Adobe.com/devnet/Dreamweaver/articles/table_to_css_pt1.html

    Tables to CSS Web Design part 2-
    http://www.Adobe.com/devnet/Dreamweaver/articles/table_to_css_pt2.html

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB
    http://ALT-Web-design.blogspot.com/

  • How to add text to the position of the cursor in HTMLEditor in JavaFX

    I know how to add new button to HTMLEditor and I want all of my action button to paste text at the current position of the cursor.


    //HTMLEditor html;
    //String IMAGE_URL = "http://...";
    Node node = html.lookup(".top-toolbar");
    if (node instanceof ToolBar) {
      
    ToolBar bar = (ToolBar) node;
      
    ImageView graphic = new ImageView(new Image(IMAGE_URL, 32, 32, true, true));
      
    Button myButton = new Button("", graphic);
      bar
    .getItems().add(myButton);
      myButton
    .setOnAction(new EventHandler<ActionEvent>() {
      
    @Override
      
    public void handle(ActionEvent arg0) {
      
    //needs code
      
    }
      
    });
    }

    Use the webkit API, so this isn't something you want to use in production since there is no guarantee that JavaFX will use webkit in the future. Really, the HTMLEditor should have an API editor that makes all of this transparent.

    You will need to import javafx.scene.web.WebView, com.sun.javafx.webkit.Accessor, and com.sun.webkit.WebPage;

                myButton.setOnAction(new EventHandler() {
                    @Override
                    public void handle(ActionEvent arg0) {
                        WebView webView = (WebView)htmlEditor.lookup("WebView");
                        WebPage webPage = Accessor.getPageFor(webView.getEngine());
                        webPage.executeCommand("insertText", " World Cup Soccer ");
                    }
                });
    
  • How to add text to the position of the cursor

    Hello

    I have two controls-string with the text inside.

    I also have a button. Now I want to click with the mouse in stringcontrol_2 at a particular position, then click on the button and then the text of stringcontrol_1 must be inserted in the position where I was with the cursor before string_2.

    Is this possible?

    Thx for any ideas

    Hi OnlyOne,

    You can use the keydown event of the control channel. Inside this event, you can read the property "Text.selection". If you do not select a range of text, and then start and finish are equal, but they show where the cursor was placed. You can store these values in a shift register to use in the case of "change value" button.

    Mike

  • How can I lock the position of thumbnail images in their files?

    Start > My Documents > folder my pictures (100 thumbnail images with names)

    The menu View Menu drop-down has 6 options for viewing: film, thumbnails, tiles, icons, list or details. No matter how I arrange these images by dragging them to my desired job they always get reorganized after the close then reopen the case. None of these 6 options they held in the order that I dragged. I wish it works like the desktop icons, they stay where I put them.
    I have 2 of most of my images. An original and that changed with each having a different name. I want to keep these side-by-side in the folder, but different names bring them to be separated when the file is closed and reopened.

    Hello

    Thanks for posting your question in the Microsoft Community forums.

    I suggest you try the procedure described in the article and see if it helps.

    Changes in the size, the view, the icon or the position of a file are lost
    http://support.Microsoft.com/kb/813711

    Important: This section, method, or task contains steps that tell you how to modify the registry. However, serious problems can occur if you modify the registry incorrectly. Therefore, make sure that you proceed with caution. For added protection, back up the registry before you edit it. Then you can restore the registry if a problem occurs. For more information about how to back up and restore the registry, click on the number below to view the article in the Microsoft Knowledge Base:

    http://Windows.Microsoft.com/en-us/Windows7/back-up-the-registry

    See the article for more information.

    How to arrange files using folder views in Windows XP
    http://support.Microsoft.com/kb/306554

    Hope this information helps you. If you need additional help or information on Windows, I'll be happy to help you.

  • How can I get the text of the announcement of an image in the folder my pictures

    As many of us we all have photos stored in the folder my pictures.

    What I want to do is add text to some of the pictures.

    I'm on iPad 2 and I want to see the pictures on TV,.

    I used Pisca and you can add text to photos when Pisca is open, but when I come back to my pictures folders and select the photo, there is no text.

    How can I fix this.

    Thank you... Ian

    If you added the text to the face of a Photo in Picasa and saved the
    file... (Save under a new name), you should be able to see the
    text when you view the file.

    How to add text to your Photos using Picasa from Google 3
    http://www.ehow.com/how_4599330_text-photos-using-Googles-Picasa.html

  • Cursor (cursor) appears in the text box after inserting text or the position of change

    I managed to change the position of the cursor in a TextArea as qml and C++ to help through the Publisher associated with the drop-down list.

    I checked the change to receive cursor, change of position and position again.

    However, the cursor does not appear or is not visible in the TextArea component. When I tap on the screen the cursor is displayed again.

    The cursor disappears when I insert text at the cursor position.

    No idea why or how to control the visibility of the cursor in this situation.

    I know you probaably you want to see the source code is here

    textArea.editor.insertPlainText ("plain text");

    Hello

    The cursor/caret is not visible unless the text box is focused. Code like this work for you?

            TextArea {
                id: ta
            }
            Button {
                text: "Click Me";
                onClicked: {
                    ta.editor.insertPlainText("plainText");
                    ta.requestFocus();
                }
            }
    

    Thank you.

  • How to control the position of an image of hero slideshow lightbox

    How can I control the position of a hero image in a lightbox slideshow?  Everything I've tried has no effect.  I hope I'm wrong, but t that appears when the lightbox option is selected, that there is no control on the position or the image of hero on the Web page.  I my case, I want to push it higher on the page to make room for a great legend.

    Lightbox will appear the image in the Center on the page, if you want to change the position, you must apply some javascript from your end, there is no direct way to Muse to do.

    Thank you

    Sanjit

  • Removal of text in the new rule CSS will not work

    I'm a newcomer, but have tried for hours prior to this announcement, finally, I think I did as I should have (rather than post a problem without research on it!)

    I tried indented my navigation bar on my website www.propertyrichmond.com but initially ended up hiding the white text on white background to make it appear correctly on the screen.

    I really want to do this correctly for each different indentions, I did the following:

    I have removed the hidden, text then.

    new CSS rule

    block

    removal of text

    pixel (4,8,12 etc.)

    But it did not work.

    Can anyone help please?

    Thank you

    Helen

    Why not remove them from the table and put them in a list bullet?  Make a class for each

  • for the dash.

    Throw it in your browser and see what you get.

    {.infive}
    text-indent: 50px;
    }
    {.inten}
    text-indent: 100px;
    }


    • text

    • text

    Gary

  • text of the position cursor help

    Ok. When I try to use the text tool, the cursor is STILL stuck horizontal face, like this:---(faire semblant c'est une sur le côté j'ai). I want to face vertically again like it used to, like this: I. Help. Have scoured internet everywhere and I'm so frustrated.

    Have you tried trashing the prefs? See replace your preferences

  • On the detail page dynamic image gallery

    I have a page master listing 8 products. I inserted a picture gallery dynamic on the details page that looks ok, but has a major flaw: when you click on a thumbnail for the main picture opens on the wrong page. for example if you click on the page... dragons.php? id = 3 the main image opens on... /dragons.php/ID=1 and shows the following url:.../dragons.php?image=btf.jpg (or whatever the name of the image file).

    I have just started using php and I would appreciate some advice on how to solve this problem.

    The following are the relevant sections of the code?

    $vardragon_dragons_species = "1";
    if (isset($_GET['id'])) {
      $vardragon_dragons_species = $_GET['id'];
    }
    mysql_select_db($database_cjwebsite, $cjwebsite);
    $query_dragons_species = sprintf("SELECT dragons.Order, dragons.family, dragons.Latin, dragons.English, dragons.Img1, dragons.Img2, dragons.Img3, dragons.img4, dragons.Img5, dragons.text, `dragons gallery`.filename, `dragons gallery`.caption, dragons.id, `dragons gallery`.image_id, dragons.id FROM dragons, `dragons gallery` WHERE dragons.id = `dragons gallery`.image_id AND dragons.id=%s", GetSQLValueString($vardragon_dragons_species, "int"));
    $dragons_species = mysql_query($query_dragons_species, $cjwebsite) or die(mysql_error());
    $row_dragons_species = mysql_fetch_assoc($dragons_species);
    $totalRows_dragons_species = mysql_num_rows($dragons_species);
    
    if (isset($_GET['image'])) {
      $mainImage = $_GET['image'];
      }
    else {
      $mainImage = $row_dragons_species['filename']; }
    
    <body>
      
      <div class="main_image"><img src="../images/dragons/<?php echo $mainImage; ?>" alt="<?php echo $row_dragons_species['caption']; ?>" />
      <div class="capt"><?php echo $row_dragons_species['caption']; ?></div>
    
    <ul class="gallery">
            <?php do { 
                      
          if ($row_dragons_species['filename'] == $mainImage) {
                     $row_dragons_species['caption'];
                   }?>
      <li><a href="<?php echo $_SERVER['PHP_SELF'];?>?image=<?php echo $row_dragons_species['filename']; ?>"><img src="../images/dragons/thumbs/<?php echo $row_dragons_species['filename']; ?>" alt="<?php echo $row_dragons_species['caption']; ?>"  /></a></li>
      <?php } while ($row_dragons_species = mysql_fetch_assoc($dragons_species)); ?>
      </ul>
    

    Thank you very much

    CJ

    I think I see what is the problem. If I understand correctly, you get the thumbnails to the right when the page is loaded first from the master page, but not when you click on a thumbnail.

    What is happening now is that $_GET ['id'] is defined when the page reloads after clicking on a thumbnail. Thus, you must add the correct ID in the miniature link like this:

  • ?image=&id="><?php echo $row_dragons_species['caption']; ?>
  • Edit and delete images. Renumber. Then the positions of switch images and some disappear into the library, etc. What is going on

    Import images. Edit and delete. Then renumber. Go to the library and I click on an image that can suddenly change an image that has been deleted. or dial-up position.

    Delete the cache of your preview.

    You can find this cache is a folder whose name ends with Previews.LRDATA, it is in the same folder as your catalog. Remove this Previews.LRDATA folder. Do not remove anything else.

  • Show dynamic text inside the title for several images on mouseover

    I have 25 animated Clips dragged on the stage and they have for instance similar names for easier manipulation purposes within programming using loops. The instance names look like this: image0, image1, image2 and so on.

    Whenever I'm mouseover on one of these unique images, I want to show the unique title of this image using all securities as a dynamic text named imageTitle container.

    I managed to do this job image by image, but that would require me to copy paste and modify the following code for each image.

    image0.onRollOver = function() { 
        imageTitle.text = "First image title";
        imageTitle.textColor = 0x000000; // setting the text color here
      };



    image0.onRollOut = function() { 
        imageTitle.text = "Choose an image";
        imageTitle.textColor = 0x000000;
    }; 

    Question: The above code wouldn't work, but seems redundant to me. Since I was the name of similar instances (image0, image1,..., image24), how can I put this code inside a loop or something to work for all the images without repeating this code 25 times.

    Update: I've added a table for the project that contains all titles:

    var imagesTitles = new Array("First image title", "Second image title", .... );  

    :

    imageTitle.textColor = 0 x 000000;

    for (var i: Number = 0; i<>

    This ["image" + i] .ivar = i;  key stage

    {This ["image" + i] .onRollOver = Function ()}

    imageTitle.text = imagesTitles [this.ivar];  milestone used here

    }

    {This ["image" + i] .onRollOut = Function ()}

    imageTitle.text = "" Choose image ";"

    }
    }

  • How to add text on the video and still images?

    CS 5.5. I want to add text credits at the end of a clip on top a fixed image, but I don't know how to do it. I don't want to do some exploring, text just above the .jpg image. I tried to use the title of"to do, but for some reason any title using part of the video for do not return, it comes with a yellow instead of red like the rest of the video in the timeline. I searched the FAQ and google for help and all that shows is how to make a title using text.

    Thank you

    For some info on the red, yellow and green bars go look here http://blogs.adobe.com/premiereprotraining/2011/02/red-yellow-and-green-render-bars.html

Maybe you are looking for