[CSS+HTML] Problém s pozicováním
Zdary lidi, dělám si takový menší stránky, a používám pro ně poprvé v životě (takže v tom docela plavu) kaskádový styly. Muj problem je ten- mam stránku těma stylama rozdělenou na horní 100% šířky pruh s menu, pod tim vlevo další pruh cca 10% a vpravo vedle toho zbytek jako aktivní zobrazovací část. Problém je ten,že asi jsem nějak správně nepochopil,jak CSS fungujou. Mam to rozvržený a potřebuju,aby se mi v jednotlivejch částech zobrazovali jednotlivý stránky. Zatim tohle řešim v html <iframe class="nadpis" src="horni1.html" scrolling=no background-color:#FDF5E6></iframe> ale něco mi řiká,že tohle nebude to pravý ořechový. Poradíte,jak na to líp?
A ještě jeden dotaz,související tak trochu s tim prvním: nedaří se mi nijak to horní menu zarovnat k levému okraji stránky. Když použiju do frame klasiku align="left" tak mi celý menu zmizí.Když si se zarovnánim doleva hraju v souboru se stylama, tak to dopadá podobně nebo sice je to zarovnaný doleva,ale napravo pak vidim lehce okraj toho iframu(nebo stylu?)-i když je nastavený všechno na 0px a pak na zbytku šířky toho horního stylu mam defaultní barvu celý stránky,což nechci. Tady je kdyžtak vyňatek s toho souboru se stylama:
body {
background-color: #FDF5E6;
margin: 0;
font-family: serif;
color: Black;
}
.nadpis {
position: relative;
width: 100%;
height: 126px;
font-size: large;
padding-top: 0px;
background-color: white;
border-bottom: dashed 0px;
}
.levy-sloupec {
position: relative;
background-color: #FDF5E6;
width: 219px;
height: 100%;
left: 0;
float: left;
text-align: center;
padding-top: 0px;
}
.hlavni {
border-left: dashed 0px;
position: relative;
margin-left: 219px;
width: auto;
height: auto;
background-color: White;
}
Díky za rady!
Re: [CSS+HTML] Problém s pozicováním
Pres framy rozhodne ne. dej tam normalne <div>y a do nich vraz obsah. (zkus se podivat na http://www.w3.org/TR/CSS21/visuren.h...ed-positioning)
Re: [CSS+HTML] Problém s pozicováním
Přes <div> byl původní plán to tam dát-bylo to tak i ve vzorovym příkladu,podle kterýho si s tim hraju, jenže nějak jsem nikde nenašel,jak to udělam tak,abych mezi divy nemusel psát složitě celej html kód,ale jenom tam hodil cestu na například už udělaný menu a to se mi tam rovnou zobrazilo...? Sorry,ale webovkám sem se zatim věnoval jenom okrajově... (a tak to taky počítam bude i nadále, tohle bude jenom moje stránka o mejch veteránech a jelikož jsem chtěl zabít dvě mouchy jednou ranou, taxem si to vzal i jako maturitní práci, takže to musí i nějak vypadat...)
Edit: Tak problém vypadá vyřešen. Našel jsem hrubku v tom zdrojáku horního menu,kde byly schovaný tagy <center> po jejich vymazání je vše v pořádku...
Re: [CSS+HTML] Problém s pozicováním
Pokud bys chtel nekam vkladat jen cestu k obsahu, at uz menu nebo cokoliv, nebude lepsi misto tohodle pouzit phpcko a include() ??
Re: [CSS+HTML] Problém s pozicováním
To menu se da vkladat pomoci php (pokud mas tu moznost).
Re: [CSS+HTML] Problém s pozicováním
Tak jdu studovat phpčko (zatim sem měl jenom nějaký základy- učil jsem se ho nedávno stejně od začátku jako ty CSS, ale o týhle možnosti jsem ještě nečetl....) Doufam,že poradíte,pokaď nic nenajdu ;)
Re: [CSS+HTML] Problém s pozicováním
Citace:
Původně odeslal SECRET_AGENT_BOND
Tak jdu studovat phpčko (zatim sem měl jenom nějaký základy- učil jsem se ho nedávno stejně od začátku jako ty CSS, ale o týhle možnosti jsem ještě nečetl....) Doufam,že poradíte,pokaď nic nenajdu ;)
Ono to skoro ani zadny PHPcko neni, jen proste tam, kam chces vrazit treba menu das misto kodu neco jako:
PHP kód:
<?php include 'menu.html'; ?>
a dal pak pokracujes v HTML kodu
Re: [CSS+HTML] Problém s pozicováním
Jj, už to tam mam udělaný přes to php, akorát teď řešim problem,že se mi to horní menu nějak ve Firefoxu rozhodilo (v IE je pěkně tak jak bylo)- je to dělaný v tabulkách, no a pokaď se mi nepodaří to nějakej rozhejbat,tak to horní menu budu asi muset komplet předělat do CSS :( Jinak tady je ta problémová část- udělá se mi tam mezera mezi první řádkou(je tam danej obrázek) a další řádkou s dalšíma gifama+ odkazama.....
<TABLE WIDTH=775 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=8>
<IMG SRC="images/tite.gif" WIDTH=775 HEIGHT=95 ALT=""></TD></TR>
///tady mam ve FireFoxu bílou mezeru cca 2 mm a za boha nevim,co jí tam vytváří ////
<TR>
<TD>
<IMG SRC="images/left_title.gif" WIDTH=214 HEIGHT=29 ALT=""></TD>