css

Programovacie jazyky, rady, poradňa...
ehm123
King
King
Príspevky: 1658
Registrovaný: 27 feb 2006, 6:45
Bydlisko: PD / Praha

css

Príspevok od používateľa ehm123 »

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;
}
mastermind
VIP
VIP
Používateľov profilový obrázok
Príspevky: 4810
Registrovaný: 09 feb 2005, 13:17

Príspevok od používateľa mastermind »

html si mame domysliet?
ehm123
King
King
Príspevky: 1658
Registrovaný: 27 feb 2006, 6:45
Bydlisko: PD / Praha

Príspevok od používateľa ehm123 »

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>
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

Podľa mňa je problém left:100px;. Ako môžu byť všetky tie elementy 100 bodov od kraja?
juho
Star
Star
Používateľov profilový obrázok
Príspevky: 551
Registrovaný: 11 máj 2007, 21:16

Príspevok od používateľa juho »

float: center????????
ehm123
King
King
Príspevky: 1658
Registrovaný: 27 feb 2006, 6:45
Bydlisko: PD / Praha

Príspevok od používateľa ehm123 »

chrono napísal:Podľa mňa je problém left:100px;. Ako môžu byť všetky tie elementy 100 bodov od kraja?
neni ;) co je na tom ze 100px ? kazdy od seba je 100px

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
Prílohy
Bez názvu.PNG
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

Na vytvorenie okraja je margin alebo padding (podľa toho, čo presne potrebuješ).
ehm123
King
King
Príspevky: 1658
Registrovaný: 27 feb 2006, 6:45
Bydlisko: PD / Praha

Príspevok od používateľa ehm123 »

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 ;)
juho
Star
Star
Používateľov profilový obrázok
Príspevky: 551
Registrovaný: 11 máj 2007, 21:16

Príspevok od používateľa juho »

warezman napísal:btw float center neexistuje
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 zadany

Kód: Vybrať všetko

#stred{}
ooh
ehm123
King
King
Príspevky: 1658
Registrovaný: 27 feb 2006, 6:45
Bydlisko: PD / Praha

Príspevok od používateľa ehm123 »

viem ;) ale nemyslim ze je to chyba....len je to tam naviac ;) ale dal som ho fuc

btw == mimochodom
juho
Star
Star
Používateľov profilový obrázok
Príspevky: 551
Registrovaný: 11 máj 2007, 21:16

Príspevok od používateľa juho »

warezman napísal:viem ;) ale nemyslim ze je to chyba....len je to tam naviac ;) ale dal som ho fuc

btw == mimochodom
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;
ehm123
King
King
Príspevky: 1658
Registrovaný: 27 feb 2006, 6:45
Bydlisko: PD / Praha

Príspevok od používateľa ehm123 »

juho napísal: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;
FIREFOx dopisem
ty si geeenius ono to funguje diik

k++
aj pivo online ;)
tuti
Light Professional
Light Professional
Používateľov profilový obrázok
Príspevky: 740
Registrovaný: 01 okt 2006, 19:23
Bydlisko: Prievidza

Príspevok od používateľa tuti »

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

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">&nbsp;<img id="title" src="obr/title.gif" alt="Cukrár Hudec"><span class="neobtekaj">&nbsp;</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">&nbsp;</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>
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> )
juho
Star
Star
Používateľov profilový obrázok
Príspevky: 551
Registrovaný: 11 máj 2007, 21:16

Príspevok od používateľa juho »

nejak som z toho tvojho textu nepochopil ze co s tym chces vlastne robit. a ze jak by to malo asi tak vyzerat
tuti
Light Professional
Light Professional
Používateľov profilový obrázok
Príspevky: 740
Registrovaný: 01 okt 2006, 19:23
Bydlisko: Prievidza

Príspevok od používateľa tuti »

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
Napísať odpoveď