Autor Zpráva
nowoten
Profil
dobrý den potřeboval bych vaši radu jak mám napozicovat na střed toto
.image2 {
	position:absolute;
	top:0px;
	left:155px;
	height: 220px;
	width: 900px;
	z-index: 3;
	background-image: url(logo.jpg);
}

popřípadě jak bych to měl přepsat
Railbot
Profil
.image2 {
display:block;
margin:0 auto;
height: 220px;
width: 900px;
background-image: url(logo.jpg);
}
nowoten
Profil
No tak dik pomohlo je to nastřed ale je to schovany za jednim obrazkem nevite jak to mam nastavit aby nebylo??
nowoten
Profil
jo a aby to bylo uplně na hoře?
SwimX
Profil
nowoten
Předpokládám, že máš všehno absolutně pozicované?
Buď musíš všechny position:absolute; zrušit a nahradit to nějakým způsobem marginem a paddingem
nebo

.image2 {
	position:absolute;
	top:0px;
	margin: 50%;
            left: -110px;
	height: 220px;
	width: 900px;
	z-index: 3;
	background-image: url(logo.jpg);
}
panther
Profil
nowoten
jo a aby to bylo uplně na hoře?
mě by spíš zajímalo, proč to máš celé absolutně pozicované.

Dej si pozor, ať se ti to v různých prohlížečích při různých rozlišení nerozpadá.
nowoten
Profil
jaký pozicovaní by podle vás bylo dobrý??
nowoten
Profil
no tak to mi tu stránku uplně rozhodilo
nowoten
Profil
Ach jo nevíte jak bych to měl nějak nastavit nebo uplně řekopat cely to absolutní pozicování mi nevyhovuje ale nevim jak to mám udělat jási to nějak napozicuju kouknu na to v jinym rozlišení a je to posunutý což je tim absolutním pozicováním nejdeto to nějak nastavit aby to bylo pořád na stajném místě?
SwimX
Profil
pořádně proči jpw.cz - např todle: http://www.jakpsatweb.cz/css/css-pozicovani.html
Vyházej všechny position: absolute;
nahraď je např marginem - vnějším okrajem. - http://www.jakpsatweb.cz/css/margin.html
SwimX
Profil
a tady něco: http://css.interval.cz/layouty/
nowoten
Profil
no tak to asi vzdávám protože teď sem to cely *osral když dam pryč position:absolute tak se to cely přeháže a ten margin taky nefacha nevite prostě ja to mám napozicovat na střed hale ja vim že vam lezu na nervi ale koukejte tady máte kod je to bordel ale je to kod


<!doctype html
PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html>

<head>

<meta name="generator" content="Price Media Cascade DTP V4">

<title></title>

<style type="text/css">





.image1 {
position:absolute;
top: 0px;
left: 0px;
height: 220px;
z-index: 3;
width:100%;
background-image: url(pozadi.jpg);
top: 0px;

}

.image2 {
position:absolute;
top:0px;
left:155px;
height: 220px;
width: 900px;
z-index: 3;
background-image: url(logo.jpg);
}


.image3 {
position: absolute;
top: 100%;
left: 0px;
height: 80px;
width: 100%;
z-index: 3;
background-image: url(podpis.jpg);
}


.image4 {
position: absolute;
top: 254px;
left:152px;
height: 343px;
z-index: 3;
background-image:(podpis.jpg);
background-repeat: repeat-x;
width:180px;
background-image: url(pozadi2.jp
g);
}

.image5 {
position: absolute;
top: 220px;
left: 398px;
height: 35px;
width: 614px;
z-index: 3;
background-image: url(pozadi1.jpg);
}

body {

background-color: #F5E1B8;
background-image: url();
background-repeat: repeat;
}
.style4 {
font-size: 16px;
color: #FFFFFF;
}



-->

