Objektno Orijentisani Pub

User Friendly:
Vidis, ja nemam strpljenja.

HTML: 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            margin: 0px;
            padding: 0px;
            width: 100%;
            font-family: monospace;
        }
        .body-container {
            display: flex;
            border: 1px solid red;          
            vertical-align: baseline;
           
        }
        .body-container-left{
            flex-basis: 20%;
            background-color: cornflowerblue;

        }
        .body-container-middle{
            flex-basis: auto;
            border: 1px solid red;
            background-color:coral;
        }
        .body-container-right{
            flex-basis: 20%;
            background-color: cornflowerblue;
            text-align: center;
            vertical-align:middle;
        }
    </style>
</head>

<body>
    <div class="body-container">
     
        <div class="body-cont-left">

            <table>
                <tr>
                    <th> Najnovije teme</th>          
                </tr>
                <tr>
                    <td>Pub krstarica</td></tr>
                    <tr><td>Kompjuter mi se zapalio</td></tr>
                    <tr><td>Koju graficku da uzmem</td></tr>
                    <tr><td> Neka tema</td></tr>
               
            </table>

        </div>

        <div class="body-cont-middle">
            <h2>Some random stuff</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo modi soluta, labore distinctio doloribus deleniti ratione rem, molestiae tenetur cum eius esse accusantium illo molestias corporis fuga alias expedita quos!</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo modi soluta, labore distinctio doloribus deleniti ratione rem, molestiae tenetur cum eius esse accusantium illo molestias corporis fuga alias expedita quos!</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo modi soluta, labore distinctio doloribus deleniti ratione rem, molestiae tenetur cum eius esse accusantium illo molestias corporis fuga alias expedita quos!</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo modi soluta, labore distinctio doloribus deleniti ratione rem, molestiae tenetur cum eius esse accusantium illo molestias corporis fuga alias expedita quos!</p>


        </div>

        <div class="body-cont-right">
            <ul>
                <li>Home</li>
                <li>About</li>
                <li>Contact</li>
            </ul>

        </div>
    </div>
</body>
</html>
Kliknite za proširenje...
gore ti je container dole cont
 
@Nona2

Pretpostavimo da želim na vrhu navigaciju gde bi tekst bio na sredini.
Pretpostavimo da ispod te navigacije imamo div koji je 100vh, a u njemu dva diva koja su podešena levo i desno.
U prvi div stavićemo centriran tekst, a u drugom ćemo staviti neki pattern kao pozadinu tako da se ponavlja.

Primer:
Screenshot_1.jpg


Evo ti kako to izgleda u praksi sa kodom: https://jsfiddle.net/mtou4dbz/

Ako imaš pitanjca, pevaj :D
 
Baby Yoda:
@Nona2

Pretpostavimo da želim na vrhu navigaciju gde bi tekst bio na sredini.
Pretpostavimo da ispod te navigacije imamo div koji je 100vh, a u njemu dva diva koja su podešena levo i desno.
U prvi div stavićemo centriran tekst, a u drugom ćemo staviti neki pattern kao pozadinu tako da se ponavlja.

Primer:
Pogledajte prilog 1187269

Evo ti kako to izgleda u praksi sa kodom: https://jsfiddle.net/mtou4dbz/

Ako imaš pitanjca, pevaj :D
Kliknite za proširenje...
da to mi je jasno samo sto moj navbar nije na vrhu nego u p. lepe materine na sredini u dnu ekrana kad se otvori. Ima 3 clickable elementa levo i 3 skroz desno.
A ispod su rows sa 1 column,
pa sa 2 column i tako dalje po dva....

a svaka ima u sebi drugaciji background, tekst, fotku, button-read more *rac-palac.....
 
Nona2:
da to mi je jasno samo sto moj navbar nije na vrhu nego u p. lepe materine na sredini u dnu ekrana kad se otvori. Ima 3 clickable elementa levo i 3 skroz desno.
A ispod su rows sa 1 column,
pa sa 2 column i tako dalje po dva....

a svaka ima u sebi drugaciji background, tekst, fotku, button-read more *rac-palac.....
Kliknite za proširenje...
pa daj kod. nećemo valjda teoretski pričati o kodu
 
Prijavite se ili registrujte da biste poslali poruku.

Back
Top