Skocz do zawartości

  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • ✅ Pełny dostęp do działów i ukrytych treści
    • ✅ Możliwość pisania i odpowiadania w tematach
    • ✅ System prywatnych wiadomości
    • ✅ Zbieranie reputacji i rozwijanie swojego profilu
    • ✅ Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

Poprawa kodu html ;)

green242424

Rekomendowane odpowiedzi

green242424 Budowniczy

green242424

Opublikowano
Budowniczy

green242424

Opublikowano

Witam poprawi mi ktoś krótki kod html?

 

HTML

<html>

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="style.css">

</head>



<body class="1">

<div id="niebieski">
<p>niebieski</p>
</div>

<div id="czerwony">
<p>czerwony</p>
</div>

<div id="zolty">
<p>zolty</p>
</div>

<div id="zielony">
<p>zielony</p>
</div>

<div id="fioletowy">
<p>fioletowy</p>
</div>

</body>


</html>

CSS

.1 {

width: 500px;    

}




#niebieski {

border: 1px solid;
width: 100px;    
height: 100px;
position: relative;
left: 400px;
top: 150px;
background-color: blue

}



#czerwony {

border: 1px solid;
width: 100px;    
height: 100px;
position: relative;
left: 501px;
top: 150px;
background-color: red;

}


#zolty {

border: 1px solid;
width: 100px;    
height: 100px;
position: relative;
left: 602px;
top: -53px;
background-color: yellow;


}

#zielony {

border: 1px solid;
width: 100px;    
height: 100px;
position: relative;
left: 400px;
top: 47px;
background-color: green;
text-padding: 5px;
}

#fioletowy {

border: 1px solid;
width: 100px;    
height: 100px;
position: relative;
left: 602px;
top: -55px;
background-color: #B803FF;

}

Chce wyśrodkować cały kontent na środek ale nie działa coś ;/

 

piotrekkkkkk Specjalista

piotrekkkkkk

Opublikowano
Specjalista

piotrekkkkkk

Opublikowano

margin:0 auto;

btw. liczby nie mogą być nazwami klas czy identyfikatorów

Obama wie, co robisz!!!
131894.jpg                                                                                                                                                    4906167742.png

                                                                                                                                                                                                                                                                                      LTE Play Opole

green242424 Budowniczy

green242424

Opublikowano
Budowniczy

green242424

  • Autor
Opublikowano

margin:0 auto;

 

btw. liczby nie mogą być nazwami klas czy identyfikatorów

Nie działą zmieniłem na margin: 0 auto; i nie wyśrodkowało, sprawdzałem wszystko...

green242424 Budowniczy

green242424

Opublikowano
Budowniczy

green242424

  • Autor
Opublikowano

Działa dopiero, jak dodam margin-left: i wartość dopiero na środek mogę wyśrodkować. margin-left:auto; i margin-right:auto; nie działa bo może jest pozycjonowanie relatywne?

cody3223 Znawca

cody3223

Opublikowano
Znawca

cody3223

Opublikowano

@green242424 taki trochę offtop, brak doctype i brak <title>, klasa/id nie może być liczbą, i zamiast

<body class="..">

(..)

.body-class {
css css css...
}

zrób

<body>

(..)

body {
css css css
}

:)

green242424 Budowniczy

green242424

Opublikowano
Budowniczy

green242424

  • Autor
Opublikowano

ok poradziłem sobie, ale mam ostatnie pytanie, mam pojemnik a w nim napis oczywiście w borderze. Jak przesunąć tekst na sam lewy górny róg? Próbowałem margin ,ale coś nie idzie.

Zarchiwizowany

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

Tematy
×
×
  • Dodaj nową pozycję...