Wie ktoś jak to naprawić??
Mrpawelww | 2019-11-08 19:22:03 UTC | #1
Siemka, mam problem z umieszczeniem grafiki w div’ach, czyli mam div’a (ramka), w nim jest pętla z wyświetleniem grafiki i podpisaniem jej, na każdy obrazek z napisem nakładam kolejnego div’a, i go stylizuję w CSS, lecz on zamiast zostać w tym pierwszym div’ie to wychodzi po za niego
Wie ktoś jak to naprawić??
MCSBlaxer | 2019-11-08 19:32:52 UTC | #2
Dobry, mógł byś podać kod strony, pomogło by to w rozwiązaniu problemu.
Mrpawelww | 2019-11-08 19:52:50 UTC | #3
Nie wiem jak wpisać kod strony żeby go forum nie sformatowało, to wrzucam załącznik strona.zip|attachment (1,2 KB)
SP24 | 2019-11-08 20:10:26 UTC | #4
Po 1. Masz zły układ znaczników. Od kiedy body jest wewnątrz diva?
Po 2. Nie stosuj <center> bo mamy HTML5 nie 4
Po 3. Przydałoby się zamknąć te obrazki w divach a jego samego wycentrować
//edit. Jak coś to dobrze, że pytasz. Ja tylko piszę co jest źle
Jebanany | 2019-11-08 20:11:41 UTC | #5
Bardzo dobrze, że zadajesz pytania dotyczące tego, z czym masz problem
Aby poznać divy wejdź tutaj https://www.w3schools.com/tags/tag_div.asp
Pamiętaj, aby zamykać tagi po otwarciu (nie wszystkie się zamyka, o tym też możesz poczytać wpisując nazwę tagu na stronie podanej wyżej).
Aby wrzucić kod strony na forum użyj:
```html
<body> kod strony itp. </body>
```
Dodatkowo, zachowaj porządek. Skryptu i style umieszczaj w <head> a treść w <body>. Nie mieszaj tych obu rzeczy.
W pętli PHP uwzględnij wszystko, co ma zawierać pojedyncze zdjęcie. Póki co, to każde zdjęcie jest wyświetlone jako link i tyle.
Staraj się unikać takich praktyk jak otwieranie tagów wewnątrz php i ich zamykanie poza php.
Formatuj tekst używając tabulatora.
Mrpawelww | 2019-11-08 20:24:56 UTC | #6
Jakoś poukładałem kod, lecz nadal nie dostałem odpowiedzi co zrobić, żeby te obrazki nie wychodziły poza pierwszy blok??
```
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.css" />
<script src="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.js"></script>
</head>
**style.css**
body{
padding: 0;
margin: 0;
background: #ecf0f1;
font-family: sans-serif;
}
.center{
text-align: middle;
display: inline;
width: 80%;
padding: 25px;
box-shadow: 3px 3px 5px 6px #ccc;
position: relative;
left: 8%;
top: 50px;
height: 80% auto;
}
.style{
position: relative;
float: left;
text-decoration: none;
color: black;
margin-right: 5px;
}
.galeria{
position: relative;
width: 70%;
}
```
Tak wygląda teraz kod, mam nadzieję że trochę bardziej przejrzyście, ale nadal obrazy wychodzą poza div’a o nazwie “center”, chyba że coś nie tak użyłem w stylu
SP24 | 2019-11-08 20:41:10 UTC | #7
htdocs.zip|attachment (47,3 KB)
Proszę. Napisałem Ci taki zarys tego. Wiem, że nie powinienem bo w taki sposób nie da się uczyć, ale niech będzie to dla Ciebie przykład
Dodatkowo, ładnie będzie skalowało się to na telefonach. W sumie wystarczy jak dodasz viewporta w sekcji head i będzie git na urządzeniach mobilnych.
<meta name="viewport" content="width=device-width, initial-scale=1">
Mrpawelww | 2019-11-09 18:17:16 UTC | #8
Wczoraj już nie dałem rady się tym bawić, więc dzisiaj do tego usiadłem… po wgraniu tego co @SP24 wysłałeś nadal zdjęcia wychodzą poza box’a, więc twoje rozwiązanie się nie powiodło, chyba że u ciebie to działa, u mnie jest jakiś problem :thinking:
SP24 | 2019-11-09 18:18:17 UTC | #9
Pokaż screena. Spróbuj odświeżyć stronę kombinacją CTRL+F5
Mrpawelww | 2019-11-09 18:20:48 UTC | #10
próbowałem odświeżyć CTRL + F5, do tego wyczyściłem całą zapisaną grafikę, plus jeszcze otwierałem na oknie incognito i dalej to samo
Mrpawelww | 2019-11-09 18:22:15 UTC | #11
wiem że jestem upierdliwy, sorki :confused:
SP24 | 2019-11-09 18:22:19 UTC | #12
A weź w CSSie zamień max-height na height
Mrpawelww | 2019-11-09 18:25:01 UTC | #13
zamieniłem na height i nic, usunąłem min-height i height ustawiłem na 80%, i nic się nie zmieniło. U ciebie to działało?
SP24 | 2019-11-09 18:25:52 UTC | #14
Tak. A usuń w ogóle height z .container
Mrpawelww | 2019-11-09 18:29:14 UTC | #15
usunąłem height, i jest od góry do samego dołu :confused: 
system | 2019-12-11 18:29:17 UTC | #16
Ten temat został automatycznie zamknięty 32 dni po ostatnim wpisie. Tworzenie nowych odpowiedzi nie jest już możliwe.