css
css
mno tak s tymto som sa este nestretol...pouzivam float aby som mohol mat viac divov vedla seba...ale robi to blbosti lebo divi ktore su nad tymi s float:left maju relativnu poziciu..(a absolutnou to funguje) ale rozhadze to cely web...
neviete pomoct?
.vzhlady {
font-size:15pt;
width:308px;
height:220px;
padding-top:10px;
padding-right:80px;
left:100px;
float:left;
text-align:center;
background : url('obr/podklad.jpg') no-repeat;
}
#stred {
position : relative;
width:936px;
height:auto;
margin:auto;
float:center;
}
.vrch {
background : url('obr/stred_vrch.gif') no-repeat;
left : 1px;
position : relative;
width : 936px;
height : 25px;
top : 7px;
}
.text {
left : 0px;
position : relative;
width : 936px;
height : auto;
top : 30px;
background : url('obr/stred_text.gif') repeat-y;
}
.spodok {
position : relative;
left : 0px;
width : 937px;
height : 36px;
background : url('obr/stred_spodok.gif') no-repeat;
}
neviete pomoct?
.vzhlady {
font-size:15pt;
width:308px;
height:220px;
padding-top:10px;
padding-right:80px;
left:100px;
float:left;
text-align:center;
background : url('obr/podklad.jpg') no-repeat;
}
#stred {
position : relative;
width:936px;
height:auto;
margin:auto;
float:center;
}
.vrch {
background : url('obr/stred_vrch.gif') no-repeat;
left : 1px;
position : relative;
width : 936px;
height : 25px;
top : 7px;
}
.text {
left : 0px;
position : relative;
width : 936px;
height : auto;
top : 30px;
background : url('obr/stred_text.gif') repeat-y;
}
.spodok {
position : relative;
left : 0px;
width : 937px;
height : 36px;
background : url('obr/stred_spodok.gif') no-repeat;
}
samozrejme...ale kedze si to ty tak ti ho napisem
<div id="stred">
<div class="vrch"></div>
<div class="stred">
<div class="vzhlady">cesta k nejakemu obrazku + odkaz</div>
<div class="vzhlady">cesta k nejakemu obrazku + odkaz</div>
<div class="vzhlady">cesta k nejakemu obrazku + odkaz</div>
<div class="vzhlady">cesta k nejakemu obrazku + odkaz</div>
</div>
<div class="spodok"></div>
</div>
<div id="stred">
<div class="vrch"></div>
<div class="stred">
<div class="vzhlady">cesta k nejakemu obrazku + odkaz</div>
<div class="vzhlady">cesta k nejakemu obrazku + odkaz</div>
<div class="vzhlady">cesta k nejakemu obrazku + odkaz</div>
<div class="vzhlady">cesta k nejakemu obrazku + odkaz</div>
</div>
<div class="spodok"></div>
</div>
nenichrono napísal:Podľa mňa je problém left:100px;. Ako môžu byť všetky tie elementy 100 bodov od kraja?
spravi to nieco taketo vid priloha
ked dam position absolute tak je to ok
pripadne nejaka ina moznost okrem floatu
btw float center neexistuje
btw 2 tu to mate http://master.warezman.info/wadmin/vzhlad.html nevsimajte si odskoky co su tam skusal som sa stym hrat
sak oki
nevies poradit s hentym?
pripadne tu mas odstrihnutu verziu
http://master.warezman.info/wadminlite/vzhlad.html
ide o to ze ked maju stred-vrch,stred-text a stred-spodok position:absolute (co sa nepaci prehliadacom) tak to ide ok ale s position:relative to nejde
plss pomoc
nevies poradit s hentym?
pripadne tu mas odstrihnutu verziu
http://master.warezman.info/wadminlite/vzhlad.html
ide o to ze ked maju stred-vrch,stred-text a stred-spodok position:absolute (co sa nepaci prehliadacom) tak to ide ok ale s position:relative to nejde
plss pomoc
mas stastie ze neviem co znamena btw, ale viem ze float center neexistuje a jediny dovod preco som to tam dal je ten ze ty ho tam mas kludne zadanywarezman napísal:btw float center neexistuje
Kód: Vybrať všetko
#stred{}ked tvrdis ze to nejde podla tvojich predstav tak cez aky prehliadac to skusas?. cez IE to ide ako to chces ak to mas cez firefoxa tak si do vlastnosti pre ten .spodok dopis este clear:left;warezman napísal:viemale nemyslim ze je to chyba....len je to tam naviac
ale dal som ho fuc
btw == mimochodom
chcel by som vas poprosit kedze ste vyriesili tam ten problem tak ci by ste nepomohli aj mne...a problemom u mna je ze iba v IE6 zatial iba na index.html mam jeden obrazok (#front) a float:right (.obtekaj) a pretoze to tam mam tak mi nechce vziat u toho #stred margin-left 8em.. vtip je v tom ze ak je text dostatocne dlhy (tj dlhsi ako vyska obrazku) tak to vyzera tak ako na ostatnych strankach...zatial som to poriesil ze su tam na konci 3x<br> ale chcel by som sa spytat ci nie je nejake rozumnejsie riesenie.(nastavenie vysky #stred robi problemy pri ostatnych strankach ktore maju dlhsi obsah)
stranka s pocitadlom nizsie kod bez pocitadla a bez reklamy co tam dava szm
css
obrazok
index.html bez pocitadla
dik..a este jednu vec neviete ako riesit otvaranie novych okien aby to bolo validne...(skusal som javascript aj to fungovalo ale ked niekto nema povolene scripty tak sa k obsahu nedostane
<a href="#" onClick="window.open('target.html')">odkaz</a> )
stranka s pocitadlom nizsie kod bez pocitadla a bez reklamy co tam dava szm
css
obrazok
index.html bez pocitadla
Kód: Vybrať všetko
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Cukráreň</title>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-2">
<style type="text/css">
<!-- @import "cukr.css"; -->
</style>
</head>
<body>
<div id="resolution">
<div id="header">
<div class="obtekajleft"><img id="logo" src="obr/logo.gif" alt="logo"></div>
<div id="adresa" class="obtekaj">Energetikov 29<br>Prievidza<br></div>
<div id="nadpis"> <img id="title" src="obr/title.gif" alt="Cukrár Hudec"><span class="neobtekaj"> </span></div>
</div>
<ul id="menu">
<li><a href="index.html">O nás</a></li>
<li><a href="tort.html">Torty</a></li>
<li><a href="cake.html">Zákusky</a></li>
<li><a href="album.html">Fotoalbum</a></li>
<li><a href="contact.html">Kontakt</a></li>
</ul>
<div id="stred">
<div class="obtekaj"><img id="front" src="obr/vchod.jpg" alt="pohľad z predu"></div>
<p>
<b>Cukráreň Sever</b> bola otvorená v roku 2003. Názov je odvodený z rovnomenného
sídliska v Prievidzi, kde sa cukráreň nachádza. Priamo v predajni sa dá zakúpiť minimálne
40 druhou zákuskov. Nachádza sa tu aj výroba zameraná hlavne na zákusky a torty.
Pre objednávky zákuskov nás môžte <a href="contact.html">kontaktovať</a> alebo prísť
osobne a určite budete spokojný.
</p>
<p>
Priďte si posedieť pri zákusku, dobrej káve či zmrzline.
</p>
<p>
Tešíme sa na Vás.
<p>
<div class="neobtekaj"> </div>
</div>
</div> <!-- resolution -->
<hr>
<div id="spodok">
V prípade problémov alebo pripomienok nám pošlite mail na
<a href="mailto:[email protected]">[email protected]</a>
</div>
</body>
</html>
moj problem je v tom ze ked odmazem z index.html tie tri <br> v tom obsahu(div=stred) tak sa na moze stat ze text bude mensi ako fotka na pravo a potom v IE6 mi posunie pozadie z div=stred az pod menu
(rozdiel ktory pri preklikavani si urcite vsimne)...a k tomu druhemu problemu: atribut target je v standarde strict zakazany a neviem ake by mohla byt za to rozumna nahrada potreboval by som to hlavne pri tych fotoalbumoch...a javascript nemusi mat kazdy povoleny a potom si ich nemoze prezerat