Creating a space between the image and text

www.bristolequestrianservices.co.UK

On my index page, I created an another social media on my page buttons on my right side.  Don't want to confuse people but social-media-icons2 # are on my right side because I wanted to change the margins.

I want a gap between my h2 tag "View Gallery" and then the photo and a space after the photo and follow us...  Thank you, Karen

CSS

#social-media-icons

{float: right ;}}
#social - media - icons ul li{display: inline ;}}
UL #social - media - icons
{margin-top: 40px ;}}

#social-media-icons2
{float: left ;}}
#social - media - icons2 ul li{display: inline ;}}
UL #social - media - icons2
{margin-top: 10px ;}}

< div id = "right" >

the latest news < h2 > < / h2 >

< p > < a href = "newpictures.html" > new pics added < /a > < /p > "

< p > < a href = "testimonials.html" > new stories < /a > < /p > ""

See the Gallery < h2 > < / h2 > < br >

"< img src="images/photos/1a.jpg "/ > < br / >

Follow us < h2 > < / h2 > < br >

< div id = "social-media-icons2" >

< ul >

" < li > < a href =" https://www.Facebook.com/groups/150449201771804/ "> < img src="images/icons/facebook.jpg "/ > < / a > < /li >

"< li > < a href =" £"> < img src="images/icons/rss.jpg "/ > < / has > < /li >

" < li > < a href =" http://www.Twitter.com "> < img src="images/icons/twitter.jpg "/ > < / a > < /li >

"< li > < img src="images/icons/youtube.jpg "/ > < /li >

< /ul >

< / div >

The H2 tag absorbs a rule applied to many items on line 10 of styles.css (margin: 0; padding: 0;).

The H2 tag is used in contexts as long as you probably don't want to add a fill rule for all of the H2 in concrete. You can add a generic utility class, for example:

{H2.padBottom10}

padding-bottom: 10px; / * change to quantity * /.

}

The tag 'Follow us' is a good example of this because it would have absorbed this bottom padding if you do not use a class for itself. It should also have a generic class applied to him of H2, so that others are not affected, same as above, but a different utility class:

{H2.padTop10}

padding-top: 10px;

}

As with CSS, there are 1 million ways to do this, but on specialized articles like this, if it doesn't appear in the same place or continues a smaller purpose, applying a general utility class can be useful.

Then you must add just the H2 class, for example

See the Gallery

,

Follow us

.

Tags: Dreamweaver

