Forum » Izdelava spletišč » 3 divi v divu in float
3 divi v divu in float
alexa-lol ::
hej imam problem...imam 3 dive v divu Meni in sicer div robl, robnot, robd. Kako naj naštimam, da mi padejo vsi v div Meni. Robd in robl sta siroka 1px, robnot ima pa backgorund-repeat:repeat-x;
A razumete kaj mislim al prilimam CSS in HTML kodo?
A razumete kaj mislim al prilimam CSS in HTML kodo?
alexa-lol ::
ok..da ne bom kompliciral
CSS koda je
#meni {
height: 24px;
width: 100%;
}
#robl {
width:1px;
height:24px;
background:url(rob4.gif);
background-position: left bottom;
background-repeat:no-repeat;
}
#robnot {
height:24px;
background:url(robnot4.gif);
background-position: right top;
background-repeat:repeat-x;
}
#robd {
width:1px;
height:24px;
background:url(rob4.gif);
background-position: left bottom;
background-repeat:no-repeat;
}
HTML pa
kako naj nastimam floate?
CSS koda je
#meni {
height: 24px;
width: 100%;
}
#robl {
width:1px;
height:24px;
background:url(rob4.gif);
background-position: left bottom;
background-repeat:no-repeat;
}
#robnot {
height:24px;
background:url(robnot4.gif);
background-position: right top;
background-repeat:repeat-x;
}
#robd {
width:1px;
height:24px;
background:url(rob4.gif);
background-position: left bottom;
background-repeat:no-repeat;
}
HTML pa
<div id="meni"> <div id="robl"></div> <div id="robnot"></div> <div id="robd"></div> </div>
kako naj nastimam floate?
Binji ::
float:left za 3 notranje dive? Ali pa right.. kar ti bolj pase. Po teh divih pa se element, ki ima nastavljeno clear:both
Kdor ne navija ni Slovenc, hej, hej, hej!
Binji ::
recimo [br class='clear' /], kjer je stil:
.clear{
clear:both;
}
kr1frik: dela ze, ampak ti dela hude probleme z ostalim layoutom, ce tega nimas definiranega po vsakem elementu, ki je floatan.
.clear{
clear:both;
}
kr1frik: dela ze, ampak ti dela hude probleme z ostalim layoutom, ce tega nimas definiranega po vsakem elementu, ki je floatan.
Kdor ne navija ni Slovenc, hej, hej, hej!
alexa-lol ::
ok situacija je taka
to s kodo
ter CSS kodo
gledajte dol od tistega modrega headerja....tam umes pride tale meni
to s kodo
<div id="meni"> <div id="robl"></div> <div id="robnot"></div> <div id="robd"></div> </div> <br id="clear" />
ter CSS kodo
#meni { height: 24px; width: 100%; } #robl { width:1px; height:24px; background:url(rob4.gif); background-position: left bottom; background-repeat:no-repeat; float:left; } #robnot { height:24px; background:url(robnot4.gif); background-position: right top; background-repeat:repeat-x; float:left; } #robd { width:1px; height:24px; background:url(rob4.gif); background-position: left bottom; background-repeat:no-repeat; float:left; } #clear { clear:both; }
gledajte dol od tistega modrega headerja....tam umes pride tale meni
Zgodovina sprememb…
- spremenil: alexa-lol ()
alexa-lol ::
omg...jaz ne vem kaj je te kodi....zdaj sem naredil en suh primer in sem nasel primer....moti ga tistih 100% pri enem od kvadratkov...
A bi se dal kako prepričat CSS, da tistih 100% ne pomeni globalno ampak glede na to koliko prostora ostane med okvirckoma ena in tri
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="test.css"> <title>Untitled Document</title> </head> <body> <div id="meni"> <div id="ena"></div> <div id="dva"></div> <div id="tri"></div> </div> </body> </html>
#meni { border: 2px solid black; width:888px; height:500px; max-width:888px; } #ena { border: 2px solid red; width:250px; height:450px; float:left; } #dva { border: 2px solid green; width:100%; height:450px; float:left; } #tri { border: 2px solid blue; width:250px; height:450px; float:left; }
A bi se dal kako prepričat CSS, da tistih 100% ne pomeni globalno ampak glede na to koliko prostora ostane med okvirckoma ena in tri
Binji ::
Zakaj zaboga sploh rabis dive siroke 1px? Ti mocno priporocam, da si pogledas najprej kak tutorial o pozicioniranju, pa paddingih, marginih, potem pa se menimo naprej.
Kdor ne navija ni Slovenc, hej, hej, hej!
alexa-lol ::
to je ubistvu rob, ki je malo temnejši :)..vem kako bom naredil...ne bom jih pozicioniral v vodoravni črti ampak v navpični :)
evo dela ko puška... :)
evo dela ko puška... :)
Zgodovina sprememb…
- spremenil: alexa-lol ()
alexa-lol ::
ok vglavnem..robova sem zbrisu in dela :)
zdaj mam pa problem s postavitvijo kazala...margin left lepo nastimam, ko pa hočem nastaviti margin top mi pa ne dela več...
no v glavnem zdaj bi rad, da se mi okvircek kazalo pomakne za 10 pixlov dol
ok nasel rsitev..v kazalo v CSS kodi damo margin-top:15px;
zdaj mam pa problem s postavitvijo kazala...margin left lepo nastimam, ko pa hočem nastaviti margin top mi pa ne dela več...
<div id="glavni"> <div id="vsebina"></div> <div id="kazalo"><div> </div>
#glavni { border:2px solid red; width:944px; height:476px; margin: 0 auto; } #vsebina { border:2px solid black; width:724px; height:476px; float:left; } #kazalo { border:2px solid blue; width:180px; height:400px; margin: 20 left; }
no v glavnem zdaj bi rad, da se mi okvircek kazalo pomakne za 10 pixlov dol
ok nasel rsitev..v kazalo v CSS kodi damo margin-top:15px;
Zgodovina sprememb…
- spremenil: alexa-lol ()
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šč | 350151 (9288) | sunniegoldie |
» | Prikaz strani na različni resoluciji-JoomlaOddelek: Izdelava spletišč | 1987 (1715) | kr?en |
» | Ocena? Kako bi dodal podstrani?Oddelek: Pomoč in nasveti | 918 (783) | shadeX |
» | Kontaknti obrazec - potrebujem pomočOddelek: Programiranje | 1171 (893) | cobrica |
» | Podrta oblika straniOddelek: Izdelava spletišč | 1417 (1096) | echoman |