Menyknapper blir med da jeg zoomer ut! CSS!

Sitat av Harabo

Men da jeg zoomer ut så blir bildene med.

Vis hele sitatet...

Hva mener du med at bildene følger med når du zoomer? Kanskje du mener scrooler..?

I så fall bytt ut fixed med scroll i background-attachment. Eventuelt bare fjern hele linja

var ikke aprilspøk!

Trådstarter

Sitat av Rusk

Hva mener du med at bildene følger med når du zoomer? Kanskje du mener scrooler..?

I så fall bytt ut fixed med scroll i background-attachment. Eventuelt bare fjern hele linja

Vis hele sitatet...

Det jeg mener med zoom, er da man holder inne CTRL og scoller ut eller inn i firefox, da virker det som at knappene holder seg akkurat samme sted på skjermen, men dem blir større/mindre. Og da kommer dem helt ut av posisjon!

webdings

Da er antakelig problemet containeren knappene ligger i, ikke selve knappene. Bruker du position:absolute eller lignende?

var ikke aprilspøk!

Trådstarter

Sitat av fuzzy76

Da er antakelig problemet containeren knappene ligger i, ikke selve knappene. Bruker du position:absolute eller lignende?

Vis hele sitatet...

Er ganske ny på CSS:S

Her har du cssen:

Kode

body {
background-color:black;
background-image: url("bldr/Topheader.jpg"), url("bldr/page.jpg");
background-position:50% 0%, 50% 736px;
background-repeat:no-repeat, repeat-y;
}

#home {
background-image:url(bldr/home.png);
background-repeat: no-repeat;
width: 20%;
height: 121px;
margin-left: 26.23%;
margin-top: 1%;

}
#about{
background-image:url(bldr/aboutme.png);
background-repeat: no-repeat;
width: 20%;
height: 121px;
margin-left:37.8%;
margin-top:-4.45%;
}

#contact{
background-image:url(bldr/contact.png);
background-repeat: no-repeat;
width: 20%;
height: 121px;
margin-left:49.4%;
margin-top:-4.46%;
}

#stuff{
background-image:url(bldr/stuff.png);
background-repeat: no-repeat;
width: 20%;
height: 121px;
margin-left:61.5%;
margin-top:-4.47%;
}

webdings

Ser at jeg misforsto litt...

Grunnen til at dette skjer kan være at bakgrunnsbilder ikke blir strekt/krympa når du zoomer. Generelt ville jeg brukt <img>-tagger til knappene istedenfor å sette dem som bakgrunnsbilde.

Sist endret av fuzzy76; 8. juni 2010 kl. 10:50.

var ikke aprilspøk!

Trådstarter

Jeg gjorde om til

Kode

<div class="menu"> <a href="test.php"> <img src="bldr/home.png" border="0" /> </a> </div>

også setter jeg plasseringa i .menu. Men problemet mitt er at jeg setter margin-left: 100px; og da jeg da zoomer ut/inn så blir knappen 100px på skjermen. Mens resten og resten av sida krymper innover. Jeg låser liksom knappen til et fast punkt, hvordan skal jeg få margin-left til og øke/ synke da jeg zoomer inn/ut?

webdings

Jeg skjønner ikke helt problemstillingen, det hadde vært enklere hvis du hadde lagt siden ut en plass.

Jeg skjønner heller ikke hvorfor knappene skal ha forskjellig marg...

var ikke aprilspøk!

Trådstarter

Jeg fant feilen min, den var så enkel som at jeg hadde butta det i body, istede for og dytte det ned i container, så den feilen fungerer.

Men et litt ana problem jeg kom borti var at jeg har laga ferdige knapper, lagt alt inn i egene bokser. Men det som er at knappene vil ikke bli center. Jeg har prøvd ganske mye, men dem holder seg til venstre hele tiden.

Knappene skal stå horisontalt på rekke.

Kode

body {
	background-color:black;
}


#container {
	margin: 0 auto;
	position:relative;
	width: 1280px;
	text-align: left;
	text-align:center;
	background-image: url("bldr/Topheader.jpg"), url("bldr/page.jpg");
	background-position:center top, center 736px;
	background-repeat:no-repeat, repeat-y;
	min-height: 800px;
}

#navmenu {
	height: 50px;
	padding: 0px;
	border: 1px solid blue;
}

#navmenu ul {
	margin-top: 0px;
	list-style-type: none;
	padding-top: 0px;
}

#navmenu ul li {
	position:center;
	float:left;
	width: 130px;
	border: 1px solid green;
	line-height: 40px;
}

#navmenu ul li a {
	font-family: verdana, arial;
	text-decoration: none;
	display: block;
	width: 130px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}

webdings