Hogyan helyezzem a képet teljesen jobbra?
A kép jelenleg az első hasábban van, azt szeretném, ha a második hasáb jobb szélén lenne, s maradjon ugyan ott felül.
A kód ameddig eljutottam:
<!DOCTYPE html>
<html>
<head>
<style>
.text-info {
width: 1140px;
height: 745px;
background-color: green;
margin-left: 0px;
margin-right: 0px;
padding-right: 0px;
padding-left: 0px;
float: left !important;
position: absolute;
min-height: 1px;
}
.text-info {
width: 1140px;
height: 600px;
background-color: red;
text-align: left;
display: block;
}
.text-info {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
-moz-column-gap: 10px; /* Firefox */
column-gap: 10px;
}
.kep {
float:right;
width:400px;
margin:0 0 15px 20px;
padding:15px;
border:1px solid black;
text-align: right;
}
</style>
</head>
<body>
<div class="text-info">
<div class="kep">
<img src="kep.jpg" alt="kep" units="pixel" align="right" border="0" hspace="18" vspace="18" width="570">
</div>
<p>
<span>Lorem ipsum bold szöveg</span>
dolor sit amet, consectetur adipiscing elit. Maecenas non lectus vel sapien congue venenatis. Duis mattis ornare neque, in dapibus ligula cursus quis. Morbi euismod lacinia nisi non sagittis. Suspendisse porttitor ex ac sem fermentum ullamcorper. Vestibulum bibendum, quam in ultrices finibus, nisi dui feugiat magna, gravida tincidunt orci enim at libero. Proin vitae libero efficitur erat aliquam bibendum. Vestibulum ultricies, ligula et vestibulum consequat, arcu eros ultricies nisl, eu vulputate orci erat ut felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent auctor velit non pulvinar cursus.
Donec porttitor sapien tristique turpis vehicula ultrices at at nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur sollicitudin elit non sagittis vehicula. Fusce elementum et felis ac elementum. Maecenas in pharetra mi, ac convallis risus. Pellentesque commodo dolor ac ultrices egestas. Nunc cursus tortor ac lacus ullamcorper eleifend eu in sem. Praesent convallis, neque vel elementum iaculis, ex tortor tempus tortor, id blandit eros nulla at nisl. Integer tincidunt sem lacinia justo consequat porttitor. In aliquet sed nibh non dignissim. Nulla facilisis sem id leo semper ultricies. Cras molestie turpis sed nunc condimentum posuere.
Sed tristique tristique erat. Sed ut lorem est. Pellentesque suscipit consectetur metus nec volutpat. Mauris a erat arcu. Etiam eu condimentum leo. Curabitur lacinia magna non enim placerat accumsan. Fusce non tristique erat, vitae dictum lorem. Ut et malesuada quam. Nunc ac convallis mi. Proin placerat nunc quis semper ultrices. Sed laoreet, nunc a malesuada porttitor, urna leo blandit felis, ut vestibulum leo libero a odio.
Duis tellus urna, volutpat ac ex ac, suscipit lacinia felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras auctor risus viverra dui ultrices, quis tincidunt augue tristique. Ut vel euismod odio. Quisque vel tortor in est pharetra mattis. Aliquam nunc orci, scelerisque nec arcu sit amet, fermentum porta nisl. Curabitur enim felis, suscipit ac finibus in, lacinia sed tellus. Suspendisse sit amet urna odio.
Etiam imperdiet sit amet lectus eget rhoncus. Donec imperdiet consectetur eros non accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent orci lorem, imperdiet quis sapien non, dapibus fringilla tortor. Quisque tristique scelerisque ipsum in rhoncus. Phasellus non lacus pulvinar, mollis felis vitae, sagittis elit. Sed quis condimentum ante. Sed nisl nunc, mattis vel ipsum in, dignissim lobortis magna. Mauris consequat sagittis enim, in interdum nisi dapibus quis.
</p>
</div>
</body>
</html>
Köszönöm a válaszokat!
válasza:jobbra van az igazítva, csak mivel szerepel ez
.text-info {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
és 2 oszlopra osztottad a szöveget, én mozilla firefox alatt néztem,
ezért úgy tűnik mintha középen lenne, de valójában a bal oszlopban jobbra van igazítva.
ha megszünteted, a
/*
.text-info {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
}
*/
kikommenteled, akkor gondolom jó lesz.
rakj a kód elé per csillagot, és utána csillag pert.
Kapcsolódó kérdések:
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
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!