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 |
#2 · Zasláno: 28. 12. 2008, 13:03:28 · Upravil/a: Railbot
.image2 { display:block; margin:0 auto; height: 220px; width: 900px; background-image: url(logo.jpg); } |
||
nowoten Profil |
#3 · Zasláno: 28. 12. 2008, 14:13:17
No tak dik pomohlo je to nastřed ale je to schovany za jednim obrazkem nevite jak to mam nastavit aby nebylo??
|
||
nowoten Profil |
#4 · Zasláno: 28. 12. 2008, 14:17:36
jo a aby to bylo uplně na hoře?
|
||
SwimX Profil |
#5 · Zasláno: 28. 12. 2008, 14:18:51
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 |
#6 · Zasláno: 28. 12. 2008, 14:23:47
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 |
#7 · Zasláno: 28. 12. 2008, 14:33:04
jaký pozicovaní by podle vás bylo dobrý??
|
||
nowoten Profil |
#8 · Zasláno: 28. 12. 2008, 14:40:15
no tak to mi tu stránku uplně rozhodilo
|
||
nowoten Profil |
#9 · Zasláno: 28. 12. 2008, 14:43:22
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 |
#10 · Zasláno: 28. 12. 2008, 14:48:52 · Upravil/a: SwimX
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 |
#11 · Zasláno: 28. 12. 2008, 14:51:43
a tady něco: http://css.interval.cz/layouty/
|
||
nowoten Profil |
#12 · Zasláno: 28. 12. 2008, 16:17:01
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.jpg); } .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"> </div> <div class="image2"> <p align="center"> </p> </div> <div class="image4"> <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"> </p> </div> <div class="image3"> <p align="center" class="style4">Designed by vojta-nov.</p> </div> <div class="image5"> <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 |
#13 · Zasláno: 28. 12. 2008, 16:18:31
jo dělam to přes dreamweaver 9
|
||
nowoten Profil |
#14 · Zasláno: 28. 12. 2008, 16:19:57
jo a nevíte jestli neni lepší dělat to přes tabulky?
|
||
SwimX Profil |
#15 · Zasláno: 28. 12. 2008, 17:09:34
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 |
#16 · Zasláno: 28. 12. 2008, 17:09:55
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 |
#17 · Zasláno: 28. 12. 2008, 17:10:17
V jiém rozlišení se to celé posune
|
||
nowoten Profil |
#18 · Zasláno: 28. 12. 2008, 17:59:48
ok tak to mám nevite jen jak nastavit margin na střed
?? |
||
nowoten Profil |
#19 · Zasláno: 28. 12. 2008, 18:03:39
prostě potřebuju ten obrázek na střed
|
||
nowoten Profil |
#20 · Zasláno: 29. 12. 2008, 10:12:23
prosim vas pomuze mi nekdo?
|
||
SwimX Profil |
#21 · Zasláno: 29. 12. 2008, 12:23:09 · Upravil/a: SwimX
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 |
#22 · Zasláno: 29. 12. 2008, 13:56:07
dekuju
|
||
Časová prodleva: 15 let
|
0