Dinamican css (width) sa tri kolone

Zdravo,

Imam problem sa css-om

Prvo pogledajte sliku
http://img15.imageshack.us/img15/9895/problemfee.jpg

Kako napraviti da lijeva i desna kolona budu dinamicnog width-a?

Znaci kada bude malo vise text-a meni u css-u text bude ovako
http://img41.imageshack.us/img41/7792/problemsc.jpg

A ja zelim da bude ovako:
http://img85.imageshack.us/img85/4271/problemwv.jpg

Hvala!

Bilo bi lakše objasniti da si nam dao HTML i CSS kod na živom primjeru, umjesto slika.

Možeš naslovu dati istu pozadinu kao i headeru, s paddingom lijevo i desno, a ovu crtu staviti u pozadinu elementa koji sadrži naslov.

[color=“White”].[/color]

[quote=“mile”]Bilo bi lakše objasniti da si nam dao HTML i CSS kod na živom primjeru, umjesto slika.

Možeš naslovu dati istu pozadinu kao i headeru, s paddingom lijevo i desno, a ovu crtu staviti u pozadinu elementa koji sadrži naslov.

[color=“White”].[/color][/quote]

problem je sto je background od stranice textura, tako da ne moze

prihvatam i php rijesenje

Nije problem, samo sve centriraj u CSS-u.

[color=“White”].[/color]

Naravno da može. Samo treba malo mašte. :slight_smile:

[HTML]

Nekakav tekst koji je malo duži

[/HTML]

css:
[HTML]
.wrapper { background: transparent url(texture.png) center repeat; }
.left, .rigth, .middle { float: left; }
.left, .right { background: transparent url(border-bg.png) left top repeat-x; padding: 30px 10px; }
.middle { background: transparent; padding: 10px 20px; width: 210px; }

.clear { clear: both; }
[/HTML]

mislim da bi to ovako trebalo raditi, probaj pa javi koji rezultat si dobio.

CreatifCode tvoje rijesenje ne radi, ali sam se snasao sa tabelama :slight_smile:

Pogledaj demo: http://justgator.com/test/

Ako imas firebug napisi duzi text pa ces vidjeti kakav sam efekat zelio postici

@edit
opet nije to to ali cu popraviti

rijeseno!

stavio nowrap=“1” na td.middle

<style>
body {
margin:0;
padding:0;
background:url("http://justgator.com/test/back_body.jpg");
background-position:center top;
}

.wrapper {
width:960px;
margin-left:auto;
margin-right:auto;
margin-top:200px;
}

p {
text-align:center;
background:url("http://justgator.com/test/line.png") no-repeat;
background-position:center;
}

strong {
padding:0 50px;
text-align:center;
background-position:center -255px;
background-image: url(http://justgator.com/test/back_body.jpg);
background-attachment:fixed;
}

</style>

<div class="wrapper">
	<p>
    	<strong>Testis</strong>
    </p>
</div>

Super
Hvala!

Jasno ti je da u gornjem primjeru nemaš mogučnosti stavljati tekst ni sa ljeve ni sa desne strane.

Text mi treba samo na sredini :slight_smile:

A onda ok.

[quote=“CreatifCode”]Naravno da može. Samo treba malo mašte. :slight_smile:

[HTML]

Nekakav tekst koji je malo duži

[/HTML]

css:
[HTML]
.wrapper { background: transparent url(texture.png) center repeat; }
.left, .rigth, .middle { float: left; }
.left, .right { background: transparent url(border-bg.png) left top repeat-x; padding: 30px 10px; }
.middle { background: transparent; padding: 10px 20px; width: 210px; }

.clear { clear: both; }
[/HTML]

mislim da bi to ovako trebalo raditi, probaj pa javi koji rezultat si dobio.[/quote]

Zapravo bi to riješenje i radilo međutim ti si otvorio više DIVova nego što si ih zatvorio, a on je vjerojatno koristio copy/paste pa mu zato nije ni radio. :slight_smile:


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Webmaster.Ninja