Forum » Izdelava spletišč » CSS dimenzije in pozicije
CSS dimenzije in pozicije
biasko ::
Živjo!
Imam težavo s CSSom.
Imam tabelo s tremi stolpci. V levem in desnem stolpcu tabele bi rad dodal rob strani. Zgoraj in spodaj imam grafiko fiksne višine, vmes pa mora biti določena barva. Ker je v srednjem stolpcu tabele tekst, mora biti področje barve variabilno.
Želel bi torej postaviti 3 div-e eden pod drugega. Prvi in zadnji div imata določeno fiksno višino. Vmesni div pa mora biti raztegnjen čez celoten stolpec.
Najlepša hvala za vsako pomoč!
Imam težavo s CSSom.
Imam tabelo s tremi stolpci. V levem in desnem stolpcu tabele bi rad dodal rob strani. Zgoraj in spodaj imam grafiko fiksne višine, vmes pa mora biti določena barva. Ker je v srednjem stolpcu tabele tekst, mora biti področje barve variabilno.
Želel bi torej postaviti 3 div-e eden pod drugega. Prvi in zadnji div imata določeno fiksno višino. Vmesni div pa mora biti raztegnjen čez celoten stolpec.
Najlepša hvala za vsako pomoč!
- premaknil iz Programiranje: bluefish ()
biasko ::
bog mi pomagaj.
Mi lahko mogoče vi kako se tega lotiti?
Hvala!
Mi lahko mogoče vi kako se tega lotiti?
<div glavni>
<div levi>
<div zgoraj></div>
<div raztegljiva_sredina></div>
<div spodaj></div>
</div>
<div sredina></div>
<div desni>
<div zgoraj></div>
<div raztegljiva_sredina></div>
<div spodaj></div>
</div>
</div>Hvala!
_Dormage_ ::
Si to mislil?
<style>
#glavni{
height: 500px;
width: 800px;
background-color: green;
margin:0 auto;
}
#desni{
float:right;
}
#levi{
float:left;
}
#zgoraj{
height:100px;
width:200px;
background-color: red;
}
#spodaj{
width:200px;
height:100px;
background-color: red;
}
#raztegljiva_sredina{
width:200px;
background-color: blue;
}
</style>
<div id="glavni">
<div id="levi">
<div id="zgoraj">zgoraj</div>
<div id="raztegljiva_sredina">sredina.. div se bo povečjal glede na vsebino</div>
<div id="spodaj">spodaj</div>
</div>
<div id="sredina"></div>
<div id="desni">
<div id="zgoraj">zgoraj</div>
<div id="raztegljiva_sredina">sredina sredina</div>
<div id="spodaj">spodaj</div>
</div>
</div> Zgodovina sprememb…
- spremenil: _Dormage_ ()
biasko ::
Ah K....nočem imeti fiksne višine v contentu
Ko vtipkam tekst v tole zadnjo rešitev je ok. Kaj pa če notri prilimam div-e. Zakaj se content ne poveča??
http://jsfiddle.net/2aqhQ/12/
AHAAA display: inline-block; bo rešitev .... lp
Ko vtipkam tekst v tole zadnjo rešitev je ok. Kaj pa če notri prilimam div-e. Zakaj se content ne poveča??
http://jsfiddle.net/2aqhQ/12/
AHAAA display: inline-block; bo rešitev .... lp
Zgodovina sprememb…
- spremenilo: biasko ()
MisterR ::
Pri postavljanju strani (take ki jih ti delaš) ne potrebuješ relative/absolute.
Nauči se pisat kratko kodo, namesto margin-top,margin-bottom uporabljaj margin:top right bottom left ali pa border:2px dotted #000;
http://jsfiddle.net/sVhgQ/
Nauči se pisat kratko kodo, namesto margin-top,margin-bottom uporabljaj margin:top right bottom left ali pa border:2px dotted #000;
http://jsfiddle.net/sVhgQ/
Zgodovina sprememb…
- spremenil: MisterR ()
biasko ::
Hja nekako mi deluje ali pa tudi ne. Zakaj mi spodnji primer ne raztegne rumenega okna in zakaj se rdecega sploh ne vidi?
http://jsfiddle.net/sVhgQ/9/
hvala!
http://jsfiddle.net/sVhgQ/9/
hvala!
marjan_h ::
Pozdrav,
Poskušam pozicionirati div tab tako, da bi bil od zgornjega roba browserja oddaljen 0px, od leve in od desnega pa bi bil tako, da bi bil vedno na sredini, ne glede na resolucijo.
Če uporabim margin, mi naredi za vse robe enako.
Hvala za pomoč.
Poskušam pozicionirati div tab tako, da bi bil od zgornjega roba browserja oddaljen 0px, od leve in od desnega pa bi bil tako, da bi bil vedno na sredini, ne glede na resolucijo.
#tab{
border-style:solid;
border-width:2px;
height:100px;
padding:10px;
width:80%;
}
Če uporabim margin, mi naredi za vse robe enako.
Hvala za pomoč.
marjan_h ::
Najlepša hvala.
Kako pa naredim da bo od zgornjega roba 0px?
Če napišem top:0px, se ne zgodi nič.
Kako pa naredim da bo od zgornjega roba 0px?
Če napišem top:0px, se ne zgodi nič.
Vredno ogleda ...
| Tema | Ogledi | Zadnje sporočilo | |
|---|---|---|---|
| Tema | Ogledi | Zadnje sporočilo | |
| ! | Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )Oddelek: Izdelava spletišč | 347423 (6560) | sunniegoldie |
| » | Wampserver in FirefoxOddelek: Izdelava spletišč | 1859 (1739) | jonystar |
| » | CSS - DIV - Brez TabeleOddelek: Izdelava spletišč | 1597 (1300) | jernejp |
| » | [CSS]Pozicioniranje footer divaOddelek: Izdelava spletišč | 2467 (2414) | amaze646 |
| » | Lampp problemOddelek: Izdelava spletišč | 1704 (1607) | Slovenia13 |