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
stran
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šč | 332487 (56636) | htmltroubles |
| » | Prikaz strani na različni resoluciji-JoomlaOddelek: Izdelava spletišč | 1824 (1552) | kr?en |
| » | Ocena? Kako bi dodal podstrani?Oddelek: Pomoč in nasveti | 835 (700) | shadeX |
| » | Kontaknti obrazec - potrebujem pomočOddelek: Programiranje | 1079 (801) | cobrica |
| » | Podrta oblika straniOddelek: Izdelava spletišč | 1301 (980) | echoman |