Elektroda.pl
Elektroda.pl
X
Proszę, dodaj wyjątek www.elektroda.pl do Adblock.
Dzięki temu, że oglądasz reklamy, wspierasz portal i użytkowników.

Ustawienie kodu - obrazek po lewej, tekst po prawej.

ebry 22 Maj 2012 22:26 2147 4
  • #1 22 Maj 2012 22:26
    ebry
    Poziom 30  

    Witam. Nie zajmuję się tworzeniem stron na co dzień, ale potrzebuję pomocy przy ustawieniu kodu na stronie. Kod wygląda tak:

    Kod: text
    Zaloguj się, aby zobaczyć kod


    Kod CSS:

    /* Check */
    ul.check > li {

    padding: 4px 0 0 30px;
    background: url(../images/tools/list_check.png) 0 0 no-repeat;
    }
    Jak ustawić aby obrazek był po lewej a tekst po lewej?

    0 4
  • #3 23 Maj 2012 08:36
    scrabypl
    Poziom 25  

    A po co na tabelkach?
    Tworzysz sobie div'a lewego (na zdjęcie) o wymiarach zdjęcia z floatem: left i drugiego diva po prawej stronie z floatem:right;
    Oczywiście overflow, display i te sprawy ;D

    0
  • #4 23 Maj 2012 09:10
    ebry
    Poziom 30  

    Czy może kolega @scrabypl wrzucić ten kod?

    0
  • #5 23 Maj 2012 10:57
    scrabypl
    Poziom 25  

    pseudokod:
    #lewa
    {
    width:200px;
    height:auto;
    float:left;
    margin:auto;
    display:block;
    oveflov:hidden;
    }

    #prawa
    {
    width:500px;
    height:auto;
    float:right;
    margin:auto;
    display:block;
    overflov:visible;
    }

    <div id="lewa">sraaaaaa <img /></div><div id="prawa">ssssssraaaaaaa</div>
    :}

    0