CSS alapu weblap
Egy ismerosomnek szeretnek egy weblapot kesziteni, nincs szuksegem sok mozgo kepre, grafikara, stb..
A kovetkezo keppen szeretnem az oldalt felosztani:
* Fejlec
- Egy kep (logo) a fejlecben
- Egy vizszintes menu a fejlecben
* Tartalom
- Ide kerul szoveg.
* Lab
- Ide kerul egy copyright szoveg.
Az oldal a kovetkezo cimen elerheto:
http://wplink.dyndns.org/joel/
a CSS pedig itt: http://wplink.dyndns.org/joel/style.css
A lap jol latszodik Explorer-ben es Firefox-ban. Az egyetlen problema, hogy ha kicsinyitem a browszer ablakat a kep elfut a helyerol.
Van otletetek miert tortenik ez? elnezest ha hujeseget kerdezek de kezdo vagyok web teren, eddig csak dokumentaciokat olvastam CSS-rol es eloszor probalom ki a dolgokat.
Szuksegem lenne par tanacsra mit gondoltok az XHTML kodrol, eddig jol hasznaltam a DIV-eket?
Koszonom !
■ A kovetkezo keppen szeretnem az oldalt felosztani:
* Fejlec
- Egy kep (logo) a fejlecben
- Egy vizszintes menu a fejlecben
* Tartalom
- Ide kerul szoveg.
* Lab
- Ide kerul egy copyright szoveg.
Az oldal a kovetkezo cimen elerheto:
http://wplink.dyndns.org/joel/
a CSS pedig itt: http://wplink.dyndns.org/joel/style.css
A lap jol latszodik Explorer-ben es Firefox-ban. Az egyetlen problema, hogy ha kicsinyitem a browszer ablakat a kep elfut a helyerol.
Van otletetek miert tortenik ez? elnezest ha hujeseget kerdezek de kezdo vagyok web teren, eddig csak dokumentaciokat olvastam CSS-rol es eloszor probalom ki a dolgokat.
Szuksegem lenne par tanacsra mit gondoltok az XHTML kodrol, eddig jol hasznaltam a DIV-eket?
Koszonom !
Hát így első ránézésre...
Nem
BODY?
ok
Szeretnek precizebb hozaszolasokat kapni. Koszonom!
precízebb
css-ben van a hiba
#main {
width:800px;
margin:auto;
background: url('images/rap.jpg') repeat-y;
}
) Utánna már a képet és a tartalmat az oldalon belül tudod igazgatni (margin, padding), nem ugrik ki belőle. A #logo-nak kb margin-left:20px; elég és a helyén lesz.
koszonom
Itt van egy kep: http://img226.imageshack.us/img226/2117/ballsavnc0.jpg
Tudnatok valami otletet adni? En azt vettem eszrem, hogy a margin: auto miatt tortenik, de nem vagyok benne biztos.
A jelenlegi CSS kodom itt van:
jobb oldalt sem működik
Én a css design-t ennek az oldalnak a forrásából tanultam meg:
http://www.etagenoir.com/
Egy fórum nem a legjobb hely a css megtanulására. Minden rosszindulat nélkül mondom, hogy fogalmad sincs az egészről. Lesz még kb 20 hasonló kérdésed, hogy "ez meg az miért nem működik", és a felénél se taratasz úgy sem. Nézz meg egy leírást ha akarsz van itt a Weblaboron is pár. Nézz meg egy működő oldalt. Ott van benne feketén fehéren, mit hogy kell csinálni.
szia
Szerintem nem a CSS megtanulasarol van szo hanem hasznalatarol. Oszinten mondom neked elolvastam legalabb 3 CSS konyvet de amikor kezedben van a billentyuzet mas mint a konyv. A peldak tobbet segitenek.
Most is elakadtam egy pontnal es szeretnek tanacsot kerni, remelem utolso keres lesz, megprobalok magamontol boldogulni.
A gond az, hogy ha a kovetkezo lapot: http://wplink.dyndns.org/joel/ megnyitom explorerben a kep es a szoveg kozt van egy kis hezag, ez nincs Firefoxban es operaban.
Meg lehet ugy oldani, hogy ne hozak letre meg egy CSS fajlot kulon explorernek ? Szeretnem ha a tavolsag a kep es a szoveg kozt egyforma lenne minden browszerben.
Elore koszonom !
tipp
Az elcsúszás, amit tapasztalsz az a #menu. Mivel nincs tartalma a legtöbb böngésző nem ad neki layoutot (mintha ott se lenne), a width: 758 viszont elég az explórernek, hogy megjelenítse. Innentől kezdve az alapértelmezett line-height magasságát megkapja. Ha írsz bele valami tartalmat, akkor már minden bönsészőben megjelenik, és nem is lesz különbség.
Más: szebb megoldás, ha a #main két oldalán padding is lenne. Akkor a benne lakó divek (#logo, #menu, #content, #footer) alapból csak az árnyékon belüli területtel rendekeznének, nem kéne mindegyiknek külön margint adni. A szélességeket szintén nem kéne megadni nekik.
Koszonom
Kiprobaltam minden lehetseges modszert de nem mukodik, mar szegyelek ide irni a forumra is. Ha tudnal valami otletet adni orulnek.
Koszonom!
Alapértelmezett stíluslapok
koszonom
Elvileg most mukodne rendesen az oldal: http://wplink.dyndns.org/joel/
A #main ID-nek raktam paddingot, jelenleg az osszes benne levo div az arnyek utan jon elo.