Similar Questions

  • Spacing between the image and the text

    Hello!

    I can't find how to increase the gap between the image and the text. Here is the picture that will explain what I mean:

    2016.01.03_18h12m23s_004.jpg

    Thanks for the reply and your help.

    Kind regards

    Hrvoje

    Open the text wrapping Panel (window > text wrapping) and you will see the distance adjustment controls.

  • Need help with a space between the bullet and the text in the list

    I tried to increase the space between my chip and the text in my list. Whenever I have increase the margin left or padding everything moves to the right, but the space between the bullet and the text remains the same. Could someone help me understand what I am doing wrong. Web site here. http://www.webassistantsllc.com/clients/sport

    Thank you

    Lynne

    Hi Lynne,

    Add the following style to your css works to increase the space between the chip and the list.  You just need to adjust how px of padding.

    #event ul li {}
    padding-left: 50px;
    }

    Concerning

    Fiona

  • Decrease the space between the ball and the penalty

    Y at - it no control that will decrease the space between the balls and the penalties? It looks good on the office, but given all three browsers there is too much space. I use RoboHelp 11 with WebHelp as my main page layout.

    Is based on the HTML code of the ball lines and the corresponding CSS applied. The chips are HTML lists or just text?

  • How can I remove the black space between the title and the main section of the screen?

    Hello

    I'm a black space between the title and the main screen. I don't want this space.

    How can I remove this space?

    Please help as soon as possible?

    http://www.BlackBerry.com/knowledgecenterpublic/livelink.exe/fetch/2000/348583/800332/800505/800508/...

  • Printing problem with OE - 6 format since the upgrade to IE - 8: no space between the body and the subject line text.

    My computer is configured with XP SP3 and IE - 8. I've been using Outlook Express 6.0 (update of MS according to needs). Messages are always printed correctly. Lately, however, the body of the message printed directly below the object without line - the space between them. This happens on my Brother laser printer and my HP inkjet printer. I have not changed my settings of the printer. I've recently updated to IE - 7 to IE - 8; However, I see nothing in the settings of IE - 8 to explain this change in print. I recently installed "MobileMe" Panel Apple configuration, which has installed a separate set of folders in the list of folders in OE - 6. I did a clean (with Revo Uninstaller) uninstalling the MobileMe Control Panel, removed the extra e-mail account/folders and rebooted. Yet the printing problem.

    How to restore the space of line between the subject and the message body?

    Hello

    1. How is like print preview?
    2. don't you make changes to the footer settings?

    Method 1.
    If that doesn't help you can not save the file wmp.dll
    a. log on as an administrator.
    b. Click Start, type cmd.exe in the Run dialog box right click on cmd.exe, click Run as administrator and then click on continue.
    c. at the command prompt, type regsvr32 oled32.dll and press enter and then click OK.

    Method 2.
    If this problem started occurring recently, you can restore the computer to a previous state. You lose Internet Explorer 8 and return to Internet Explorer 7. In this way, we can check whether or not the root cause of the problem is installation of Internet Explorer 8.
    Reference:
    How to restore Windows XP to a previous state
    http://support.Microsoft.com/kb/306084

    I hope this helps.

    Thank you, and in what concerns:
    Shekhar S - Microsoft technical support.

    Visit our Microsoft answers feedback Forum and let us know what you think.
    If this post can help solve your problem, please click the 'Mark as answer' or 'Useful' at the top of this message. Marking a post as answer, or relatively useful, you help others find the answer more quickly.

  • Remove the space between the title and the content

    Does anyone know how to remove or reduce empty space between the header content and written in the body?  My position is only 22px but always creates a huge gap or empty space above and below.  I don't know if you need this little information but I also insert an image of a horizontal line after the title that is normally as underscore.  I don't think it makes a difference, but can you please, please, please help by providing a code?  Thank you.

    Looks like the margins of default browser for me.

    Try to add to your CSS.

    H4 {margin-bottom: 0}

    p {margin-top: 0}

    Nancy O.

  • slideshow of the entire width of the images and text with switch small points

    Hi!, I'm going crazy trying to do something I think should be really easy and simple:

    a full-width or full-screen composition or a slideshow of images and text with little switch points instead of thumbnails.

    I guess everyone nows what I'm talking about... because all of a sudden he's everywhere!


    Something like this QooQee model: http://www.qooqee.com/templates/sense/sense-qooqee-slideshow.html

    I tried the compositions, but they cannot be expanded full-width...

    then I tried to slide shows, but they do not have triggers... they have thumbnails...
    I tried to fill points picture slideshow thumbnails too (I know that is not the best way to do this, but...). He did not, the filling will not appear unless I low opacity... Why is this?

    I also noticed that the example of sense QooQee is something complicated... text is displayed as 'on-off', but images do their entry by a transition melted... are you looking for they combining 2 widgets for this?

    Any help is appreciated! : )

    Hello

    What you're trying to achieve is possible in the Muse by using the Fullscreen Slideshow option.

    I created a video showing how it can be done. Please download it using this link:- http://adobe.ly/1mp5X84

    Please let me know if this worked for you.

    Kind regards

    Rohit Nair

  • Sony Xperia Tablet S has the space between the screen and back

    Hey,.

    I just discovered that the space between my front and back is! I checked out the site to see if it was one of the tablets known with the question, but it wasn't. Although he did not share the same problem as the Xperia which have been requested to return.

    Here are some pictures:

    http://i350.Photobucket.com/albums/q429/Silasje1/DSC_0082.jpg

    http://i350.Photobucket.com/albums/q429/Silasje1/DSC_0063.jpg

    http://i350.Photobucket.com/albums/q429/Silasje1/DSC_0085.jpg

    Really weird that it can be done!

    I checked here:

    http://www.Sony.nl/support/NL/product/SGPT121GB_S/news/Xperia_S_series_notice2

    But he said that my tablet was not part of the known :/

    I can put my nail enters the length of more than 13 cm


  • Apex 5 universal theme: too much space between the bar and of the body of content

    Hello

    I work with the universal theme and my client is also enthusiastic about is that I am.

    I observed, this universal theme calculated the margin of the happy body at the end of the rendering and adds something like 100 px space between the menu bar and the content body.

    Many layouts which seems well - for some, it's a little strange.

    Is there a mechanism to place content in the title of body (which would allow almost exactly fill my requirement) or to stop this behavior?

    Or is this just a RTFM issue and I did not foud the manual jet?

    Concerning

    Sebastian

    Thx for your return. I tried to get a workspace APEX on the fly; but he has failed.

    So I had time to check.

    I used to write Javascript Code on Page 0 in the header after regions before putting them in files from APEX 4.0.

    As a result, Universale APEX 5 theme to a misinterpretation of the provision. "Container" (of the region

    ) was placed directly after the header section before the menu bar.

    Then the calculation of the provision made the rest...

    So I moved the "Javascript" - regions in the page footer Section.

    Now, the layout is fine.

    Cordially Sébastien

  • How can I make room between the Images and the text?

    I'm inserting images, but the text is right up against the images (which I placed it on the left side of the page).  I would like to create a little space in there.

    Thanks in advance for your help.

    You are welcome Dave.

    You can name your classes you want. Since you have not validated no CSS code.

    I don't know what is specified in your 'fltlft' rule versis what I specified in my class.

    A screen CSS has a small button (probably on the bottom) to create a new rule

  • empty space between the header and table

    The use of Pages 5.6.1 seems be stuck with several inches of space between my head, which took half an hour to learn how to create, and the table below.  I've been using Pages for more than a decade and wonder ' what is happening with me and Pages!  Is this the end?

    Your totally full, and a familiar friend Pages ' 09 v4.3 may very well be you waiting in your Applications: iWork ' 09 file. Use what's familiar and better documented. Pages v5.6.1 is the latest in a bag of 2 years of suffering that has imposed the frustration, loss of features, bugs, and lost time to almost everyone who used it.

  • Chart WPF: How to add a space between the labels and tick marks

    I would like to know how to set a margin between the main graduations and their labels in a chart for WPF.

    Especially in the x-axis labels are placed very close ticks.

    Unfortunately, there are no existing configuration property to add an extra space around the scale labels. I created a task to address them in a future version of Measurement Studio.

    To work around the problem, you can use a string format that includes extra whitespace in the result:



            

                

                    

                        Format="{}{0} " />

                    

                

            

        

    If you need a check, you can create a custom label presenter to add extra space for the generated label visual.

  • Issues of white space between the content and footer.

    I have the problem of length of the areas whites/page between the end of my content and footer.

    I have read the forums and tried to change the height of minium length of page in 800 and then I

    disabled the foot sticking in the properties of the page on the master page and content page itself.

    Here is a link to one of my pages.  http://www.ueonline.com/RoHS-info.html

    This page has very little content, and you can see the white space.

    Any help is appreciated.

    Hello

    Check empty rectangles/related texts executives on the page. Check the screenshot below.

    See you soon,.

    Vikas

  • InCopy CS4: The spacing between the "title" and "text".

    Hello everyone,

    I want to know if it is possible to add a space after writing a title, I mean after writing the title at the top of the page, when I click on 'ENTER' I want the text are far from the title.

    Leading.jpg

    I have already created my stile of character costum "Title" and "Text", so if this is the way to make it more wostum, I want to add this use case in my character style "Title".

    Thank you

    First of all, your character for 'Title' style will not work correctly, you must create a title paragraph style. In the paragraph style options, you'll find controls for the spacing before and after the space.  Adding a measure in space after you give what you want. Character style controls include no space before and after. Character styles should only be created and applied when you want one or * some * of the characters to look different from the rest of the text in a paragraph. If you want to * all * the text to look a certain way, create a paragraph for text style-, they include the two paragraph * and * controls formatting of characters.

    Second, a person placing / will import your InCopy file in an InDesign layout? If so, you should probably ask the designer about the settings and style names. In fact, you can import all paragraph and character styles in an InDesign file in a stand-alone InCopy file. In this way, you can apply the real, final of styles to your text in InCopy (the styles that the designer will apply in InDesign) to get a good idea of how it will look.

    AM

Maybe you are looking for

  • FF 37.0.1: command-F is not raise edit-&gt; search field

    I'm on a MacBookPro running 10.9.5. The shortcut command-F to Edit-> Find worked in FF 36.0.4 and versions past everything that I can remember but not work stopped in FF 37.0.1. It does work on this page, for example. (I didn't download 37.0.1 and ru

  • Uncontrolled songs automatically control iTunes.

    Hello!  Since I've upgraded to Itunes 12.3.2 I found that random albums and songs that I purposfully nothing is done are automatically re-checked gettting on my itunes library on a regular basis.  The first time I noticed it, it was just after I upgr

  • I forgot my windows password

    In a heated, crazy moment, I changed my password for this terrible time password, then I left the House, when I came back hours later, I forgot to comeplety it, I remmbered parties but not what spelling I used and I have written 1! very frustrated. C

  • Windows is auto closed =-

    I use a windows vista operating system. When I try to use MS-DOS a message box will appear the message "windows will shut down in less than a minute. I have anti virus installed in my laptop, and when I try to install anti virus, a message box appear

  • What makes your Dell so durable?

    I always wondered why my Dell survives work, travel and daily dock/undock and don't have any other brands.   I had hp, toshiba and lenevo in the past and no longer that the screens have shaken loose or the keyboard stopped working but when I was deli