Log In
Home
December 3, 2003
Offline
Tjoho..
Fick för mig att göra en sida för en stund sen, och såhär ser den ut nu:
http://web.telia.com/~u2150316.....gibbon.htm
Men det är några saker jag inte riktigt får ordning på..
1. Bakgrunden för rubriken (About us) är inte expanderbar, försökte på massa sätt men kom inte på något som funkade.
2. Jag kan inte centrera menyn. :/
3. Klämmer man ihop sidan på bredden blir menyn skum, skulle vilja att den bara försviner ur bild och eventuellt så kommer en scroll upp längst ner på sidan.
4. Sidan man är på just nu "lyser" inte i menyn, ska ersätta hover'n med det så fort jag kommer på hur..
5. Sidan ser allmänt skum ut i IE. 😛 Men i IE7 ska den tydligen se bra ut, så hittar jag inget fulhack till png-bilderna låter jag det helt enkelt vara..
Så, några tips? 🙂
För övrigt kan ni väl lägga en röst på vilka färger ni föredrar på sidan.. 🙂 Eller om ni kanske har några egna förslag på färger.
http://web.telia.com/~u2150316.....styles.htm (struntade i poll-rutan, lägger den i home om det blir något)
Och det var nog allt, tack på förhand!
/Mathias
March 31, 2003
Offline
function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i ] var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style="" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src='" + img.src + "', sizingMethod='scale');"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
Löser problemet med png bilder
EDIT: Det är java
December 3, 2003
Offline
kutlo wrote:
Löser problemet med png bilder
EDIT: Det är java
Jag har redan det där på sidan ju.. 😛 Hjälper inte för css.
Edit: Om du inte verkligen menade java? Jag har tolkat det som javascript nämligen..
December 26, 2003
Offline
Det där är nog varken java eller javascript, utan JScript... 😛
- Vad menar du?
- Verkar vara centrerad nu. 🙂
- Samma som 2.
- Du kan ta bort href på den man är på nu,
<a>Home</a>
och sen
#menu a { /* sidan man är på nu */ }
#menu a:link, #menu a:visited { /* styling */ } - Du kan ju använda samma sak som används i skriptet, nämligen
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='foo.png', sizingMethod='scale');
December 3, 2003
Offline
På 1an menar jag att bilden inte anpassar sig efter texten, och om man skulle skriva för mycket kommer texten hamna utanför bilden.. Men jag har tänkt om och vill nog ha det såhär, vill ha alla rubrik-rader lika långa.
2 och 3 är lösta ja. 😉
4an tänkte jag om och vill lösa med php om något, men tack ändå. 🙂
5an ska jag väl ta och kolla på.. Dock vet jag inte vad JScript är eller hur man använder det? Och kommer det ens funka med bilderna i css'en, för många sånna här fulhack sägs inte fungera på det viset.
December 26, 2003
Offline
JScript är Microsofts svar på Netscapes JavaScript.
Skriptet du har använder CSS för att få PNG att funka... 🙄
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>PNG som bakgrund med CSS i IE</title>
<style type="text/css">
p { background:url(http://www.w3.org/Graphics/PNG/alphatest.png) no-repeat; min-height:287px; }
</style>
<!--[if IE 6]>
<style type="text/css">
p { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.w3.org/Graphics/PNG/alphatest.png'); height:287px; }
</style>
<![endif]-->
</head>
<body>
Test</p>
</body>
</html>
1 Guest(s)
