Jump to content
Sign in to follow this  
paKy*

Psatiere intre div-uri

Recommended Posts

Salut Tuturor am intampinat o problema, as vrea sa stiu cun fac din asta :  C6bU32p.png

asta YSZ36eC.png

 

ma refer la spatiul acela alb 

 

codul cu pricina

<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8" />
    <title>Turism in Romania si Bulgaria</title>
    <style>
        p {font-family: "Comic Sans MS";color: white; }
     
    </style>
          
</head>
<body>
    <div style="display:inline-block;background-color:darkblue;">
        <p> Click pe Munte sau Mare pentru a <br /> vedea oferta noastra</p>

        <div style="float:left">
            <a href="/pagina2.html" title="pagina2"><img src="2.jpg" alt="munte" style="width:300px; height:300px; margin:20px;" /> </a>

        </div>
    &nbsp;
    &nbsp;
    &nbsp;
    &nbsp;
    &nbsp;
    &nbsp;
    &nbsp;

        <div style="float:right">
            <a href="/pagina2.html" title="pagina2"><img src="3.jpg" alt="mare" style="width:300px;height:300px;margin:20px" /> </a>
        </div>
        </divstyle>

       

        <div align="center">
            <p> VACANTA PLACUTA!</p>
        </div>

</body>
</html>
<br>




Multumesc  anticipat! Ofer +1

 

Share this post


Link to post
Share on other sites

Spoiler

<!DOCTYPE html>
<html lang="ro">
<head>
    <meta charset="utf-8">
    <title>Turism in Romania si Bulgaria</title>
    <style>
        p { font-family: "Comic Sans MS"; color: white; }

        .content-wrapper {
            max-width: 800px;
            margin: 0 auto;
            padding: 30px;
            background-color: darkblue;
        }

        .content-wrapper:after {
            content: '';
            clear: both;
            display: table;
        }

        .content-wrapper p {
            text-align: center;
        }

        .munte {
            float: left;
        }

        .mare {
            float: right;
        }

        .welcome-message {
            background-color: darkblue;
            width: 750px;
            margin: 0 auto;
            padding: 20px;
            margin-top: 20px;
        }

        .welcome-message p {
            text-align: center;
        }
    </style>    
</head>
<body>
    <div class="content-wrapper">
        <p>Click pe Munte sau Mare pentru a <br /> vedea oferta noastra</p>
        <div class="munte">
            <a href="/pagina2.html" title="pagina2"><img src="2.jpg" alt="munte" style="width:300px; height:300px; margin:20px;"></a>
        </div>

        <div class="mare">
            <a href="/pagina2.html" title="pagina2"><img src="3.jpg" alt="mare" style="width:300px;height:300px;margin:20px"></a>
        </div>
    </div>

    <div class="welcome-message">
        <p> VACANTA PLACUTA!</p>
    </div>
</body>
</html>

 

 

Sper că te-a ajutat! Uite și un preview:

https://imgur.com/a/8UWycpW

Edited by Daizuke
  • Like 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...