Officiellt: Wildcard kommer spela med Stewie2k
Counter-StrikeUSA
hjälp mig
1
CSS kunnig sökes!
Postat av KungPung den 20 Oktober 2009, 13:51
31 kommentarer · 82 träffar
Har en hemsida som jag jobbar på och vid högra sidan utanför själva layouten vill jag har sponsorer.
Jag har fixat det, men problemet är att när jag tex klickar på för att välja fönsterruta så kommer sponsortexterna antingen in på själva layouten och allt blir hullerombuller eller så flyttas den lååångt åt höger.
Just nu har jag såhär:
#sponsorer
{
position:absolute;
top:30px;
right:50px;
}
Jag vill att sponsorerna ska följa webläsaren oavsett vad, som Assyriskas hemsida som ett exempel:
http://www.assyriska.se
Sponsorerna solna korv, rpr redovisning osv..
Hur kan jag fixa detta? Tacksam för all hjälp!
Jag har fixat det, men problemet är att när jag tex klickar på för att välja fönsterruta så kommer sponsortexterna antingen in på själva layouten och allt blir hullerombuller eller så flyttas den lååångt åt höger.
Just nu har jag såhär:
#sponsorer
{
position:absolute;
top:30px;
right:50px;
}
Jag vill att sponsorerna ska följa webläsaren oavsett vad, som Assyriskas hemsida som ett exempel:
http://www.assyriska.se
Sponsorerna solna korv, rpr redovisning osv..
Hur kan jag fixa detta? Tacksam för all hjälp!
Ad
31 kommentarer — skriv kommentar
Kommentarerna nedan är skrivna av användare på Fragbite. Fragbite granskar inte sanningshalten i texten och du uppmanas att själv kritiskt granska och bemöta texten. Förutsätt inte att innehållet i texterna är sanning.
Har ingen CSS kunskap alls. Vad är z-index? :)
http://www.w3schools.com/Css/p r_pos_z-index.asp
Man använder det typ för o placera objeket över varandra, tex om du sätter z-index 1 typ så kan ett objekt med z-index 2 vara över den utan att dom puttas undan
http://data.fuskbugg.se/skalma n01/-----------------screen.jp g
Så vill jag ha det, oavsett hur fönsterrutan är eller oavsett skärmens upplösning.
Jag använde z-index och fortfarande flyttar sponsorerna in på själva layouten men denna gång var de över layouten och inte under.
Sätt fast den i bakgrunden ;d?
Hehe man ska väl kunna klicka på sponsorerna.. Det funkar väl inte om man sätter fast de i bakgrunden?
Men använd padding?
Typ padding-left: så den e en bit ifrån mitten.
http://www.assyriska.se/css/ba sic.css
kolla igen där
Funkar inte. Tack ändå för hjälpen!
Har vi inga andra CSS kunniga här på forumet!?
Du kan ha float: left;
Skall testas!
Funkar inte, kanske inte gjorde rätt?
Såhär har jag det
#sponsorer
{
position:absolute;
top:30px;
right:170px;
float:right;
}
<div class="text" id="rutaV">
</div>
<div class="text" id="rutaH">
</div>
</div>
#w rapper2 {
margin-left: XXXpx;
width: XXXpx;
}
#rutaV{
width: XXXpx;
float: left;
}
#rutaH{
margin-left: XXXpx;
padding: XXXpx;
width: XXXpx;
float: left;
border: solid #FFFFFF XXXpx;
}
Vilken av dessa ska jag använda?
#15
Nej jag förstår inte..
#16
Hur då?
width: 10px;
kör du
width: 100%
tror jag ;D
det som ser bra ut för min upplösning, vi säger att det är 200px bredd och 100px höjd på en box och jag har 1024x768 så gör jag såhär:
200/1024 = 19%
100/768 = 13%
ungefär :)
Men nu står det rutah på din och massa annat jag inte förstår, skulle du kunna anpassa det efter den jag har nu:
#sponsorer
{
position:absolute;
top:30px;
right:170px;
}
#20
Skulle vara shysst om även du kunde anpassa din teori efter det jag har nu. Så provar jag det och ser om det funkar
#sponsorer
{
position:absolute;
top:30px;
right:170px;
}
#sponsorer {
position: absolute;
top: 4%;
right: 13%;
}
Funkade inget vidare, texten fortsätter att gå in i själva layouten
#sponsorer
{
position:absolute;
width:10%;
height:10%;
margin-left:920px;
top:10px;
}
Sponsorerna har jag skrivit som vanlig text och vissa av sponsorerna är klickbara eftersom de har länk.
Fast grejen är att när jag går in på sidan genom FF eller GoogleChrome så kan man inte markera eller klicka på texten, det är som en bild liksom, händer ingenting med pilen när man har det ovanför texten. Men däremot funkar det utan problem på IE!
Vad är felet?
Gör du det kommer du få ett antal olika lösningar samt förslag på förbättring av din kod.
#28
Den ligger på localhost :)