- Xiaomi 15 - kicsi telefon nagy energiával
- Xiaomi 15T Pro - a téma nincs lezárva
- Huawei Watch GT 6 és GT 6 Pro duplateszt
- One mobilszolgáltatások
- Google Pixel topik
- „Új mérce az Android világában” – Kezünkben a Vivo X300 és X300 Pro
- iPhone topik
- Redmi Note 13 Pro+ - a fejlődés íve
- Akciófigyelő: kedvezménnyel nyit az Earfun Air Pro 4+
- Motorola Moto G67 Power előzetes
Új hozzászólás Aktív témák
-
tildy
nagyúr
Szaisztok!
Az alábbi problémával fordulnék hozzátok.
Adott egy xhtml oldal, amelynek a tetején ''tab-ok'' vannak, ilyen kis fülecskék, img (link)ben.
Namármost ezek a ksi fülecskék kijelzőtől függően kisebbek vagy nagyobbak, erről egy háttérben futó php gondoskodik.
Azt szeretném megoldani, hogy :
abban a sorban ahola tabok vannak, attól függően, hogy melyik tabon áll az ember , jelenjen meg a tabok alatt egy csík.
Ezt eddig cssben megoldottam, p.tab-ként, aminek a border-bottom -ja 4px magas csík volt , adott színnel, de szembesültem azzal a problémával, hogy kijelzőtől függően néha kihagy a képek alatt egy kis fehér sávot a borderig...
6233ason jó, a tabok alatt van a csík, de pl 3250esen nem !
Ezért úgy gondoltam inkább divbe rakom.
Ezzel viszont az a problémám, hogy csak a képek alá húz csíkot, nem arra a sorra ahola képek vannak , és nem igazán értem miért
-
Kuvik
tag
Sziasztok!
Én még új vagyok ebben a témában, szeretnék egy kis segítséget kérni...
Divet akarok létrehozni divben..
a style.css íy néz ki:
#container
{
position:relative;
top:0px;
left:0px;
width:780px;
margin:0;
padding:0;
}
#header{
position:relative;
top:0px;
left:0px;
height:119px;
width:780px;
margin:0;
padding:0;
background-image: url(header.jpg);
}
#left{
position:relative;
float:left;
top:0px;
left:0px;
width:234px;
height:400px;
background-image:url(bal.jpg);
margin:0;
padding:0;
}
#menu{
position:relative;
float:left;
top:0px;
left:0px;
width:546px;
height:50px;
background-color:white;
}
#content{
position:relative;
float:left;
top:0px;
left:0px;
width:546px;
height: 350px;
background-color:white;
}
#footer{
position:relative;
top:0px;
left:0px;
width:780px;
clear:both;
background-color:white;
}
ez pedig az index.html:
<div align=''center''>
<div id=''container''></div>
<div id=''header''></div>
<div id=''left''></div>
<div id=''menu''></div>
<div id=''content''></div>
<div id=''footer''></div>
</div>
</body>
a contentbe és a leftbe kellene nekem egy-egy div, eddig még sehol nem találtam konkrét infót, hogy lehet ezt megvalósítani. az se lenne rossz ha a konténer ''körül ölelné'' az összes divet meert perpill csak az oldal fölött van.
Előre is köszi a segítséget...
[Szerkesztve] -
vancha2
aktív tag
Csinálj két div-et, az egyik tartalmazza a segítséget (az id-ja legyen help), a másik tartalmazza a logót (az id-ja legyen logo). Mindkét div-et igazítsd balra, mondjuk abszolút pozíciókkal:
#logo, #help {
position: absolute;
right: 0px;
top: 0px;
}
#logo {
display: block;
}
#help {
display: hide;
}
A kis kérdőjel képét pedig így adod meg:
<img src=''help.jpg'' alt=''help'' onmouseover=''document.getElementById('help').style.display = block; document.getElementById('logo').style.display = hide;'' onmouseout=''document.getElementById('help').style.display = hide; document.getElementById('logo').style.display = block;'' />
Asszem iwiw-en is valahogy így működik.
[Szerkesztve] -
tkazmer
addikt
Tudjátok, az iwiw bejelentkező lapján van az a ''segítség a bejelentkezéshez'' dolog, amikoris ha a jobb felső sarokban lévő kis kérdőjel fölé viszed az egeret, akkor megjelenik a ''segítség a bejelentkezéshez'' szöveg jobboldalt, az iwiw logó helyett.
Gondolom ezt css-el oldották meg, próbáltam a forrásból megtudni, hgy hogyan is, de nem nagyon sikerült rájönnöm, biztos nem voltam elég figyelmes. A kérdésem az lenne, hogy hogyan lehetne ilyet csinálni? -
drakhel
csendes tag
hali! az alábbi problémám lenne.
dreamweaverben próbálok honlapot csinálni. létrehoztam egy külső css file-t, amiben van egy .navigation nevű szabály amit a linkekhez szeretnék hozzáadni. az oldalnál bállítottam h ezt a fájlt használja, és egy linkhez hozzá is adtam a szabályt, ami a dreamweaverben meg is jelenik, a browserben viszont már nem mi lehet a baj? kérlek segitsetek! előre is thx!
[Szerkesztve] -
#388
Louloudaki
aktív tag
cidalain
#387
Louloudaki
aktív tag
-
cidalain
veterán
ez azért van, mert amikor írod az űrlapot, akkor Entert nyomva egyből el is küldi. tehát ha aktív az űrlap akkor egyből aktiválódik is a submit gombja. és olyan kijelölt lesz, hogy egy kicsit vastagabb lesz a kerete.
utálatos dolog, de windowsos problem. nekem még nem sikerült eltöntetni. igaz nem is zavart, és nem is nagyon akartam eltüntetni (5 percet szántam rá azalat nem találtam css-es megoldást.)
persze ha nem alap gombot hagysza akkor asszem egyből jó lesz ha jól emlékszem. de ahhoz border kell levenni 1px solid-ra. de akkor meg hülyén néz ki a gomb, mert nincs 3D hatás -
vancha2
aktív tag
Van egy űrlapom, amit css-el formáztam. Adtam neki egy bordert, és a background-colort. Firefoxban nagyon szépen néz ki, IE-ben viszont, ha az űrlapból az egyik elem is aktív (pl írok egy beviteli mezőbe), akkor a submit gomb-nek a kétszer olyan vastag lesz a kerete, mint normál esetben. Ha az oldal valamelyik másik részére kattintok, tehát már nincs aktív része az űrlapnak, akkor megint jól néz ki a gomb. Ez miért van így?
[Szerkesztve] -
vancha2
aktív tag
Van egy div-em és ezt CSS-be így formáztam:
#tartalom
{
background-color: #F4F6F4;
width: 523px;
float: left;
margin-left: 10px;
}
Ebben van egy szöveg, ami túlcsordul a div-en. Hogy tudom azt megcsinálni, hogy a div szélénél megtörjön a sor, és a div-ben maradjun a szöveg, ne lógjón túl rajta??
[Szerkesztve] -
#379
tildy
nagyúr
Louloudaki
#378
tildy
nagyúr
válasz
Louloudaki
#378
üzenetére
Próbáltam , de akkor volt közte sorköz. Midnegy megoldottam egyelőre:
p.tab {
background-color: #0099FF;
border-left: none;
border-top: none;
border-right: none;
height:30px;
border-bottom: 4px solid #e5d19f;
}
[Szerkesztve] -
tildy
nagyúr
Segítene valaki?
Azt szeretném megoldani, hogy a this is some text úgy jelenjen meg, hogy körülötte kék háttér, közvetlenül a kék háttér alatt pedig egy okker csík.Próbáltam ezt :
<html>
<head>
<style type=''text/css''>
body
{
background: #00ff00;
}
table
{
background: #e5d19f;
margin:0px;
}
p.tab{
background: #0099FF;
}
</style>
</head>
<body>
<table><tr><td><p class=''tab''>This is some text</p></td></tr></table>
</html>
De ez körben csinálja az okker csíkot. Hogy lenne érdemes megoldanom, hogy csak alatta legyen ?
div-eket tilos használnom!
[Szerkesztve] -
#376
vancha2
aktív tag
DeltaPower
#374
vancha2
aktív tag
válasz
DeltaPower
#374
üzenetére
Tudom mi az a float, és is ezzel próbálkoztam. Az volt a hiba, hogy csak a második div-nek adtam meg a float: left;-et.
-
VladimirR
nagyúr
adott egy oldal, amit szeretnek ugy megcsinalni, hogy ne legyen konkret felbontasra optimalizalva
nagyjabol egesz jol elvagyok vele, viszont felmerult egy kerdes:
van 3 oszlop, s a bal oldaliba szeretnek tenni egy bejelentkezest
ez ugye ket input mezo es egy gomb
az elrendezest ugy szeretnem megoldani, hogy az elso sorban van a nev input-mezoje, alatta pedig egy sorban a jelszo input-mezoje es az ok gomb
emellett szeretnem, ha a bal oldali oszlop teljes szelesseget elfoglalna mindket sor, valahogy igy:
┌───────────┐
└───────────┘
┌─────────┐┌┐
└─────────┘└┘
(tehat az elso input ugyanolyan szeles, mint a masodik a gombbal egyutt)
hogyan tudnam megoldani ezt anelkul, hogy az input-ok szelesseget px-ben, pt-ben vagy egyeb hasonlo, felbontastol fuggetlen egysegben kelljen megadnom? -
Tippcsi10
tag
hy
kipróbáltam a padding-left-et.... most IE-nél jó (ezt már én is próbáltam előtte), csak ugye FF-nél meg a padding megnöveli a div méretét és igy nagyobb lesz mint kéne
szóval külön-külön működnek csak egyszerre nem akarja azt csinálni amit szeretnék
de azért köszi a választ -
Tippcsi10
tag
hy
olyan gondom van, hogy:
van egy div-em adott hosszuság, magasság és ebben van egy másik div szintén fix méretekkel,
a gond az hogy mikor a belső divet ki akarom rakni pl a bal szélére akkor a
margin-left:5px értékre sokkal nagyobb helyet hagy ki mint 5px, ha 0-ra rakom akkor 0 az jó
jahh, ezt IE-nél csinálja csak, FF-nél jók a margók
tudna valaki valami megoldást?
köszi -
Tippcsi10
tag
hy
adott egy egyszerű honlap:
felül:fejléc
bal oldalt:menü
jobb oldalt
artalom
a menüben vannak a linkek
az szeretném elérni, hogy a menü egyes elemére katintva a jobb oldalon jelenjen meg a link tartalma, ezt hogy kell megcsinálni?
nem tudom érthető-e igy a kérdésem?
eklőre is köszi a válaszokat
jahh a honlapot div-ekkel csinálom
[Szerkesztve] -
#352
Forest_roby
őstag
Reiko
#350
Forest_roby
őstag
Hi!
Először is köszi a válaszokat!
Reiko:
A png/gif es dolgot lehet megpróbálom, talán kicsit körülményesebb, de ha ez az egyetlen megoldás, akkor nincs más választásom....
A link az nem volt helpfull, de azért köszi!
mod: a link -nél van 2. és 3. oldal is... van még remény!!!
MyCroft:
div -el próbáltam és úgy nem volt jó sajna.
[Szerkesztve] -
#351
MyCroft
tag
Forest_roby
#349
MyCroft
tag
válasz
Forest_roby
#349
üzenetére
Azt megpróbálhatod, hogy azt a szöveget, amit nem akarsz átlátszóvá tenni, berakod egy <span> vagy <div> elembe, és annak visszaállítod az opacity tulajdonságát olyanra, amilyenre szeretnéd
-
#350
Reiko
tag
Forest_roby
#349
Reiko
tag
válasz
Forest_roby
#349
üzenetére
Elsőnek lehet, hogy jobban járnál gif vagy png kit. képek alkalmazásával a td hátterén, ugyanis az nem befolyásolja a td tartalmát!
Annyi a bibi, hogy a gif csak 256 színt tud és ebből csak 1 lehet transparens, a png tudja az alpha-t, de viszont a támogatottságával lesznek problémáid (én is ezzel szívok
)!
Ha mégse akkor másodiknak google
Beírtam, hogy opacity és meg is találtam ezt pl: [link]
..szóval nem próbáltam ki a kódot, amit írtál, de szerintem azért csinálja, mert a tulajdonság, amit adtál a td-nek átöröklődik a tartalmára is...
Én nem szoktam opacityt használni, mert úgy tudom, hogy nem minden böngészde tudja normálisan kezelni
Remélem helpfúl voltam
-
#349
Forest_roby
őstag
Forest_roby
őstag
Hi!
Egy weboldalon a td elemek némelyikére alkalmazom ezt:
#transp50 {background: #ffffff;
opacity: 0.5; filter: alpha(opacity=50);}
Ettől szép transparens lesz és az alatta lévő kép szépen látszik.
Ez idáig szép és jó, de ha ebbe a td -be írok vmi szöveget, akkor az is homályos lesz, transparens.
Van rá vmi megoldás, hogy a td -n bellül lévő szöveg ne legyen transparens?
Előre is köszi!
Forest
mod:
valahogy így néz ki:
...
<head>
...
<link href=''transp.css'' rel=''stylesheet'' type=''text/css''>
...
</head>
...
<table><tr>
<td id=''transp50''></td>
</tr></table>
...
[Szerkesztve] -
#348
Veriakilis
őstag
Veriakilis
őstag
Sziasztok!
Nem tud valaki egy jó kis css alábolmló (dropdown) menü kódot?
Függőleges (vertikális) menü kéne.
Az almenüknek az egér ráhúzásakor kéne megjelenni.
A menüt relatív szeretném pozicionálni.
Veriakilis -
#347
tildy
nagyúr
Louloudaki
#346
tildy
nagyúr
válasz
Louloudaki
#346
üzenetére
Az lehet, csak ami megjelenést illeti azokat szerettük volna cssben kezelni , hogy a html kódban már ne nagyon legyen ilyesmi.
-
#345
tildy
nagyúr
Louloudaki
#344
tildy
nagyúr
válasz
Louloudaki
#344
üzenetére
border-spacing :0
border-style: none
lett a jó -
tildy
nagyúr
Sziasztok!
Ékletemben először cssezve az alábbi problémával kerültem szembe.
Adott egy táblázat, amiben a sorokat ki kéne színezni.
Próbáltam úgy megadni, hogy:
tr.smoke {
background: #F5F5DC;
}
de ekkor ha a tr-en belül több td is van, akkor egy fehér függőleges csík jelenik meg minden td előtt. Na én emg azt akarom, hogy ne legyen.
Mindenképpen kell a táblázatos forma, mobilok ezt preferálják leginkább. Ötlet? -
#342
D.R.O.
tag
Louloudaki
#341
D.R.O.
tag
válasz
Louloudaki
#341
üzenetére
Tudtam, hogy nem lesz egyszerű a dolog.
Azé köszi. -
D.R.O.
tag
Hello!
Lenne egykérdésem.
Van nekem egy fáljfeltöltő szkriptem, ami frankón működik, és meg szeretném formázni CSS-el. De. Van ugye maga a form:
<input type=''file'' name=''felh_fajl''>
Ehhez jár egy szövegmező, meg egy tallóz gomb. Nah én anak a tallóz gombnak a képét szeretném megváltoztatni egy általam (vagy más által) készített gombra.
Hogy tudom én ezt megcsinálni, mert próbáltam class-t dobni a formra ugyanúgy ahogy az ilyen gombokra szokás (submit-nál működött), de nem csinált semmit.
Ha esetleg valaki tudja hogy ezt hogy kell megoldani, annak a segítségétmegköszönném. -
#338
RedAnt
aktív tag
Louloudaki
#337
RedAnt
aktív tag
válasz
Louloudaki
#337
üzenetére
ha jól emlékszem a line-height levételével (pl 1px) lehet megoldani ezt a problémát.
-
#337
Louloudaki
aktív tag
Louloudaki
aktív tag
létezik az, hogy ie-ben a div magasságával nem lehet egy bizonyos érték alá menni?
div#csik {float:left; width: 769px; height: 5px; background-color: #81d100; margin-bottom: 2px;}
ez ff-ben 5px magas, ie-ben majdnem 20. (margin, padding lenullázva a css legelején, nem az a baj.) van erre valami megoldás, vagy csináljak egy ekkora hr-t, esetleg szúrjak be képként egy ekkora csíkot? -
RedAnt
aktív tag
Neten sok megoldást találni erre a problémára, a legegyszerűbb szerintem ha nem a magasságot növeled, hanem a három oszlopot beteszed egy divbe, és ennek adsz egy olyan hátteret ami egy 1px magas kép függőlegesen ismételve. Ha megnézed itt a PH! fórumon is ez van [link], nem az oszlopoknak van hátterük, azok átlátszóak, hanem az egész mögé van téve ez a csík, és ettől úgy néz ki mintha ugyanolyan magasak lennének az oszlopok. néha érdemes ezt megjátszani, hogy meglévő oldalaknál megnézed, hogy csinálták, sokat lehet tőlük tanulni. Firebug kiterjesztés jól jöhet ehhez.
-
tkazmer
addikt
Van egy #balsav-om(150px széles), egy #tartalom(700px széles)-om, és egy #jobbsav-om(150px széles). A balsávban van a menü, a jobbsávban meg első sorban a bejelentkezés után fontos informácók. Ezek fix magasságúak. Viszont a tartalom váltózó magasságú. A #tartalom-nál a height-et auto-ra állítottam, viszont nem tudom, mire állítsam a balsav-nál és a jobbsav-nál, ha ott is auto-ra állítom, elszáll az egész(főleg a #lablec), és nem lesz csak olyan magas, amilyen a menü pl, nekem pedig az kellene, hogy mind a 3 mindig egyenlő magasságú legyen, mégpedig elsősorban a tartalom határozza meg, hogy milyen magasak.(de amikor a tartalom alacsonyabb mondjuk a menünél, akkor abból ne legyen probléma)
-
RedAnt
aktív tag
Helyes
nem mindig egyszerűbb, pláne ha dinamikus szélsségű oldalakat csinálsz, bár általában azok is megoldhatóak css-sel. Viszont egyrészt az lapok sokkal jobban kezelhetők pl. látássérültek (igen, vannak, neteznek) vagy keresőmotorok számára, a kód általában jóval kisebb és áttekinthetőbb lesz (td, tr-ek tömkelege megszűnik), és megoldhatóak olyan dolgok, amiket táblázatokkal nem mindig lehet, pl. pont az abszolút pozícionálással gyakorlatilag oda teszed a tartalmakat, ahova akarod.
[Szerkesztve] -
alitak
senior tag
Van egy oldal, amiben div-ekkel pozicionálok. Miért van az, hogy nem adott koordinátára teszi amit akarok?
A style.css -ben van ilyenem:
#hirek{
width:350px;
height:auto;
background-color:#0066cc;
top:290px;
left:260px;
}
Az oldalban meg ez van:
<div id=''hirek''> ... </div>
Ezt a boxot viszont az előző alá rakja. mit kell még beállítani? -
D.R.O.
tag
Hello mindenkinek!
Segítségre lenne szükségem:
Van egy div-em 150px magas meg 400px széles, amiben szintén egy div elem van amiben három sornyi szöveg található.
A kérdésem: hogy igazítom vertikálisan középre a szöveges divet, a másik diven belül?
Találtam valami vertical-align parancsot de nem működött. Nem csinált semmit.
A válaszokat előrre is köszönöm, -
vakondka
őstag
Sziasztok,
Van egy listaelemes css-javascript kinyílós menüm a weboldalon a bal oszlopban.
mellette van a tartalom, ahová be akartam rakni egy wmv fájlt, azzal nincs is semmi gond...
...viszont a menü a videó alá nyílik ki és most a főoldalamon nem lehet használni a menüt...
Valami ötlet erre ?
z-index el próbálkoztam, de semmi változás...
[Szerkesztve] -
RedAnt
aktív tag
-
RedAnt
aktív tag
A text-align csak blokk-szintű elemekkel működik, a span nem ilyen, illetve azzá tehető egy display:block; tulajdonsággal.
Valamint, bár ez lehet hogy triviális, de azért mondom, hogy amit csinálni akarsz, az nem a span-t fogja jobbra tenni az őt körülvevő elemekben, hanem a spanon belüli szöveget. -
RedAnt
aktív tag
értelmezte, csak nem úgy ahogy vártad. Az volt a baj hogy -1-et adtál a képeknek, amit a firefox úgy értelmezett, hogy betette őket az egész háttér és minden mögé, ezért egyáltalán nem jelentek meg.
Ha megnézed a linkemet, látod a megoldást: ne a képeknek adj -1-et, hanem amit eléjük akarsz rakni, azoknak +1-et, így helyesen fog működni. -
supesz
aktív tag
Ma este már elzsibadt az agyam, de utánanézek annak, amit mondtál. Mindenesetre fura, hogy az IE értelmezi, ha a képnek adok z-index paramétert az FF pedig nem. Eddig nálam ez rendszerint fordítva történt. Ennek vajon mi lehet a magyarázata?
/*A kérdés költői, de ha tudod a választ, ne fogd vissza magad! */ 
-
supesz
aktív tag
<style type=''text/css''>
body {font-family: georgia; margin: 0 0 0 350px; background: #ffe1b7;}
#duma p {width:310px; text-align: justify; border: 1px solid #000; padding: 2px 5px 2px 5px; background: #ffe1b7;}
p {width:310px; text-align: justify; border: 1px solid #000; padding: 2px 5px 2px 5px; background: #ffe1b7; text-align: right;}
.extra1 {position: absolute; z-index: -1; top: 300px; left: 240px;}
.extra2 {position: absolute; z-index: -1; top: 550px; left: 590px;}
#box1 {position: absolute; top: 262px; left:670px; width: 190px; border: 1px solid #000; padding: 2px 5px 2px 5px; text-align: justify; background: #ffe1b7;}
.extra3 {position: absolute; z-index: -1; top: 160px; left: 670px;}
#box2 {position: absolute; top: 462px; left: 150px; width: 190px; border: 1px solid #000; padding: 2px 5px 2px 5px; text-align: justify; background: #ffe1b7;}
.extra4 {position: absolute; z-index: -1; top: 630px; left: 150px;}
</style>
[Szerkesztve] -
M@tt|-|3W
csendes tag
Sziasztok, dinamikus oldalt készítek css felépítéssel azonban van egy kis problémám! Szeretném ha a flash elemeim középen lennének ami sikerül is! Azonban a flash mögött lévő ismétlődő háttér nem jelenik meg Kérlek benneteket segítsetek! Itt az oldal forrása!
html{
border:1px #515151 dashed;
margin:0px;
background:#333333;
height:auto;
}
body {
background-position: center;
background-color: #333333;
font-family: arial,''arial, helvetica, sans-sherif'', sans-sherif;
color: #FFFFFF;
}
#fejlec {
width: 100%;
height: 147px;
background-image: url(images/fejlecrep.gif);
margin-bottom: 0px;
}
#menu{
width: 400px;
margin:0 auto;
background-image: url(images/menurep.gif);
}
div#menusor {
background-image: url(images/menurep.gif);
height:33px;
width:100%;
}
#menusor {
width: 696px;
margin:0 auto;
height: 33px;
background-image: url(images/menurep.gif);
}
div#tartalom{
min-height:400px;
height: auto !important;
height: 400px;
}
#tartalom p{
margin:0;
padding:0;
}
#tartalom {
margin-top: 0px;
width: 100%;
min-height:400px;
height: auto !important;
height: 400px;
background-color: #606060;
background-image: url(images/tartrep.gif);
background-repeat:repeat-x
}
#lablec {
margin-top: 0px;
width: 100%;
height: 56px;
background: url(images/lablec.gif);
}
/* */
h1 {
font-size: 30px;
color: #b77134;
}
li {
font-size: 16px;
margin-left: 30px;
}
li a {
color: #ffffff;
}
li a:hover {
font-weight: bold;
} -
czappa
aktív tag
Bocs, hogy itt elbeszélgeték magamban, de találtam vmit amit nem értek.
Úgy tudtam, hogy ie6 rendesen használja a margint, szóval lehet én csinálok valamit rosszul.
az oldal:
[link]
és a css:
[link]
Ha megnézitek az oldalt ff2-vel és ie6-tal, akkor látható, hogy ie6 betesz még egy kis margint a jobb oldalra. (nem vészes, de ott van)
Na mára joccakát, mindjárt holnap.
[Szerkesztve]
[Szerkesztve] -
czappa
aktív tag
Höhö, ez mekkora lol.
Eszembe jutott a W3C CSS validátora, ezért leellenőríztem, azt írja, hogy:
''3 #bal_menu Invalid number : background-color grey is not a color value : grey''
Kicsréltem cyan-ra és már látszódik ie-ben...
Végülis egy du. + este alatt rájöttem...
mod.: Az más kérdés, hogy a W3C szerint a cyan sem jó szin, de látszódik ie-ben és ez a lényeg.
megj.: Ezek persze csak próba színek az oldal nem így fog kinézni.
[Szerkesztve] -
czappa
aktív tag
Hááát újra itt vagyok... Csak egy fél napom ment el az ie6 baromsága miatt.
No a lényeg:
Van egy div-em benne 3 db floatolt div. Két menü meg egy tartalom rész. A tartalom (inner) háttérszíne látszódik a két menü-é nem...
Tudom ez egy ismert ie6 bug, elvben tudom is rá a megoldást, de most nem... Egyébként csak annyi kéne, hogy a tartalmazóban ott a legyen a ''position: relative;'' sor, ez még kéne, hogy oldja a problémát, de semmi.
Néztem guglival, találtam más megoldást is, de nekem nem működött.
Feltöltöm a css és a html file-t:
[link] és
[link]
Ha beírod az URL-t ''http://czappa.fw.hu/2.html'' látható lesz a különbség ie6 és ff2 között. (Ehh fáradt vagyok; a 2. link az ez az URL.)
Előre is köszi.
[Szerkesztve] -
czappa
aktív tag
1)A honlapnál URL-ben adom át h mi legyen az inner tartalma, de ha nem kap semmit (pl amikor a user beírja az url-t), akkor a ''kezdő oldal'' lesz az inner tartalma. Ideáig mivel még csak készülget az oldal, ezért a kezdő lap helyett adatbázis lekérdezés eredménye volt a kezdő oldal.
Na a lényeg h megcsináltam rendesebben, így alapból egy statikus oldal a kezdő oldal és most már minden rendesen néz ki. Magyarul nem tudom pontosan miért, de eltünt a ''mű'' padding, és most már jó.
A többit is köszi, egy kis plusz próbálgatás árán sikerült megcsinálnom, hogy most már (minimális pixelnyi eltéréseket leszámítva) ugyan úgy néz ki az oldal, FF-en és IE-n is.
Szóval köszi mégegyszer.
(egy időre hanyagolom a topicot vizsgák miatt, később talán még leszek itt)
[Szerkesztve] -
RedAnt
aktív tag
1. Paddingot nem tudom mi okozza, látni kéne a htmlt mert ennyi alapján nem kéne lennie. Próbáld ki, akkor is van e ha az innerben csak egyszerű szöveg van.
2a. Adjál float: left tulajdonságot a container és a content classeknek is. btw, erre a célra inkább id-k használatát javasolnám class-ek helyett
2b. Ezt nem a menü magasságának állításával fogod tudni elérni, hanem a hátterekkel kell ügyeskedni. Pl. a containernek megadsz egy ilyesféle hátteret:
background: #d6f0f0 url('teal.png') repat-y top left;
ez betesz az egész conatiner mögé egy függőlegesen isméllődő teal.png képet, ahol a kép egy 180x1 pixeles zöld vagy milyen mező, a többi helyen meg az inner háttérszíne lesz.
Vagy ha tudod hogy melyik mező lesz mindig magasabb, akkor a másik háttérszínét megadod a containernek, így az üres helyeken az jelenik meg, tehát a rövidebb blokk alatt.
+ Az overflow: auto szvsz nem kell oda, hacsak nem görgethető mezőt akarsz, de mivel nem kötöd ki a méreteit, úgyis ''továbbnől'' ha kell.
A bottom résznél meg egy clear: both részt hiányolok még hogy az egész alá kerüljön, ne floatoljon.
[Szerkesztve] -
czappa
aktív tag
Módosítottam a tanácsodra a kódon (most csak a css-t másolom ide)
<style type=''text/css''>
body {
margin: 0;
padding: 0;
border: none;
/*position: relative;*/
/*font-family: verdana, arial, sans-serif;*/
}
div {
margin: 0;
padding: 0;
border: none;
}
.top {
height: 60px;
background-color: teal;
color: #fff;
font-size: 36px;
}
.container {
}
.menu {
float: left;
/*display: inline;*/
width: 180px;
background-color: teal;
overflow: none;
}
.inner {
background-color:#D6F0F0;
overflow: auto; /* This property will allow the block to be scrollable */
font-size: 14px;
}
.bottom {
/*width: auto;*/
height: 30px;
background-color: teal;
/*color: #fff;*/
font-size: 12px;
}
</style>
Így néz ki ie6 alatt:
[link]
[link]
és ff2 alatt:
[link]
Ahogy ff2 alatt megjelenik az majdnem jó, kivéve (2b)
(1) Látható, hogy ie6 mintha tenne egy kis paddingot, csak azt nem értem miért. Ennek elvileg nem kéne ott lennie
(2a)ff alatt a menü és a belső rész két külön oszlopban jelenik meg, így szeretném. Ie esetén a menüt körbefogja az inner rész. Ez az ie vagy az én hibám?
(2b)Igazság szerint azt szeretném, hogy a menü addig érjen, amíg a bottom részbe nem ütközik, magyarul olyan magas legyen, mint az inner rész. Ám ez állandóan változik, nem állandó, azt szeretném, hogy az inner magasságához igazodjon a menü magassága is.
Lehet, hogy most sem tudtam pontosan elmondani, de a képek beszédesebbek.
[Szerkesztve]
artalom
)
igeeen, köszi. de azon kívül még egy & nbsp; is kell bele, különben azzal sem működik.
Új hozzászólás Aktív témák
- Milyen billentyűzetet vegyek?
- Path of Exile (ARPG)
- Vezeték nélküli fülhallgatók
- sziku69: Szólánc.
- S.T.A.L.K.E.R. 2: Heart of Chornobyl
- AMD K6-III, és minden ami RETRO - Oldschool tuning
- VR topik (Oculus Rift, stb.)
- EA Sports WRC '23
- A világűrbe repíti az AI-t az NVIDIA és a Starcloud
- Kamionok, fuvarozás, logisztika topik
- További aktív témák...
- Fractal Design Gamer PC - Intel i5-9600k 16GB 1000GB RTX 2060 1 év garancia!
- BESZÁMÍTÁS! Acer KG251QF 24 144Hz FHD TN 1ms monitor garanciával hibátlan működéssel
- BESZÁMÍTÁS! Gigabyte B450 Aorus Elite R5 5600X 32GB DDR4 512GB SSD RX 6700XT 12GB ZALMAN S2 TG 750W
- HIBÁTLAN iPhone 13 mini 128GB Starlight -1 ÉV GARANCIA -Kártyafüggetlen, MS3611, 94% Akkumulátor
- BESZÁMÍTÁS! Gigabyte B650 R7 7700 32GB DDR5 1TB SSD RTX 4070 Ti 12GB Asus TUF Gaming GT 501 750W
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest
Cég: Promenade Publishing House Kft.
Város: Budapest