</style>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('masaze2.jpg','solarium2.jpg','kosmetika2.jpg ','kadernictvi2.jpg','vizazistika2.jpg','nehtove-studio2.jpg','galerie 2.jpg','uvod2.jpg','novinkx.jpg','kontakt2.jpg','cenretifikaty2.jpg')" >

<div class="image1">&nbsp;</div>

<div class="image2">&nbsp;
<p align="center">&nbsp;</p>
</div>
<div class="image4">&nbsp;
<div align="center"></div>
<table width="150" height="275" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','masaze','',1)" onMouseOver="MM_nbGroup('over','masaze','masaze2.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="masaze.jpg" alt="" name="masaze" width="150" height="29" border="0" onload=""></a></td>
</tr>
<tr>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','solarium','',1)" onMouseOver="MM_nbGroup('over','solarium','solarium2.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img name="solarium" src="solarium.jpg" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','kosmetika','',1)" onMouseOver="MM_nbGroup('over','kosmetika','kosmetika2.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img name="kosmetika" src="kosmetika.jpg" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','kadernictvi','',1)" onMouseOver="MM_nbGroup('over','kadernictvi','kadernictvi2.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img name="kadernictvi" src="kadernictvi.jpg" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','vizazistika','',1)" onMouseOver="MM_nbGroup('over','vizazistika','vizazistika2.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img name="vizazistika" src="vizazistika.jpg" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','nehtovestudio','',1)" onMouseOver="MM_nbGroup('over','nehtovestudio','nehtove-studio2.jpg',' ',1)" onMouseOut="MM_nbGroup('out')"><img name="nehtovestudio" src="nehtove-studio.jpg" border="0" alt="" onLoad=""></a></td>
<tr>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','galerie','',1)" onMouseOver="MM_nbGroup('over','galerie','galerie2.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img name="galerie" src="galerie.jpg" border="0" alt="" onLoad=""></a></td>
</tr>
</table>
<p align="left">&nbsp;</p>
</div>
<div class="image3">&nbsp;
<p align="center" class="style4">Designed by vojta-nov.</p>
</div>
<div class="image5">&nbsp;<a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','uvod','',1)" onMouseOver="MM_nbGroup('over','uvod','uvod2.jpg','',1)" onMouseOut="MM_nbGroup('out')"> <img name="uvod" src="uvod.jpg" border="0" alt="" "" onload=""></a> <a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','novinky','',1)" onMouseOver="MM_nbGroup('over','novinky','novinkx.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img name="novinky" src="novinky.jpg" border="0" alt="" onLoad=""> </a><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','kontakt','',1)" onMouseOver="MM_nbGroup('over','kontakt
nowoten
Profil
jo dělam to přes dreamweaver 9
nowoten
Profil
jo a nevíte jestli neni lepší dělat to přes tabulky?
SwimX
Profil
nowoten
Víme. Není. Tabulky jsou tabulky - ne layouty webu.
absolutní pozicovaní dělá bordel.
Kód ti tady nikdo psát nebude. Projdi si ty odkazy a něco s nima dej dohromday :)
nowoten
Profil
Jo hale tak takhle de mi to dobře napozicovat ale v jiném rozlišení se co kazí takže to je ten problém
nowoten
Profil
V jiém rozlišení se to celé posune
nowoten
Profil
ok tak to mám nevite jen jak nastavit margin na střed
??
nowoten
Profil
prostě potřebuju ten obrázek na střed
nowoten
Profil
prosim vas pomuze mi nekdo?
SwimX
Profil
nowoten
Ty si se prostě rozhodl, že nenapíšeš ani ťuk a nic si nepřečteš. Tady ti lidé poradí, ne udělají všechnu práci. Pokud to chceš od někoho nakódovat, dej to do Práce a zakázky a nabídni cenu.

Po druhé: interval - layouty

Při absolutním pozicování:
.image2 {
	position:absolute;
	top:0px;
	margin-left: 50%;
            left: -110px;
	height: 220px;
	width: 900px;
	z-index: 3;
	background-image: url(logo.jpg);
}
nowoten
Profil
dekuju

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: