www.webdeveloper.com
Results 1 to 4 of 4

Thread: Equal?

  1. #1
    Join Date
    Feb 2012
    Posts
    264

    Equal?

    Im validating a website for a client last year (www.hospedajenicolas.com) and Im not satisfied about the result!
    How do I get the margin above the images equal to the margin under the images?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

    <HTML>

    <head>
    <meta http-equiv="content-type" content="text/ html; charset=UTF-8">
    <title>Hospedaje y caba&#241;s Nicolás</title>
    <link rel="stylesheet" type="text/css" href="ex3.css">
    </head>

    <body>

    <div id="hospedaje">
    <a href="hospedaje/hospedaje.html">Hospedaje</a>
    </div>
    <div id="cabanas">
    <a href="cabanas/cabanas.html">Caba&#241;as</a>
    </div>
    <h2>Hospedaje y Caba&#241;as</h2>
    <div id="main">
    <img id="nicolas" src="asa-pics/Hospedaje 15 9.JPG" alt="img hospedaje">
    <img id="lago" src="asa-pics/camara 2011 049.jpg" alt="img lago Villarrica">
    </div><!--end #main -->

    <p class="margin">
    <h2>Villarrica</h2>
    <h2>La Auracan&#237;a</h2>
    <h2>CHILE</h2>
    </div>

    </div>

    </body>
    </HTML>

    *{
    margin:0px;
    padding:0px;
    }

    body
    {
    background-color:#FAFAD2;
    }


    #hospedaje
    {
    display:block;
    color:#FFFFFF;
    text-align:center;
    border-style:solid;
    border-width:0px;
    border-bottom-width:0px;
    border-color:#808080;
    width:50px;
    height:30px;
    }

    {
    a:hover,a:active
    background-color:;
    }


    #cabanas
    {
    display:block;
    color:#FFFFFF;
    text-align:center;
    border-style:solid;
    border-width:0px;
    width:20px;
    height10px;
    }

    {
    a:hover,a:active
    background-color:;
    }

    h2
    {
    font-family:arial,verdana,helvetica;
    color:blue;
    text-align:center;
    }


    #main {
    position:relative;
    min-width:940px;
    height:300px;
    border:4px solid #808080;
    clear:both;
    background-color::#FAFAD2;
    ;
    }

    #nicolas
    {
    width:400px;
    height:300px;
    float:right;
    }

    #lago
    {
    width:400px;
    height:300px;
    float:left;
    }

    .margin
    {
    margin-top:20px;
    margin-bottom:20px;
    margin-right:50px;
    margin-left:50px;
    }

  2. #2
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,463
    Hi there asa,

    check out the attachment, it may be near to your requirements.

    coothead
    Attached Files Attached Files

  3. #3
    Join Date
    Feb 2012
    Posts
    264

    Equal

    Quote Originally Posted by coothead View Post
    Hi there asa,

    check out the attachment, it may be near to your requirements.

    coothead
    Thank you very much! Have you any advice of the links?

  4. #4
    Join Date
    Feb 2011
    Location
    Chuluota, Florida
    Posts
    144
    Wasn't this the page you had linked on your personal website originally when you clicked a flag?
    ----------------------------------------------------------------------------------------------
    WYSIWYG editors will never beat my hand written code!!!! Learn to do it in notepad and learn how to actually control your website! Current Project http://www.jmcanineservices.com

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles