God kväll gäjmers. Jag har ett litet problem. Det är nämligen så att jag har spillt äppeljuice över mitt tangentbord, då det inte inträffade mer än att jag torkade upp det och la tangentbordet upp och ner en stund. Funkat fint ( detta hände igår, lördag ). Men nu när jag sätter mej vid datorn efter att ha varit ute hela dan, så går tangenterna z,x,c,v,b,alt, och krokodilkap-knappen =) oerhört trögt. Jag har ett slim-tangentbord, ett ergonomiskt sådant väldigt stilrent, kan tyvärr inte linka. Hur ska jag göra. Kan man ta bort knapparna och rengöra under?
Knapparna är alltså som på en bärbar dator. Mellanslag är trög också, kommer bli jävligt stark i tummen om ni inte ger mej svar =)
Ja, jag har googlat och sökt runt på forum.
Så får jag se om du verkligen vet va problemet är eller om du bara var kåt på att skriva först..
Om du sätter den till 100% så kommer den flöda med huvuddiven hela vägen. Svårare än så är det inte.
#meny-left{
width:90px;
max-width:90px;
height:100%;
border-right: 1px #333333 groove;
float:left;
}
#left {height: 100%; background-color: Green; width: 200px;}
Det ger -> | | |
Om du ska bygga en sida så bör du göra så här! Lägg float på left och right-box.
<div id="targetframe">
<di v id="main">
<div id="leftbox"></div>
<div id="rightbox"></div> ;
</div>
</div>
Men det är ju samma problem som var från början, alltså att den där diven inte hänger med ända ner!
<div style='width: 800px; height: 100%;' class/id='main'>
<div style='width: 800px; height: 100%;' class/id='wrapper'>
<d iv style='float: left; width: 120px; height: 100%;' class/id='left'>
vänster ram
</div>
<div style='float: left; margin-left: 10px; width: 670px; height: 100%;' class/id='right'>
höger ram
</div>
</div>
</div>
obs detta är inte testat då jag sitter vid fel burk.
skrev lite bara på rakarm :P går garanterat å göra bättre
det är väl detta du vill uppnå?
#main{
width:650px;
max-width:650px;
height:100%;
margin-left:50px;
border: 1px #333333 groove;
}
#meny-left{
width:90px;
max-width:90px;
height:100%;
border-right: 1px #333333 groove;
float:left;
}
<div id="main">
<div id="meny-left">
Meny!
</div>
<p>TEXT KOMMER DET ATT STÅ HÄR!</p>
</div>
För det som händer är att #meny-left slutar precis där texten slutar!
Och texten i #main liksom slinker in under där #meny-left slutar!
läs där så har du färdiga exempel att hämta.
(Jag slängde skiten och gör om sidan...)
CSS //
#banner{
background-image: url("källa"); width: XXpx; height: XXpx;
width: 650px;
height: XXpx;
margin-left: 40px;
}
#meny{
background-ima ge: url("källa"); width: XXpx; height: XXpx;
width: 80px;
height: 100%;
float: left;
padding-right: 10px;
}
#rightcontainer{
back ground-image: url("källa"); width: XXpx; height: XXpx;
width: 470px;
height: 100%;
float: right;
padding-right: 20px;
}
HTML //
<div id="banner"></div>
<div id="meny">Länkar eller annat</div>
<div id="rightcontainer">Text text text text text text</div>
// EDIT: Ett annat tips är att göra som #24 säger, att använda utskriften em för att ange storleken på olika saker, detta gör att den är lika stor på alla sidor. mer information finns på
www.webbdesignskolan.net
Lägg till en textbox som börjar där main slutar så kommer texten att fungera som den ska.
Ett annat hett tips är att köra med taggen 'em' istället för px då kommer sidan visas rätt i alla upplösningar dessutom vilket gör det hela mer optimerat för internet då du inte kan anta att alla kör med din upplösning.
varsågod :)