Hirdetés

2024. április 16., kedd

Gyorskeresés

Útvonal

Fórumok  »  Szoftverfejlesztés  »  CSS topic

Hozzászólások

(#251) corm válasza Dj Faustus (#250) üzenetére


corm
senior tag

Eredetileg floatolva voltak, de a felbontásváltozások miatt állandóan szétcsúsztak, ezért váltottam absolute poz-ra. Elvileg ugye szabvány szerint ez jó, de valamiért az ie mégsem veszi be ezt. Gondolom van vmi olyan bibi a css kódban, amivel baja van, emrt önmagában az absolute nem hiszem h gondot okozna...

Y N W A

(#252) corm válasza corm (#251) üzenetére


corm
senior tag

Na, úgy tűnik most jó neki, pedig elvileg semmit nem változtattam. Nemértem, de legalább most jó :D

Egyébként a w3 oldalán írják is, hogy a float és a clear együtt nem mindig működik. Ezellen lehet valamit biztosan tenni, vagy jobb elkerülni a kettő együtt?


Csakmert pl akkor egy ilyen elrendezést, hogy:

aaa
bcd

ahol a,b,c,d divek, és a-t azért rtam 3x, mert az mondjuk ugyanolyan széles, mint a másik három, szóval egy ilyent hogyan csinálok meg biztosan stabilra úgy, hogy felbontásfüggetlenül is jó legyen(az optimalizáltnál nagyobb felbontásoknál se csússzon fel pl. a b div az a mellé)

Y N W A

(#253) Castin


Castin
csendes tag

Tsé all!

Azt szeretném megtudni, hogy tudom azt megcsinálni, hogy ha beillesztek a html-be egy képet akkor az minden felbontásban ugyan ott legyen... először pixel-ben adtam meg a távot, de az természetesen elcsúszott... aztán %-ban, de az se az igazi... szal akkor hogyan? :F
Ezt a kérdésem már feltettem a html részben... de lehet azért nem válaszolt senki, mert nem oda illik... Na mindegy, remélem itt tud vki segíteni.

"Arra gondoltam, hogy a Földön túlnyomó többségben vannak a hülyék és az élet egyedüli célja, hogy mi magunk ne váljunk a többség részévé."

(#254) Dj Faustus válasza Castin (#253) üzenetére


Dj Faustus
csendes tag

Keress rá a position: fixed CSS-tulajdonságra.
[link]
[link]
[link]
[link]

Természetesen az IE ezt sem kedveli, ezért szólnak a cikkek IE-ben való trükkökről.

(#255) Dj Faustus válasza corm (#252) üzenetére


Dj Faustus
csendes tag

''hogyan csinálok meg biztosan stabilra úgy, hogy felbontásfüggetlenül is jó legyen(az optimalizáltnál nagyobb felbontásoknál se csússzon fel pl. a b div az a mellé)''
Pont a te problémáddal foglalkozik Matthew Levine cikke az A list apart magazinban: [link]

(#256) corm válasza Dj Faustus (#255) üzenetére


corm
senior tag

Köszi, majd ha lesz erőm végigolvasom, addig marad az immár stabilnak tűnő absoluteos megoldás.

Y N W A

(#257) Castin válasza Dj Faustus (#254) üzenetére


Castin
csendes tag

Köszi! :R Rálesek a linkekre!

"Arra gondoltam, hogy a Földön túlnyomó többségben vannak a hülyék és az élet egyedüli célja, hogy mi magunk ne váljunk a többség részévé."

(#258) vakondka


vakondka
őstag

Hogy lehet egy div flash animáció felé div-et rakni ?
Próbálkoztam a z-index-szel, de semmi eredmény... :(

https://toptarget.hu - Online Marketing Ügynökség

(#259) Dj Faustus válasza vakondka (#258) üzenetére


Dj Faustus
csendes tag

A div over flash css keresőszavakra rákeresve ([link]) találhasz megoldást.
A Flash animáció ''beillesztésénél'' (<object> tag) az alábbi sort kell berakni:
<param name=''wmode'' value=''opaque''>

vagy:
<param name=''wmode'' value=''transparent''>

Bővebben erről: [link]

(#260) szicsu


szicsu
őstag

Hi!

Tudnátok segíteni?
Szeretnék egy oldalt nyomtani.
Az oldalon vagy egy táblázat, melynek van egy háttérképe.
Hogy tudom beállítani az ie-t hogy a a háttérképet is nyomtassa, ill mit kell állítanom css-ben

''Az alkotó élet titka az, hogy felnőttkorban is megőrizzük a gyermekkor szellemét.''

(#261) vakondka válasza szicsu (#260) üzenetére


vakondka
őstag

köszönöm szépen ! tökéletes ! :R :R :R

Szerk: Dj Faustusnak akartam megköszönni, csak félrekattintottam... :U

[Szerkesztve]

https://toptarget.hu - Online Marketing Ügynökség

(#262) Dj Faustus válasza szicsu (#260) üzenetére


Dj Faustus
csendes tag

Eszközök/Internetbeállítások/ menüpont/Speciális fül/Nyomtatás Háttérszinek és -képek nyomtatása kijelölőnégyzet bepipálása

CSS-ben a background-image tulajdonság lesz a barátod.
[link]
[link]
[link]
[link]
[link]

Illetve egy hasznos cikk:
[link]

(#263) szicsu válasza Dj Faustus (#262) üzenetére


szicsu
őstag

:R :R :R :R

ui: én is a cikk alapján csináltam meg az aktuáli soldalt, csak ott nem volt szó a böngésző beállításáról....

köszi szépen

[Szerkesztve]

''Az alkotó élet titka az, hogy felnőttkorban is megőrizzük a gyermekkor szellemét.''

(#264) corm


corm
senior tag

A cella height propertyjét cssben állítgatva mi az ami ennek gátat szabhat? Gondolom pl. ha egy kép túl nagy, akkor a méreténél nem lesz kisebb a cella semmiképp, de szövegnél is tapasztaltam ilyet. A másik pedig, hogy az mitől van, hogy ha egy cellának megadom, hogy vertical-align: middle; akkor működik is a szövegre szépen. Ám ha a szöveg elé bebiggyesztek egy képet, akkor azután már nem engedelmeskedik...

?

Y N W A

(#265) szicsu válasza Dj Faustus (#262) üzenetére


szicsu
őstag

Hi!

sikerült eljutnom adáig, hogy az ie szépen kinyomttja, od ahova kell a képet, akkorába, amekorába kell.
a firefox nál van egy ki probléma:
a nyomtatási képen minden rendben, csak a nyomaton már a kép nagyon kicsiben jelenik meg, hiába készítek másik képet nagyobra.....

erre van ötlet?

''Az alkotó élet titka az, hogy felnőttkorban is megőrizzük a gyermekkor szellemét.''

(#266) Briganti


Briganti
tag

hello ... a velemenyetekre vagyok kivancsi hogy a [link] -n van az a fieldset hogy ''Uj bejegyzes'', es annak adtam egy hetterszint, es az firefox-ban nagyon szepen latszik, es IE-ben a hatter felcsuszik a label-l egyszintbe ...

mit lehet ezellen tenni??


>>>ja es meg valami ... mit kell beirni hogy a firefox-ban, es IE-ben nagyjabol a dolgok ugyanugy latszodjanak ... (lehet hogymar volt errol szo, pliz ne ussetek) :))

--------------------->> vagy letezik egyaltalan ilyesmi???

If debugging is a process of removing bug, then programming is a process of putting them in ...

(#267) Briganti


Briganti
tag

eshamar idejottem, akkor megkerdem hogy tudtoke valami ertelmes magyarazatot adni arra hogy IE-ben es Firefox-ban miert nem ugyanannyi az a 300px?? :F :F :F :F

vagy egy modszer is jolenne amivel ra lehetne venni mindenkit hogy firefox-t hasznaljon :D

If debugging is a process of removing bug, then programming is a process of putting them in ...

(#268) Briganti válasza Briganti (#266) üzenetére


Briganti
tag

fieldset-s problema megoldva, itt egy nagyon jo forum, azthiszem segitett egy kicsit megoldani az IE es Firefox -s problemat a kis ''_'' -l :C :C :C


[link]

If debugging is a process of removing bug, then programming is a process of putting them in ...

(#269) corm válasza Briganti (#267) üzenetére


corm
senior tag

Nem, arra kéne rávenni a microsoftot - meg azért a többiek sem makulátlanok - hogy ne szarja le a w3 szabványait, és igenis úgy írja meg a böngészőjét. Ennyire egyszerű.

Amúgy a 300 pixeles gond is nyilván emiatt van, mert az egyik b9ngészőben az ojjektumok méretéáben bennevannak a border, margin stb dolgok is, egy másikban meg nincsen, a harmadikban felesbe, stb...

Y N W A

(#270) Briganti


Briganti
tag

szerinted elkepzelheto hogy valaha mindenhol egyforma lesz? mert ugy lassacskan kezd nagyon idegesito lenni ...

If debugging is a process of removing bug, then programming is a process of putting them in ...

(#271) corm válasza Briganti (#270) üzenetére


corm
senior tag

Nem :)
Legalábbis a MS csak úgy tuti nem fogja beadni a derekát egészen addig, amíg az IE marad a piacvezető böngésző. Ha a linux és az alternatív böngészők szerepe túllép egy szintet, akkro lehet, hogy lesz változás, de amíg az üzleti célok ezt nem indokolják addig nem nagyon tudom elképzelni.

Y N W A

(#272) burgatshow


burgatshow
veterán

Valaki árulja már el nekem, hogy a nagyobb mint relációs jellel mit és hogyan tudok definiálni, mert már nem egy helyen láttam.

Pl.: html>body {... }

(#273) corm válasza burgatshow (#272) üzenetére


corm
senior tag

Ez majdnem ugyanaz, mintha azt írnád, hogy: html body. A különbség annyi, hogy itt közvetlen kapcsolatról van szó, ez az adott példánál ugye nem jön elő, de pl. itt egy másik:

body>a vs. body a

itt (ha a weblabor jól mondta) az első csak azokra a linkekre lesz hatással, amelyek közvetlenül a bodyban vanank elhelyezve, de ha beteszed egy táblába vagy bekezdésbe, akkor elvileg már nem lesz rá érvényes a kiválasztás. A másiknál pedig a bodyn belül, helytől függetlenül szereplő összes linkre(amíg felül nem definiálják) érvényes lesz a kiválasztás.

Y N W A

(#274) burgatshow válasza corm (#273) üzenetére


burgatshow
veterán

Tehát gyakorlatilag childokat tudok létrehozni, amik csak az adott parent alatt látszódnak. Értem. Thx

[Szerkesztve]

(#275) szicsu


szicsu
őstag

Hi!

Egy diven van több inputboxom egymás alatt ,hogy tudom beállítani a köztük lévő távolságot ?

''Az alkotó élet titka az, hogy felnőttkorban is megőrizzük a gyermekkor szellemét.''

(#276) Briganti


Briganti
tag

egy file tipusu inputot hogy lehet szetszedni, hogy lehessen neki egy ugyes kis style-t irni? vagy ha nem is lehet szetszedni, de a egy kicsit tobb helyet tenni a ''gomb'' elott ...

egy-ket beallitas mukodott, de pl a border nem akar mukodni, nem tudom solidra tenni ... nem is lehet, vagy csak en vagyok sapka?


[Szerkesztve]

If debugging is a process of removing bug, then programming is a process of putting them in ...

(#277) szicsu


szicsu
őstag

Hi!

Arra van valami lehetőség, hogy egy divet a bongésző ablak jobb sarkába igazítsam?

''Az alkotó élet titka az, hogy felnőttkorban is megőrizzük a gyermekkor szellemét.''

(#278) corm válasza szicsu (#277) üzenetére


corm
senior tag

elvileg a float: right (mármint a jobboldal részét) pont ezt csinálná, gyakorlatilag hogy működik-e az jó kérdés...

Y N W A

(#279) szicsu válasza corm (#278) üzenetére


szicsu
őstag

a float:right avval nincs semmi gond, csak hogy tudom az aktuális böngészőoldalon vertikálisan le igazítsa. Azt hogy tudom megoldani?

''Az alkotó élet titka az, hogy felnőttkorban is megőrizzük a gyermekkor szellemét.''

(#280) corm válasza szicsu (#279) üzenetére


corm
senior tag

Szerintem ezt cssel nem nagyon tudod. Mert a css nem tudja a böngészőablak változásait észlelni. Pl. ha beteszel egy plusz toolbart, vagy egyszerűen csak lekicisnyíted az oldalt.
Marad a JS. Szerintem...

Y N W A

(#281) Frenky89


Frenky89
őstag

cellspacing-et meg cellpadding-ot hogyan lehet beállítani css-ben?

(#282) corm válasza Frenky89 (#281) üzenetére


corm
senior tag

Cellpaddingot egyszerűen, a padding attribútummal. Cellspacinget nem lehet direkt. Én a faster által javasolt módszert szoktam alkalmazni: border-collapse: collapse, és ennek mellékhatásaként nem lesz spacing...

Y N W A

(#283) Frenky89 válasza corm (#282) üzenetére


Frenky89
őstag

:R

(#284) HolyDay


HolyDay
tag

Sziasztok!
a kérdésem a következő lenne: hogyan tudom html-ben vagy css-ben azt megoldani, hogyha egy kép a linkem ( <a> <img src=''blabla...''> </img></a>) , akkor IE-ben ne legyen egy gusztustalan lila keret a képem körül?
előre is köszönöm a segítséget!

(#285) skera válasza HolyDay (#284) üzenetére


skera
tag


<img src=''...'' border=''0''>

import szte.ttk.ptm.*;

(#286) Dj Faustus válasza HolyDay (#284) üzenetére


Dj Faustus
csendes tag

Az <img> elem border=''0'' attribútuma jó megoldás (legalábbis HTML4-ben), csak 1. nem szemantikus, 2. XHTML 1.1-ben (XHTML 1.0 Strict-ben is talán) nincs engedélyezve, 3. ha több képnél akarod eltüntetni a keretet sok border=''0'' kell - ami felesleges vacakolás.
Helyette ajánlom a CSS-beli megoldást:
a img {
border:none;
}


Másrészt az <img> elem egyedülálló, tehát a <img src=''blabla...''> </img> szintaxis helytelen. Helyette (ráadásul az alt attribútum is kötelező - felolvasószoftverek, keresőrobotok örömére):
<a href=''oldal.htm''><img src=''kep.jpg'' alt=''Képaláírás'' /></a>

Ha már lúd legyen kövér... ;]

[Szerkesztve]

(#287) Protezis


Protezis
őstag

Erdekes problemaba utkoztem.
#banner {
background: url(kepek/topbanner.gif) no-repeat;
height: 109px;
width: 780px;
}

Ez egy korabban altalam keszitett honlaprol van, firefox 1.5 alatt fejlesztettem (meg persze ie, opera). Ma raneztem firefox 2.0-val, es erdekes modon a topbanner.gif-et nem tolti be (ie7 alatt jo). Par perc probalkozas utan rajottem, hogy nem a keppel van a baj, hanem a kepfajl nevevel. Ugyanis ha benne van a banner szo (ami a div id-je ugyebar), akkor firebug invalid url-t ir, es kedvenc rokank nem tolti be a kepet. Ha nincs benne, vagy akar nemletezo url-t adok meg, akkor rendesen kiirja az url cimet, es letezo kep eseten betolti.

Na ez most igy hogy? :F :W

(#288) Protezis válasza Protezis (#287) üzenetére


Protezis
őstag

Aaaaa de hulye vagyok. pfff. AdBlock kiszurte. Vaaaaaaa :Y :W

(#289) corm


corm
senior tag

No, ezt már egyszer kérdeztem, akkor senki nem tudott érdemleges választ adni. [link] - miért nem illeszkedik firefoxban a két kép. A bordert beállítottam pirosra, hogy látni lehessen, nem padding problémáról van szó...

[Szerkesztve]

Y N W A

(#290) Dj Faustus válasza corm (#289) üzenetére


Dj Faustus
csendes tag

Olvasd el ezt: [link]
A hiba valószínűleg nem a Firefox-ban van, hanem a CSS-tudásban ;) Mivel az <img> soron belüli elem, a böngésző simán berak némi térközt a két kép közé.
Ha a soron belüli elemeket átalakítod blokkszintűvé, megszűnik a probléma: [link].

(#291) corm válasza Dj Faustus (#290) üzenetére


corm
senior tag

Iiiigen, de: te úgy oldottad meg, hogy a display css attribútumot változtattad inlineról, blockra. Nekem viszont mindenképp inline kell. Amit a srácok írtak fórumon, hogy egy sorba a <img>-eket, úgy nem ment, ha inline maradt a display.

Mindenesetre köszönöm a választ!

Y N W A

(#292) sanyixXx


sanyixXx
senior tag

hali

itt van ez az oldalam: [link]

amint látható, szét van esve, mint állat
mit tudok ezzel kezdeni? sürgős lenne

köszi

Rumot minden pohárba! | https://rumnagykovet.hu/

(#293) RedAnt válasza corm (#289) üzenetére


RedAnt
aktív tag

na ez már szimpatikusabb kérdés mint a html-es topikban :)

a képek margójánál nem értem mi az a blue, szerintem egyszerűen állítsd őket nullára. A képnek nem kell font-size.

A képeket tartalmazó divnek állíts be megfelelő font-size és line-height paramétereket.
Pl. div{
font-size: 14px;
line-height: 10px;
}

╚╦╦╦

(#294) RedAnt válasza sanyixXx (#292) üzenetére


RedAnt
aktív tag

első körben az előadást hirdető táblázat szélességét vedd le 640px-ről... :)

╚╦╦╦

(#295) sanyixXx válasza RedAnt (#294) üzenetére


sanyixXx
senior tag

meglett a hiba
de köszi a tippet, anélkül nem jöttem volna rá
túl hosszú volt egy link a chatboxban

[Szerkesztve]

Rumot minden pohárba! | https://rumnagykovet.hu/

(#296) czappa


czappa
aktív tag

Valyon nézi még valaki ezt a topicot? :)
(Előre mondom, hogy totál kezdő vagyok css-ben.)

A gondom az, hogy csinálgatok egy oldalt, amiben korábban frame-ekkel dolgoztam, ehelyett most css-t használnék és div-eket.
A ''frame''-ek a szokásosak: egy felső rész, egy alsó, egy menű és egy tartalom (inner).
FF-alatt úgy működik, ahogy szeretném, IE6 alatt több baj is van vele, ebből a lényegesebb:
A belső rész úgy jelenik meg, mintha mindig ''padding: 1em''-et használnék. IE figyel a padding-ra, mert ha növelem az értékét, akkor növekszik a padding, de hiába állítom 0-ra, mintha úgy venné, hogy az 1.
css:
body {
margin: 0em;
padding:0px;
position: relative;
/*font-family: verdana, arial, sans-serif;*/
}
.top {
border-width: 0px;
padding:0px;
margin: 0em;
height: 60px;
background-color:Peal;
color: #fff;
font-size: 36px;
padding: 10px;
}
.container {
border-width: 0px;
padding: 0px;
position: relative;
margin: 0px;
}
.menu {
border-width: 0px;
padding: 0px;
margin: 0px;
position: absolute;
bottom: 0px;
top: 60px;
left: 0;
width: 180px;
background-color:Peal;
overflow: auto;

}
.inner {
/*top: 60px;*/
border-width: 0px;
padding: 0px;
margin: 0em;
margin-left: 180px;
width: auto;
background-color:#D6F0F0;
overflow: auto;
font-size: 14px;

}
.bottom {
border-width: 0px;
padding: 0px;
margin: 0em;
margin-left: 180px;
width: auto;
height: 30px;
background-color:Peal;
/*color: #fff;*/
font-size: 12px;
}

</style>


De mondom csak az .inner résznél a body-nál jól működik.
jah a html pedig:
<body>
<div class=''container''>
<div class=''top''>cím szöveg</div>
<div class=''menu''>
<br/>
<br/>
<br/>
<ul>
<li><a href=''index2.php?page=oldal''>oldal</a></li>
<li><a href=''index2.php?page=oldal''>oldal</a></li>
<li><a href=''index2.php?page=oldal''>oldal</a></li>
</ul>
</div>
<div class=''inner''>
--tartalom---

</div>
<div class=''bottom''>Hibabejelentés: senkee@gmail.com</div>
</div>
</body>


Mi lehet a probléma?
A segítséget előre is köszönöm.

[Szerkesztve]

(#297) RedAnt válasza czappa (#296) üzenetére


RedAnt
aktív tag

Nem jöttem rá teljesen mit szeretnél, én nem látok ezzel a kóddal paddinget IE-ben, esetleg linkelhetnéd hogy eredetiben megnézhessem.

De eleve nem túl jók a css-es megoldásaid a pozícionálásra, ezt a feladatot én nem abszolút pozícionálással és margin-left-ekkel oldanám meg, hanem úsztatással.

A dolognak az a lényege hogy alapból a blokkok egymás alá kerülnek, úsztatással viszont megoldható hogy egymás mellett legyenek, vagy pl. egy blokk kerüljön jobb szélre, és a másik ''follya körül''.

Ja és célszerű megadni hogy a diveknek általánosságban ne legyenek szélei:
div { margin: 0; padding: 0; border: none; }
így nem kell mindegyikhez külön kiírni ezeket, persze ha konkrét diveknél más értéket szeretnél, felüldefiniálhatod őket.

Az úsztatáshoz pedig adj a menu osztályhoz egy float: left-et, így balról körül fogja folyni a többi rész, és nem kell pozícionálgatni és margózni.

De tényleg jobb lenne ha linkelnéd az oldalt és elmondanád pontosan mit szeretnél hogy máshogy legyen, úgy pontosabban meg tudnám mondani, miken szükséges módosítani.

[Szerkesztve]

╚╦╦╦

(#298) czappa válasza RedAnt (#297) üzenetére


czappa
aktív tag

Linkelni sajnos nem tudok, mert még nem létező oldal, csupán localhoston megy. Esetleg majd valamilyen képlopóval csinálok képet (Nem tudtok véletlen egy ilyen ingyenes, egyszerű progit? :) )
''Az úsztatáshoz pedig adj a menu osztályhoz egy float: left-et, így balról körül fogja folyni a többi rész, és nem kell pozícionálgatni és margózni.''
Köszi az ötletet, ma későn érek haza, akkor megpróbálom esetleg holnap.

(#299) Frenky89


Frenky89
őstag

vki pls help me! egy <td> elem bal széltől szeretnék távolítani egy szöveget, de nem padding-gal mert csak a bal oldaltól kell távolabb helyezni, föntről és lentről nem. Tehát <td> elem magasságának növelése nélkül szeretném a ''padding''-ot véghezvinni.

Nem vagyok még pro css-es, de ha jól sejtem akkor ez a margin valami ilyesmire jó, csak nemtudom, hogy mik a paraméterei.

Más: IE-be mi a megfelelője a dotted-nek? FF-be és Mozillaba relatív szép lesz, de IE-be - hááát ...

(#300) Frenky89 válasza Frenky89 (#299) üzenetére


Frenky89
őstag

lol tipikus előbb kérdez és csak utána gondolkodik :B

padding-left,-right,-stb... :))

Útvonal

Fórumok  »  Szoftverfejlesztés  »  CSS topic
Copyright © 2000-2024 PROHARDVER Informatikai Kft.