snyggare meny.
vad tycks ? vad kan göras snyggare/bättre ?
http://www.pajas.tk
- tar lång tid att ladda.
http://www.pajas.info.se
- snabbare än den med .tk.
Funkar inte så bra med firefox har jag märkt iaf, blir lite fel med framsen där typ :P
Kanske går att fixa på nåt sätt..
http://www.comhit.net/images/pajas.jpg
Sen ser det lite ut som en halvripp av hamsterpaj :P
Men den va finare sidan nu iaf än förut. ;)
jo... jag härmade deras meny system (lite).
men är det så för dig på Hamsterpaj oxå ?
nopp deras funkar perfa. :P
hmmmm... det är nog för att min .css inte är gjord för firefox.
men jag ska försöka fixa detta så anabbt som det går.
någon som vet hur man kan göra så att det syns bra i firefox ?
min CSS-fil ser ut så här:
body {
background: #a5b8c9;
color: black;
}
h1 {
color: black;
background: transparent;
font-weight: bold;
text-align: center;
font-size: 1.0em;
border-color: inherit;
background-color: #E0E0E0;
}
h2 {
color: black;
background: transparent;
font-weight: bold
}
h3 {
color: #a5b8c9;
background: transparent;
margin-left: 4%;
margin-right: 4%;
font-weight: bold
border-color: inherit;
background-color: #E0E0E0;
}
h4 {
margin-left: 6%;
margin-right: 6%;
font-weight: bold
}
h5 {
margin-left: 6%;
margin-right: 6%;
font-weight: bold
}
ul, ol, dl, p {
margin-left: 6%;
margin-right: 6%
}
ul ul, table ol, table ul {
margin-right: 1%
}
pre {
margin-left: 10%;
white-space: pre
}
table caption {
font-size: larger;
font-weight: bolder
}
table p, table dl, ol p, ul p, dl p, blockquote p, .note p, .note ul, .note ol, .note dl, li pre, dd pre {
margin-left: 0;
margin-right: 0
}
p.top {
margin-left: 1%;
margin-right: 1%
}
blockquote {
margin-left: 8%;
margin-right: 8%;
border: thin ridge #dc143c
}
blockquote pre {
margin-left: 1%;
margin-right: 1%
}
dt a {
font-weight: bold;
margin-top: .8em
}
a:link {
color: black;
TEXT-DECORATION: underline;
}
a:visited {
color: black;
}
a:active {
color: 0099FF;
}
.textbox {
BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; FONT-SIZE: 11px; BACKGROUND: #f0f3f5; MARGIN: 2px; BORDER-LEFT: #666 1px solid; COLOR: #000; BORDER-BOTTOM: #666 1px solid; FONT-FAMILY: verdana, arial, helvetica, sans-serif;
text-align: left;
}
.game {
BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 50%; COLOR: #000; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #f0f3f5; TEXT-DECORATION: none
}
.game-2 {
BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 455; COLOR: #000; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #f0f3f5; TEXT-DECORATION: none
}
.rubrik {
color: black;
background: transparent;
font-weight: bold;
text-align: center;
font-size: 1.0em;
border-color: inherit;
background-color: #E0E0E0;
}
.textbox-center {
BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 475; COLOR: #000; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #f0f3f5; text-align: center;
}
.webb-tv {
BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 475; COLOR: #000; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #f0f3f5; text-align: LEFT;
}
.under-meny {
1px solid; PADDING-RIGHT: 3px; 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; WIDTH: 949; COLOR: #000; PADDING-TOP: 3px; 1px solid; FONT-FAMILY: verdana, arial, helvetica, sans-serif; TEXT-DECORATION: none ;
BACKGROUND: url(xp4.gif) ;
}
.vitt-textbox {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; WIDTH: 100%; COLOR: #000; PADDING-TOP: 3px; 1px solid; FONT-FAMILY: verdana, arial, helvetica, sans-serif; text-align: left;
}
HÄR BÖRJAR DET SOM HAR MED MENYN ATT GÖRA
#tabs {
CLEAR: both; FONT-SIZE: 11px; LEFT: 5px; FLOAT: left; MARGIN: 0px 0px -1px; LINE-HEIGHT: normal; FONT-FAMILY: "trebuchet ms", verdana, arial, helvetica, sans-serif; POSITION: relative
}
#tabs UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#tabs LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabs A {
BORDER-RIGHT: #3e647e 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #3e647e 1px solid; DISPLAY: block; PADDING-LEFT: 15px; FONT-WEIGHT: bold; BACKGROUND: url(bilder/xp4.gif) white repeat-x 0px top; FLOAT: none; PADDING-BOTTOM: 2px; BORDER-LEFT: #3e647e 1px solid; COLOR: #000000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #3e647e 1px solid; TEXT-DECORATION: none
}
#tabs #current A {
BORDER-RIGHT: #3e647e 1px solid; BORDER-TOP: #3e647e 1px solid; BACKGROUND: white; BORDER-LEFT: #3e647e 1px solid; COLOR: #000; BORDER-BOTTOM: #fff 1px solid
}
Har tyvärr inga tips om meny vs. firefox..
Däremot så skulle du/ni kolla upp särskrivningar, stavning etc.
:smile:
Knåpa på!
/Håkan
Powered by vBulletin™ Version 4.2.5 Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.