Neregistrovaný Přihlásit Registrovat

Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailemVyřešeno CSS responzivní

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
zkouším to ještě udělat úplně běžně ale nejde mi to nastylovat pak. HTML: <div id="clanek"> <img s… nový
lolek2 03.08.2015 11:40
 lolek2
Zkousels pouzit "float"? V CSS muze dat obrazku /img : vertical-align:text-bottom ; tomu clanku n… nový
XoXoChanel 03.08.2015 11:45
 XoXoChanel
Už to fičí! jsi frajer, díky moc :) poslední
lolek2 03.08.2015 12:09
 lolek2

• 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=".

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