fejléc
Gyakori kérdések Belépés Új kérdés Véletlen kérdés
Keresés
Kezdőoldal » Számítástechnika » Weblapkészítés » Css-ben dobozban lévő szöveg...

Css-ben dobozban lévő szöveg összehúzása?

Figyelt kérdés

Ezt szeretném megcsinálni


[link]


De nálam a dobozban lévő szöveg érinti a doboz oldalát. Ha a szövegnek adok meg szélességet, akkor az egész kicsit balra csúszik. Valakinek van ötlete, hogy hogyan lehetne tetszőleges szélességet megadni?


2022. jún. 11. 15:36
 1/9 anonim ***** válasza:
2022. jún. 11. 15:38
Hasznos számodra ez a válasz?
 2/9 anonim ***** válasza:
61%
Ne haragudj, de senkit nem érdekel az, hogy "hogy néz ki" amit össze akarsz húzni. Ezalatt azt értem, hogy csak a html tagektől és a meglévő css-től függ, hogy mit és hogy lehetne jól megoldani. Te belinkeltél egy képet valamiről, de nem látjuk mögötte a html-t, így max vakon meg tudjuk mondani, hogy flexeld meg kézzel
2022. jún. 11. 17:19
Hasznos számodra ez a válasz?
 3/9 anonim ***** válasza:
Még mielőtt nekiesel a flexboxnak nem ártana a paddinggal tisztában lenni, bár elég homályos, hogy mit szeretnél, pláne kód nélkül.
2022. jún. 11. 19:51
Hasznos számodra ez a válasz?
 4/9 A kérdező kommentje:

2


Nekem szamit, mert eleg rondan nez ki, hogy a szoveg vege eppen hogy vegiger

2022. jún. 12. 08:07
 5/9 anonim ***** válasza:
#4 szöveget értelmezni nem tudsz?
2022. jún. 13. 08:58
Hasznos számodra ez a válasz?
 6/9 anonim válasza:

Amit szeretnél az kb így néz ki:


Html :


<div class=“container”>

<img src=“kep.jpg” style=“width:30px; height:auto”>

<h1>Valami cím</h1>

<p>szöveg helye</p>

</div>


CSS:

.container{

position:relative;

display: inline-block;

max-width: 300px;

padding:1em;

text-align:center}


https://www.w3schools.com/css/css_padding.asp


https://www.w3schools.com/howto/howto_css_profile_card.asp


Ezeket kicsit tanulmányozd, szerintem ennyi elég ahhoz amit szeretnél. En is erről az oldalról tanultam meg az alapokat.

A többi válaszolót meg nagyon szépen kérem, hogy vagy legyen kedves egy kérdezővel és segítsen neki türelmesen, vagy inkább tartsa meg magának a véleményét.

2022. jún. 15. 05:03
Hasznos számodra ez a válasz?
 7/9 anonim ***** válasza:
A kommentet, amire ötös válaszomban reagáltam már törölték.
2022. jún. 15. 11:56
Hasznos számodra ez a válasz?
 8/9 anonim válasza:
#7 Akkor bocsánat miatta.
2022. jún. 15. 14:12
Hasznos számodra ez a válasz?
 9/9 anonim ***** válasza:

Az egyszerűség kedvéért újraalkottam neked a képen szereplő példát, hátha így jobban átlátod az összefüggéseket.


Amúgy a doboznak adsz egy paddinget az megoldja a problémád.


Végeredmény: [link]


Forráskód: [link]

2022. szept. 2. 07:51
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:

Számítástechnika főkategória kérdései »
Számítástechnika - Weblapkészítés kategória kérdései »




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!