Konkrete nybegynnerspørsmål til HTML i tumblr

[olaflaaten]

Dette er bloggen det gjelder.

 

Jeg har mikset og trikset litt allerede, men utgangspunktet er temaet/layouten feather

 

1: Jeg vil flytte alle postene (horisontalt) til midten av browseren

 

2: Jeg vil at teksten under bilder osv skal ligge kant i kant med venstre side av bilder osv, i stedet for å ligge midt under som nå.

 

3: Jeg vil ha større plass/mer tomrom (vertikalt) mellom poster, sånn at de fremstår mer adskilt.

 

 

På forhånd tusen takk for svar!

[Dan-Levi]

Det er flere måter å gjøre dette på, en måte er slik:

http://jsfiddle.net/8STW2/

 

 

Er ganske sikkert ikke den beste måten, men lettvint.

 

HTML

<div id="wrapper">
    <div id="content">
        <img src="http://31.media.tumblr.com/006730bd44b584933651b78155814e37/tumblr_mtcjknYSjK1r2neczo1_500.jpg" alt="Logan White" />
        <br>
        <img src="http://31.media.tumblr.com/73411008e0d05ad0ffd10711dcd5d93b/tumblr_mtcjagMwYC1r2neczo4_500.jpg" alt="Kings Canyon"/>
        <br>
        <img src="http://31.media.tumblr.com/c013c494cdcfc1e9ac8a513f16603ca0/tumblr_mtcjagMwYC1r2neczo1_500.jpg" alt="Minolta Autocord"/>
        <br>
        <img src="http://24.media.tumblr.com/a5e2de2f30671ad9ceb00de6ce83dbf7/tumblr_mtcjagMwYC1r2neczo3_500.jpg" alt="orangejuice-etc.com"/>
        <br>
        <img src="http://25.media.tumblr.com/05806d7bc8e861b1ee82b4b3a4ea0a6d/tumblr_mtcjagMwYC1r2neczo2_500.jpg" alt="Kings Canyon, California, Elias Carlson" />
        <br>
    </div>
</div>

CSS

#wrapper {
    text-align: center;
}
#content {
    display: inline-block;
}

Endret 19. september 2013 av Dan-Levi

[Feh]

body {

	background: #78879b;

	color: #ffffff; 

	width:100%;

	padding:0;

}

#content {

	width:660px;

	margin:0 auto 0 auto;


}

#header {

	margin:60px auto 0 auto;

	width:660px;

}

.post {

	text-align:left;

	margin-top:40px;

}

Endret 19. september 2013 av Feh