CSS responzivní - poradna.net

Ahoj mám jeden problém přes který se nemůžu překousat.
Dělám webové stránky, 3 podstránky obsahují hodně obrázků a já je potřeboval dostat na určité místo tudíž jsem to udělal přes CSS např. takto:

  #FUEL{
    background: url('../img/herofuel.png');
    position: absolute;
    top: 350px;
    right: 0;
 max-width:100%; width:100%;
}

Otázka ale je, jak to udělat aby to bylo responzivní? Mám obrovský displej tudíž jsem to dělal na svůj, jenže když to otevřu např. na notebooku vše nažene doleva, obrázky překrývají text a tak...
prosím o pomoc.

Předmět	Autor	Datum
• Tak vytvor v HTML <table> a vloz ty obrázky do toho etc, na zbusob: <TABLE BORDER="0" CELLPADDING… XoXoChanel 03.08.2015 11:33	XoXoChanel	03.08.2015 11:33
zkouším to ještě udělat úplně běžně ale nejde mi to nastylovat pak. HTML: <div id="clanek"> <img s… lolek2 03.08.2015 11:40	lolek2	03.08.2015 11:40
Zkousels pouzit "float"? V CSS muze dat obrazku /img : vertical-align:text-bottom ; tomu clanku n… XoXoChanel 03.08.2015 11:45	XoXoChanel	03.08.2015 11:45
Už to fičí! jsi frajer, díky moc :) poslední lolek2 03.08.2015 12:09	lolek2	03.08.2015 12:09

• Tak vytvor v HTML <table> a vloz ty obrázky do toho etc, na zbusob:

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="300 HEIGHT="300">
  <TR>
    <td><IMG SRC="tvuj obrázek" BORDER="0" HEIGHT="150" WIDTH="150"></td>
    <td> <IMG SRC="tvuj obrázek" BORDER="0" HEIGHT="150" WIDTH="150"></td>
  </TR>
</TABLE

• A v CSS si to uprav jak chces,

zkouším to ještě udělat úplně běžně ale nejde mi to nastylovat pak.
HTML:

 <div id="clanek">
       <img src="img/M12_kit.png">
 <div id="vni-clanek"> 
  <h1> nadpis </h1>
 
 <p>text.</p>
      
   </div>

        </div>

A v CSS to mám:

#clanek{
	background-color: white;
	width: 100%;
	max-height: 1400px;
}
#clanek #vni-clanek{
  padding:20px;
  width:	650px;
	height: 300px;
	padding-left: 480px;
  text-align:justify;

jenže nevím jak nastylovat img tak aby mi to sedělo a bylo to v jedné linii s textem, pokaždé to skočí buď nahoru nebo dolů pod text.

Zkousels pouzit "float"?
V CSS muze dat obrazku /img :

  vertical-align:text-bottom ;

tomu clanku nebo DIV dej:

#clanek
{
	display:inline-block;
        /* blabla */
}

TiP Jestli ten clanek bude pouzit vicekrat, tak mu dej spi "class=" na misto "id=".

Už to fičí!
jsi frajer, díky moc :)

Zpět do poradny Odpovědět na původní otázku Nahoru