Closed image align help

SUNRAI · Oct 20, 2020

Hindi po nag a align yung image into equal parts pls help

0abstrakt · Oct 20, 2020

Image should be equal width and height.

PHC_Jayvee · Oct 20, 2020

suggest ko use div or grid wag table

sa problem mo naman pwede mo i change siza nila kaso ba stech yung image kung gusto mo talaga ganito gawin mo

<img src="images.jpg" width="30" height="30">

kaso ma stech sila

PHC_Jayvee · Oct 20, 2020

try mo to

HTML:

<html>
<style>
img {
    float: left;
    width:  100px;
    height: 100px;
    object-fit: cover;
}
</style>
    <body>   
        <img src="http://i.imgur.com/tI5jq2c.jpg">
        <img src="http://i.imgur.com/37w80TG.jpg">
        <img src="http://i.imgur.com/B1MCOtx.jpg">
    </body>
</html>

kramsuiluj · Oct 20, 2020

Nasagot na din naman yung question mo sa taas, you just need to change the image width and height to match with one another.
Styling Images: You do not have permission to view the full content of this post. Log in or register now.

Ito may tips ako para sayo:

1. Always use container like <div> so you can control your elements better specially when it comes to positioning.

2. Learn HTML semantics isa to sa pinaka importante na dapat mong malaman sa HTML kasi hindi sa lahat ng oras <div> yung gagamitin mo. Always use the proper tag for the right element/s.
You do not have permission to view the full content of this post. Log in or register now.

3. Learn CSS flex and grid for the page layout, before ginagamit ng mga web dev para sa pag layout ay yang table, position, float pero nung lumabas yung flex and grid sobrang dali nalang ng pag layout kasi meron ng proper na css properties para sa pag layout.
Example ng pwede mong gawin sa css grid:

Another example itong page ng PHC:

Ito tutorial for
CSS Flexbox: https://www(.)YøùTùbé(.)com/playlist?list=PL4cUxeGkcC9i3FXJSUfmsNOx8E7u6UuhG
CSS Grid: https://www(.)YøùTùbé(.)com/playlist?list=PL4cUxeGkcC9itC4TxYMzFCfveyutyPOCY
check mo din ibang vids sa channel na yan lahat yan pang web dev sa dinamidami ng tutorial na napanood ko ito yung dabest para sakin.

Ayan binigyan kita ng tips kasi ang sipag mo mag code at mag tanong haha, Goodluck!

Closed image align help

Eternal Poster

Attachments

Forum Guru

nakatapos din sa research😂🤣

nakatapos din sa research😂🤣

Honorary Poster

Attachments

Similar threads

Popular Tags

About this Thread

Online statistics