Pokaż wyniki od 1 do 2 z 2

Temat: dwie kolumny

  1. #1
    Obserwator
    Dołączył
    July 09
    Postów
    1
    Siła Reputacji
    0


    Twoja ocena: Yes No

    dwie kolumny

    Witam,

    ogólnie chce zrobić takie coś jak na obrazku, obie kolumny mają być wycentrowane względem strony.



    narazie mam taki kod dzięki któremu udało mi się wyśrodkować obrazek w pionie po lewej. Niewiem co zrobić z tekstem żeby był przy obrazku

    Kod:
    #table{
    	width: 300px; 
    	height: 150px; 
    	display: table; 
    	text-align:left; 
    	background-color: #ffffff;
    }
    
    #cell{
    	display: table-cell; 
    	vertical-align: middle;
    }
    i
    Kod html:
    <div id="table">
    
    <div id="cell">
    <img src="ikony/1.jpg">
    </div>
    
    <div id="cell">test</div>
    
    </div>

    Wie ktoś jak sobie z tym poradzić?

  2. #2
    Obserwator
    Dołączył
    July 09
    Postów
    11
    Siła Reputacji
    0


    Twoja ocena: Yes No

    to moja propozycja :


    kod jest dość prosty jak samo

    Kod html:
    div.rama { margin:auto auto; width:500px; padding:2cm;
     border:outset 1px silver; overflow:hidden; }
    
    div.obraz { background:url(pic_2.gif) no-repeat center;
     width:100px; height:100px;
     float:left; }
    
    div.tutekst { width:100px; height:100px;
     background-color:#EFEEE0;
     padding:10px 0 0 10px; text-align:left;
     float:left; }
    Kod html:
    <div class="rama">
    
    	<div class="obraz">
    		</div>
    
    	<div class="tutekst">
    	jest i troche tekstu
    		</div>
    
    	<div class="obraz">
    		</div>
    
    	<div class="tutekst">
    	jest i troche tekstu
    		</div>
    	
    	</div>
    czyli liczy się float nie zapomnij dodać przy pisaniu nowej linii clear to wystarczy

Informacje o temacie

Users Browsing this Thread

Aktualnie 1 użytkownik(ów) przegląda ten temat. (0 zarejestrowany(ch) oraz 1 gości)

Zakładki

Zakładki

Uprawnienia

  • Nie możesz zakładać nowych tematów
  • Nie możesz pisać wiadomości
  • Nie możesz dodawać załączników
  • Nie możesz edytować swoich postów
  •  

Jak czytać DI?

Powered by  
ATMAN EcoSerwer