Új hozzászólás Aktív témák
-
Reiko
tag
Én is css-el oldottam meg!
Anno még gifet használtam pont emiatt, de a 256 szín kicsit gagyi lett
Szóval a html-be két linket szúrtam be egy style.css-t, amiben simán megadom, hogy:
background: url('hatter.png'); -> ezt a firefox jól kezeli!
Majd egy újabb link így:
<!--[if IE]>
<link rel=''stylesheet'' href=''iefix.css'' />
<![endif]-->
Amiben pedig:
.akarmi {
filter: progidXImageTransform.Microsoft.AlphaImageLoader(
enabled=true,
sizingMethod=scale,
src=''http://x.x.x.x/hatter.png''
);
background-image: none !important;
}
..és így ha minden igaz, akkor valid css-t kapsz! IE pedig használja a módosított verziót!
ui.: a filter után progid(kettőspont+nagy D)XImage...
[Szerkesztve] -
Reiko
tag
Esetleg linkeld be a kodrészt és hátha tudok segíteni! ;)
Amúgy én is strictben írogatom az oldalaimat!
Én ha menüt csináltam, akkor az kb így nézett ki:
<ul id=''menu''>
<li><a href=''#''>menü 1</a></li>
<li><a href=''#''>menü 2</a></li>
<li><a href=''#''>menü 3</a></li></ul>
CSS-ben pedig leszedem az ul tulajdonságait, mint margó/padding/dekoráció...
a li-nek adok meg méret/szín ...
az a-nak display: block/méret .... (+ hover opció)
...most ezt fejből és gyorsan írom, úgyhogy messze nem tökéletes, de hátha ad 5letet
Mondom, írd be, vagy linkeld azt a fránya kódot és este ránézek -
Reiko
tag
<html>
<head><title>Menü próba by Reiko</title>
<style><!--
#menu {width: 150px;
background: #cccccc;
list-style: none;
padding: 0px;
margin: 0px; }
#menu li { background: #777777;
text-align: center; }
#menu li a { width: 150px;
height: 30px;
line-height: 30px;
display: block;
text-decoration: none;
outline: none; }
#menu li a:hover {color: #ffffff; } --></style>
</head>
<body>
<ul id=''menu''>
<li><a href=''#''>menü 1</a></li>
<li><a href=''#''>menü 2</a></li>
<li><a href=''#''>menü 3</a></li></ul>
</body>
</html>
A menü 30px magas és 150px széles elemekből áll és nincs köztük rés!
A te esetedben a li elemeknek adj hátteret és kész, illetve jelöld őket külön id-kal, ha több fajta képet akarsz
A li a:hover-be is rakhatsz képet és akkor lesz frankó OnMouseOver effektus
Nekem működött Firefoxban és IE6ban is és ha minden igaz ez Strict -
Reiko
tag
Bizony!
Én is már sokadik webprogramozói szülinapomat ünneplem, úgyhogy tanácsolhatom/ megerősíthetem, hogy előbb az alapokkal (html-xhtml-css) kezdjed és miután ezek már valamennyire készség szinten mennek, próbálkozz a php+mysql párossal!
Kellő kitartással hamar el lehet őket sajátítani sztem!
És nem lebeszélni akarunk róla, mert biz szórakoztató és akár jövedelmező szakma is ez!
+
magyarán a webáruházból előbb árlistát csinálj, amit majd szépen fejlesztgetsz
[Szerkesztve] -
Reiko
tag
Igen, neked szántam
Ha a sima html megy akkor, vagy a strict kód felé érdemes fejlődni
..mikor jut el oda a világ, hogy egy oldal minden böngészőben normálisan nézzen ki??
vagy kezd a php-t!
Keresgess neten leírásokat (google a barátod ) az alapvető működéséről, esetleg tegyél fel otthon magadnak egy webszerver progit, amin gyakorolhatsz!
Keress példaprogikat, egyszerűeket! és próbáld megérteni azokat!
Ezután már foglalkozhatsz a php+mysql összekapcsolásával és a kezdetleges reggelős/ fórumozós oldalakkal!
Eltart egy darabig míg végigrágod, de használd a keresőt!
Ha vmi nem megy akkor beírod pl ''php string kezelés'', vagy ott a phpmanual [link] -
Reiko
tag
válasz OptimusPrime #512 üzenetére
<meta http-equiv=''refresh'' content=''30;url=http://x.x.x'' />
Szerintem így... -
Reiko
tag
válasz Hujikolp #516 üzenetére
és én még azt hittem vmi kis egyszerű oldalt linkelsz be
Konkrétan nem jöttem rá, de talán az segítene, ha fix méretet adnál a teljes oldalt tartalmazó és a tartalmat hordozó diveknek, mármint fix magasságot!
A közepén lévő híreket, pedig overflow: auto és lőn scrollbar!
Így már az oldalán lévő diveknek (azoknak is fix méret) megmondhatnád, hogy position: relative és pl top:300 -> azaz 300pixellel távolabb legyen az őt tartalamzó tetejétől...
Nemeccerű
de jó játék! -
Reiko
tag
válasz sksporky #523 üzenetére
Hali!
hááát elsőre, próbáld ki relatív elérési útvonalakkal: mármint ne http://... hanem csak simán /kepek/kep.jpg
ja persze ékezeteket mellőzd
Amúgy meg az is lehet, hogy az atw ilyen kaki én inkább használnék extra.hu-s tárhelyet, mert ott még banner csík sincs
ui.: az oldal kódja ...hát lehet, hogy valid kódnak tervezted, mindenesetre tele van rengeteg felesleges formázással! Minek írod minden sorba, hogy rendezze középre, amikor ezt egy sorban is megírhatod?
[Szerkesztve]
Új hozzászólás Aktív témák
- Kormányok / autós szimulátorok topicja
- CASIO órák kedvelők topicja!
- A fociról könnyedén, egy baráti társaságban
- Nvidia GPU-k jövője - amit tudni vélünk
- Modern monitorokra köthető 3dfx Voodoo kártya a fészerből
- AMD Navi Radeon™ RX 6xxx sorozat
- Lightyear - befektetési app
- iPad topik
- Vezeték nélküli fülhallgatók
- Fujifilm X
- További aktív témák...
- Újszerű - POWERCOLOR Radeon RX 5500 XT 8GB GDDR6 VGA videókártya
- Hibátlan - GIGABYTE GTX 1660Ti Windforce OC 6G 6GB GDDR6 VGA videókártya dobozos
- Hibátlan - PALIT GTX 1650 StormX 4GB GDDR5 VGA videókártya - tápcsatlakozó nélküli !!!
- MacBook Air M1, Space Gray, Magyar billentyűzet, makulátlan
- Samsung Galaxy S22 Ultra 5G 256GB, Kártyafüggetlen, 1 Év Garanciával