Menupunkter rundt om en kugle
Hej, er der nogen der kan hjælpe med lidt CSS?Jeg har en sol som jeg gerne vil have nogle tekster til at stå rundt omkring
og altsammen skal være i CSS men hvordan? Jeg har prøvet at sætte det hele ind
i en tabel, så jeg altid har den i midten af skærmen, men hvis der er nogle
bedre forslag hører jeg gerne efter!
Her er koden jeg har indtil videre:
<!DOCTYpE html pUBLIC "-//W3C//Dtd html 4.0 transitional//EN">
<html Xmlns:V="Urn:Schemas-Microsoft-Com:Vml">
<head>
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
body {background-color: #993366;}
.menu {
font-size: 15pt;
font-family: Verdana, arial, Helvetica, sans-serif;
font-weight: bold;
color: black;
}
.sun {
position: relative;
top: 0px;
left: 150px;
z-index: 1;
margin-left: 0px;
margin-top: 0px;
width: 300pt;
height: 300pt
}
#pos1 { position: relative; top: -270px; left: -200px; z-index: 2 }
#pos2 { position: relative; top: -250px; left: -240px; z-index: 2 }
#pos3 { position: relative; top: -230px; left: -280px; z-index: 2 }
#pos4 { position: relative; top: -210px; left: -320px; z-index: 2 }
#pos5 { position: relative; top: -190px; left: -230px; z-index: 2 }
#pos6 { position: relative; top: -170px; left: -220px; z-index: 2 }
#pos7 { position: relative; top: -150px; left: -210px; z-index: 2 }
#pos8 { position: relative; top: -130px; left: -200px; z-index: 2 }
#pos9 { position: relative; top: -120px; left: -650px; z-index: 2 }
#pos10{ position: relative; top: -150px; left: -670px; z-index: 2 }
#pos11{ position: relative; top: -170px; left: -690px; z-index: 2 }
#pos12{ position: relative; top: -210px; left: -710px; z-index: 2 }
#pos13{ position: relative; top: -240px; left: -710px; z-index: 2 }
#pos14{ position: relative; top: -270px; left: -690px; z-index: 2 }
#pos15{ position: relative; top: -300px; left: -670px; z-index: 2 }
#pos16{ position: relative; top: -300px; left: -670px; z-index: 2 }
</style>
<![endif]-->
</head>
<body>
<table cellSpacing=0 cellpadding=0 height="100%" width="700" border=1 align="center">
<tr>
<td width="600" height="80%" colSpan=2 valign="top" align="left">
<!--[if gte vml 1]>
<v:oval class="sun" fillcolor="#936" stroked="f">
<v:fill color2="yellow" rotate="t" focusposition=".5,.5" focussize=""
type="gradientRadial"/>
</v:oval>
<![endif]-->
<![if !vml]>
<img class="sun" src="Images/sun.gif">
<![endif]>
<span class="menu" id="pos1">Test1</span>
<span class="menu" id="pos2">Test2</span>
<span class="menu" id="pos3">Test3</span>
<span class="menu" id="pos4">Test4</span>
<span class="menu" id="pos5">Test5</span>
<span class="menu" id="pos6">Test6</span>
<span class="menu" id="pos7">Test7</span>
<span class="menu" id="pos8">Test8</span>
<span class="menu" id="pos9">Test9</span>
<span class="menu" id="pos10">Test0</span>
<span class="menu" id="pos11">Test1</span>
<span class="menu" id="pos12">Test2</span>
<span class="menu" id="pos13">Test3</span>
<span class="menu" id="pos14">Test4</span>
<span class="menu" id="pos15">Test5</span>
<span class="menu" id="pos16">Test6</span>
</td>
</tr>
</table>
</body>
</html>
