Skocz do zawartości

Trzy kolumny, css

lolki

Przez lolki
w HTML i CSS

Rekomendowane odpowiedzi

lolki Newbie

lolki

Opublikowano
Opublikowano

Witam.

Prosze o wskazówkę.

Chciałbym zrobic coś takiego:

beztytuusm4xe6.jpg

Kod mój wygląda tak:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">

<HTML>

<HEAD>

<TITLE></TITLE>

<STYLE TYPE="text/css">

#tlo {background-color: #C0E0FF; width: 300px; height=300px;}

#cap {background-color: red; width: 300px; height=300px;}

</STYLE>

</HEAD>

<BODY>

<div id="tlo">Lorem ipsum ....

</div>

<div id="cap">Ut wisi enim ad minim veniam....

</div>

</BODY>

</HTML>

Niestety nie wychodzi mi ustwienie bloków obok. wychodzi mi takie coś:

beztytuujm1.jpg

Nie wiem jak ustawic takie kolorowe bloki obok siebie.

Te koloru to są przykładowe, próbowałem róznych znaczników ale nie udało mi się.

Apeluję o wyrozumiałośc ponieważ jestem początkujacy:)

Ps. Patrzyłem po róznych kursach niestety nie znalazłem takich wskazówek, także tutaj patrzyłem ale nie znalazłem takich wskaówek https://css.maxdesign.com.au/floatutorial/

Odnośnik do komentarza
Udostępnij na innych stronach
pabel Newbie

pabel

Opublikowano
Opublikowano 

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE TYPE="text/css">
#main { width:760px; text-align:left; margin-right: auto; margin-left: auto;} 
#tlo {float:left; background-color: #C0E0FF; width: 250px; height=300px;}
#cap {float:right; background-color: green; width: 250px; height=300px;}
#cap2 {float:right; background-color: red; width: 260px; height=300px;}
</STYLE>
</HEAD>
<BODY>
<div id="main">
<div id="tlo">Lorem ipsum ....
</div>
<div id="cap">Ut wisi enim ad minim veniam....
</div>
<div id="cap2">Ut wisi enim ad minim veniam....
</div>
</div>
</BODY>
</HTML>

albo - od razu całość

Odnośnik do komentarza
Udostępnij na innych stronach
zerocool Newbie

zerocool

Opublikowano
Opublikowano

No to jest layout 3 kolumnowy, na stronie głównej.

Chyba, że potrzebujesz to samo zobaczyć z innym tłem to zapraszam Layout 3 kolumnowy

serce.gifKocham Cię | Życie po Ślubie | Psychopatologia

Popełniłeś tylko jeden błąd ... jaki ? ... RAMBO !

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności