• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Budowa strony , kafelki

0 głosów
1,111 wizyt
pytanie zadane 15 kwietnia 2016 w HTML i CSS przez Kuchar Nowicjusz (140 p.)
edycja 15 kwietnia 2016 przez Arkadiusz Waluk

Witam mam problem z zbudowaniem strony , chciałbym żeby kafelki nr 2 znajdowały się pod imieniem i nazwiskiem. 

Pozdrawiam

<!DOCTYPE html>
<html lang="pl">

<head>
 <meta charset="utf-8"/>
 <title>Kucharski Piotr</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
<link href='https://fonts.googleapis.com/css?family=Lobster|Amatic+SC:400,700&subset=latin,latin-ext' rel='stylesheet' 
</head>
<body>
<div id="container">
<div class="rectangle">
<div id="logo">Piotr Kucharski</div>
<div style="clear:both;"></div>
</div>

<div class="square">
<div class="tile1">1</div>
<div style="clear:both;"></div>

</div>
<div class="square">
<div class="tile2">2</div>
<div class="tile2">2</div>

 

</div>
<div stle="clear:both;"></div>
<div class="rectangle"></div>
</div>

</body>
</html>
body
{

background-color:#3A3A3A;
color:#ffffff;
font-family: 'Amatic SC', cursive;
font-size:20px

}
#container
{
    width:1000px;
    margin-left: auto;
margin-right: auto;
}
.rectangle
{
    width:460px;
    margin:20px;
    float:left;
    

    
    
}
.square
{
    
witdth:50%;
float:left;
    
}
#logo
{
    

    font-family: 'Lobster', cursive;
    font-size:70px;
    witdth:400px;
    float:left;
    

}

.tile1
{
    margin:10px;
    width:480px;
    height:700px;
    background-color:#666699;
    
    
    
}
.tile2
{
    margin:10px;
    width:230px;
    height:142px;
    background-color:#666699;
    float:left;

 

 


PRZED ZADANIEM PYTANIA NA FORUM NALEŻY ZAPOZNAĆ SIĘ Z REGULAMINEM I FAQ! (podajemy kod w formie tekstu w treści pytania, używamy bloczku "code").

4 odpowiedzi

0 głosów
odpowiedź 15 kwietnia 2016 przez Arkadiusz Waluk Ekspert (290,250 p.)
Zbyt mocno przekombinowałeś z tym kodem. Masz najpierw diva rectangle, który jest jakby lewą kolumną. Chociaż on jest od razu po logo zamykany więc właściwie nią nie jest.

Proponowałbym po prostu zrobienie dwóch kolumn i w nich normalnie ułożyć wszystko tak jak chcesz ;)

PS. Jest "width", nie "witdth".
komentarz 16 kwietnia 2016 przez Kuchar Nowicjusz (140 p.)
Czyli mam wyrzucić diva rectangle ?
komentarz 25 kwietnia 2016 przez Kuchar Nowicjusz (140 p.)

Dziękuje panu , w containerze zrobiłem tylko 2 kolumny . Do jednego wrzuciłem logo i wszystko ładnie poszło yes

komentarz 25 kwietnia 2016 przez Arkadiusz Waluk Ekspert (290,250 p.)
O, musiałem nie zauważyć poprzedniego komentarza i nie odpisałem, w każdym razie cieszę się, że się udało ;)

I niepotrzebny ten "pan", tutaj wszyscy jesteśmy dla siebie znajomymi.
0 głosów
odpowiedź 16 kwietnia 2016 przez hubot Dyskutant (9,090 p.)

Daj <div style="clear:both;"></div> za

<div class="rectangle">
<div id="logo">Piotr Kucharski</div>
</div>

 

komentarz 16 kwietnia 2016 przez Kuchar Nowicjusz (140 p.)
<div class="rectangle">
<div id="logo">Piotr Kucharski</div>
<div style="clear:both;"></div>

Jest wrzucony od początku 

komentarz 16 kwietnia 2016 przez hubot Dyskutant (9,090 p.)
Ale chodziło mi o to żebyś przeniósł <div style="clear:both;"></div> za ten div .rectangle,
komentarz 16 kwietnia 2016 przez Kuchar Nowicjusz (140 p.)
<div class="rectangle">
<div style="clear:both;"></div>
<div id="logo">Piotr Kucharski</div>
<div style="clear:both;"></div>
</div>

o to ci chodzi ?

komentarz 16 kwietnia 2016 przez hubot Dyskutant (9,090 p.)

Nie, o to

<div class="rectangle">
<div id="logo">Piotr Kucharski</div>
</div>
<div style="clear:both;"></div>

 

komentarz 17 kwietnia 2016 przez Kuchar Nowicjusz (140 p.)

Nie pomogło , zmieniło całkiem układ strony.Nawet jeśli mógł bym zmienić 1 to i tak nie mogę zrobić żeby kafelki 2 wychodziły wyżej obok nazwiska. 

0 głosów
odpowiedź 16 kwietnia 2016 przez Mateusz11 Pasjonat (22,910 p.)
    witdth:400px;

 

Spoko xD

Nie stylizujemy po id

    witdth:400px;

W divie logo, zmień to na dobrą wartość, powinno pomóc

 

Pozdrawiam!

komentarz 16 kwietnia 2016 przez Kuchar Nowicjusz (140 p.)
Zmieniłem, nic nie pomogło ;/
0 głosów
odpowiedź 16 kwietnia 2016 przez Einstein21 Obywatel (1,420 p.)

Tworzysz strony grając w LOL-a ? laugh
Nie żebym cię ganił bo sam często projektując strony np. puszczam sobie w tle kabaret.

komentarz 16 kwietnia 2016 przez Kuchar Nowicjusz (140 p.)
Miałem tylko odpalonego ;p

Podobne pytania

0 głosów
2 odpowiedzi 295 wizyt
0 głosów
0 odpowiedzi 1,344 wizyt
pytanie zadane 11 września 2019 w Sprzęt komputerowy przez KosaTV Obywatel (1,260 p.)
0 głosów
3 odpowiedzi 277 wizyt
pytanie zadane 11 marca 2019 w Sprzęt komputerowy przez Jehnau Nowicjusz (130 p.)

93,426 zapytań

142,421 odpowiedzi

322,647 komentarzy

62,787 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

VMware Cloud PRO - przenieś swoją infrastrukturę IT do chmury
...