Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailemVyřešeno Pozicovani div a span

Ahoj. mam takovy problem delal jsem stranky a texty a obrazky jsem pozicoval pomoci tagu div a span. napr obrazek takhle:

<span style="position: absolute; top: 110px; left: 850px">

Na mem monitoru to je jak ma, ale po zobrazeni na jiny monitor jsou texty a obrazky uplne jinde nez maji byt. Můžete mi poradit, jak to udelat, aby se zobrazovalo bsude stejne? Diky za odpoved.

Jsou zobrazeny jen nové odpovědi. Zobrazit všechny
Předmět Autor Datum
#text {font-size: 11; position: absolute; left: 400px} nemáš tady 11 čeho, jestli procent, pixelů,…
Kráťa 02.01.2008 18:02
Kráťa
jj ten text spravim.. ja potrebuju, aby byl text a vedle neho obrazek. pude to tak? pomoci absolutni…
DooFy 02.01.2008 18:06
DooFy
Dobře, tak ještě jednou. <div class="body"> <div class="object"> <h1>Nadpis</h1> <p>Lorem ipsum dol… nový
fleesh 02.01.2008 18:20
fleesh
V dnešní době bych už asi nedělal weby s 760px, jelikož jen opravdu zřídka si uživatel nastaví rozli…
fleesh 02.01.2008 18:15
fleesh
Jak co. Já jsem spíše příznivec těch "gumových". Dát třeba pevnou šířku menu 150px a zbytek ať se ro… nový
Kráťa 02.01.2008 18:21
Kráťa
Tak ostatně, maximální šířka stránky se dá také nastavit. nový
fleesh 02.01.2008 18:26
fleesh
...příznivec těch "gumových"....... je zase problém, že široké řádky se velmi špatně čtou. A proto… nový
host 02.01.2008 18:32
host
Určitě si vzpomínáte na betaverzi nové homepage Seznam.cz. :-D nový
fleesh 02.01.2008 18:40
fleesh
tak zatim dik vsem.. vyzkousim a pak napisu jak to dopadlo;-) nový
DooFy 02.01.2008 18:28
DooFy
tak sem to vyřešil pomoci pozicovaní relativni polohou.. jeste mam dotaz, nevite jestli de udelat od… nový
DooFy 03.01.2008 12:28
DooFy
<a href="seznam.cz" target="_blank">seznam</a> Jak se udělá maximalizované nevím, nikdy jsem to nepo… nový
Kráťa 03.01.2008 12:46
Kráťa
no tohle znam. ale pokud tam mam obrazek, tak se otevre jen polovicni okno a ten obrazek je zmenseny… nový
DooFy 03.01.2008 14:47
DooFy
ak chcete dosiahnut, aby sa po kliknuti na obrazok zobrazil v plnej velkosti, otvarajte ho pomocou J… nový
2laak 03.01.2008 14:57
2laak
ok dik vsem.. pouzil sem ten javascript.. zas sem o neco chytrejsi:-D:-D:beer: nový
DooFy 03.01.2008 15:40
DooFy
nz poslední
2laak 03.01.2008 17:48
2laak

#text {font-size: 11; position: absolute; left: 400px}

nemáš tady 11 čeho, jestli procent, pixelů, typografických bodů... asi pt. Takže si tam dej #text {font-size: 11pt; position: absolute; left: 400px}

Obrázky není třeba vkládat do divů a pozicovat ty divy. Můžeš pozicovat rovnou ty obrázky. Sám si vystačím s nastavením vnějšího okraje a pozicovat potřebuji opravdu zřídka. Deklaraci můžeš zadat naráz, přímo u obrázku by to vypadalo takto:
<img src="obrazky/bledemodrepuntickovany_racek.jpg" style="margin: 2Opx 100px 3px 35px">
(horní pravý dolní levý)
aby se to nerozhodilo, dělá se to tak, že se veškerý obsah vloží do <div> (hned za body) s definovanou šířkou (používá se 780px aby se to vešlo i na monitor 800 a nebyl dole posuvník).
Nebo se naopak udělají stránky "gumové", které se roztáhnou podle velikosti monitoru.

Dobře, tak ještě jednou.

<div class="body">

  <div class="object">
  <h1>Nadpis</h1>
  <p>Lorem ipsum dolor isamet, pidet quidu.</p>
  <img src="" alt="" />
  </div>

</div>
div.body {
  width: 500px;
  height: 500px;
  margin: 0px;
  padding: 0px;
  float: left;
  position: relative;
  top: 0px;
  left: 0px;
}

div.body div.object {
  position: absolute;
  top: 20px;
  left: 20px;
  float: left;
}

div.body div.object h1 {
  float: left;
  margin: 0px;
  padding: 0px;
  margin-top: 10px;
  margin-left: 10px;
  font-size: pt;
}

div.body div.object p {
  float: left;
  margin: 0px;
  padding: 0px;
  margin-top: 10px;
  margin-left: 10px;
  font-size: pt;
}

div.body div.object img {
  float: left;
  margin: 0px;
  padding: 0px;
  margin-top: 10px;
  margin-left: 10px;
  width: px;
  height: px;
}

Všechny ostatní elementy vnořené v divu - object - můžeš pozicovat klasickým způsobem.

...příznivec těch "gumových"....... je zase problém, že široké řádky se velmi špatně čtou.

A proto je ideální řešení, udělat gumový design s definovanou maximální šířkou. Tzv. "vocamcaď pocamcaď". :-) Koukat na weby se šířkou 100% ve fullscreenu v rozlišení 1600x1200 je fakt utrpení.

Zpět do poradny Odpovědět na původní otázku Nahoru