Pozicovani div a span

nepozicijte absolutne, pretoze ma kazdy nastavene rozne rozlisenie.

alebo potom hodte cely kod a popiste, co chcete dosiahnut.

a nejde udelat nejak ze pro kazde rozliseni napozicuji zvlast? a ono to samo rozpozna a prepne? ale pokud dam relative tak me to rozhodi jinak. to mam znovu napozicovat?

chcelo by to konkretny priklad...

edit // ale info obecne o CSS pozicovani.

mam v externim css tenhle kod:

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

na konkretni strance mam pak zapsane tohle:

<div id="text"><b><u>CNC Plazmové pálení</b></u> - Na vaši poptávku jsme schopni reagovat
<br>
v krátké době. Zhotovení programu z Vámi dodaných podkladů
<br>
- výkres, soubor (dwg, dxf), u jednoduších tvarů i podle vzorku.
<br>
Pálit lze z našeho i Vámi dodaného materiálu.</div>

pokud to zobrazim v jinem rozlišením je to cele rozhozene

Bylo by dobré, pokud by jsi všechny styly (css) vkládal do externího souboru. A teď k tomu pozicování.

<div class="body">
  <span></span>
</div>

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

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

Rozměry divu si nastav podle svého.

na jinem monitoru se stranka zobrazi dobre, ale jen ty texty a obrazky, jinak..

Text vlož do odstavců. Ty pak nastyluj.

<p></p>

#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.

jj ten text spravim.. ja potrebuju, aby byl text a vedle neho obrazek. pude to tak? pomoci absolutniho pozicovani to slo. a to mam cele ty stranky vlozit do DIVu?

To nejde říct. Nevím, co potřebuješ a na monitor ti nevidím. Podle mě není pozicování obrázku a textu potřeba. Naopak lépe se s tím možná dělá bez toho pozicování (samozřejmě ne vždy).
A jak se píše výše. Dej text do odstavců a nastyluješ odstavce raz-dva (třeba šířku, vnitřní a vnější okraje, aj).

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.

V dnešní době bych už asi nedělal weby s 760px, jelikož jen opravdu zřídka si uživatel nastaví rozlišení 800x600, nehledně na to, že si pak majitelé širokoúhlých monitorů stěžují na nudli.

Jak co. Já jsem spíše příznivec těch "gumových". Dát třeba pevnou šířku menu 150px a zbytek ať se roztáhne. U širokých monitorů je zase problém, že široké řádky se velmi špatně čtou.

Tak ostatně, maximální šířka stránky se dá také nastavit.

...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í.

Určitě si vzpomínáte na betaverzi nové homepage Seznam.cz.

tak zatim dik vsem.. vyzkousim a pak napisu jak to dopadlo

tak sem to vyřešil pomoci pozicovaní relativni polohou..
jeste mam dotaz, nevite jestli de udelat odkaz na otevreni v novem okne, aby to okno bylo maximalizované?

<a href="seznam.cz" target="_blank">seznam</a>
Jak se udělá maximalizované nevím, nikdy jsem to nepoužíval. Okno se přeci otevře tak velké, jak velké jej má uživatel ne? Pokus se vyloženě nezmenší třeba javascriptem, tak přes celý prohlížeč.

no tohle znam. ale pokud tam mam obrazek, tak se otevre jen polovicni okno a ten obrazek je zmenseny. ale to je celkem jedno..

ak chcete dosiahnut, aby sa po kliknuti na obrazok zobrazil v plnej velkosti, otvarajte ho pomocou JavaScriptu, kde nastavite velkost okna (trochu viac ako je obrazok). ak je obrazok napr. 120x50 tak date okno 125x50 a podobne...

edit // a podrobnejsie tu.

ok dik vsem.. pouzil sem ten javascript.. zas sem o neco chytrejsi

nz