Järgmine probleem :/

[KFC 10]

Nii, juba jälle olen ma siin, aga mitte põhjuseta vaid vajan jälle teie abi. Nagu ma mainisin olen ma veebinduse maastikult kaua eemal old(ca. 4 kuud) ja ei oska seda väga hästi enam. Isegi lihtsamaid asju ei suuda enam teha ja nüüd on mul probleem 'FLOAT'ga. Hetkel üritan sellega rohkem tegelda ja oma 'skilli' tagasis saada, seega teen ma test saitte localhostis, et näha mida ma veel oskan ja milles mul abi vaja on. Probleem seisneb selles, et mul on 2 divi sisu ja foot, footeri sees on copyright text aga sisu sees on pealkiri, text ja 'teadete kast'. Soovin, et see teadete kast oleks täpselt texti vastas paremalpool, aga millegipärast vajub ta allapoole ja läheb üle sisu divi. Näide siis...

Soovin et see teadete box jääks ikka divi sisse ja et oleks paragraph textiga ühelmaal. Aitähh!

 

[spoiler=HTML]

 

Lambi sait




Pealkiri

Okei
Okei
Okei
Okei
Okei
Okei
Okei


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla, accusamus eum cum sed optio commodi quam! Voluptatibus, non ab mollitia blanditiis iste soluta laboriosam quibusdam voluptate suscipit repellendus cupiditate at.



Copyright &copy

 

 

 

 

[spoiler=CSS]

 

body{
   background: #ccc;
}

div.sisu{
   border: 1px solid blue;
   padding: 10px 20px;
   background: #e8e8e8;
   overflow: none;
}

.ok{
   border: 1px solid yellow;
   background-color: yellow;
   float: right; 
   padding: 2%;
}

div.foot{
   background-color: blue;
   margin: 0px;
   padding: 1px 0;
   text-align: center;
} }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;

 

 

 

 

NB! Äkki leidub siin inimene, kelle käest saaksin ma võimalusel abi küsida, siis ei pea ma igakord uut postitust tegema. Abi oleks vaja asjadega nagu HTML, CSS, PHP, JS(AJAX, JQUERY). Ea ma ei hakka teid igaminut tüütama, lihtsalt soovin abi saada osade asjadega.

Muudetud 29. märts, 2014 liikme KFC'i poolt

[toru-loru 10]

Esimene asi, vormista omale konkreetne doctype, siis kuvatakse browserites selle järgi, mitte nii nagu iga browseri default doctype on.

CSS alguses nulli mõned parameetrid, mis võivad olla erinevad erinevatel browseritel, neid on veel mitte ainult margin ja padding, otsi internetist nullimis css koode.

 

Floatile pead mingid mõõdud andma, et ta teaks kus maale võib konteiner ulatuda, kui mõõtu pole on see terve vaadatav ekraan, ja järgmine float tuleb teisele reale, kuna esimene on täis.

Peale floati teed rea, mis kustutab-eemaldab float mõju järgnevatele ridadele,( clear:both )

 

[spoiler=Kood]

Lambi sait

<br />
*{padding:0px;margin:0px;}<br />
body{<br />
    background: #ccc;<br />
}<br />
<br />
div.sisu{<br />
    border: 1px solid blue;<br />
    padding: 10px 20px;<br />
    background: #e8e8e8;<br />
    display:inline-block;<br />
	<br />
	<br />
}<br />
<br />
.tekst{<br />
border:solid 1px #000;<br />
	width:90%;<br />
	margin:0px;<br />
    background: #e8e8e8;<br />
    display:inline-block;<br />
	float:left;<br />
	<br />
}<br />
<br />
<br />
.ok{<br />
    border: 1px solid yellow;<br />
    background-color: yellow;<br />
	<br />
    float: left; <br />
    padding: 2%;<br />
}<br />
<br />
div.foot{<br />
    background-color: blue;<br />
    margin: 0px;<br />
    padding: 1px 0;<br />
    text-align: center;<br />
} <br />
<br />
#clb { clear: both; }<br />
<br />





Pealkiri


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla, 
			accusamus eum cum sed optio commodi quam! Voluptatibus, non ab mollitia blanditiis 
			iste soluta laboriosam quibusdam voluptate suscipit repellendus cupiditate at.



Okei
Okei
Okei
Okei
Okei
Okei
Okei







Copyright &copy

 

Muudetud 29. märts, 2014 liikme toru-loru'i poolt