- Azonnali informatikai kérdések órája
- Soundbar, soundplate, hangprojektor
- Kiszáll az optikai meghajtók piacáról a Pioneer
- Tápválasztás PC-hez: ne ezt rontsd el – Tech Percek #8
- AMD K6-III, és minden ami RETRO - Oldschool tuning
- Panasonic LCD és LED TV-k
- Azonnali VGA-s kérdések órája
- 3D nyomtatás
- Modding és elektronikai kérdések
- Elkészült a nagymama hardverbefőttje
Új hozzászólás Aktív témák
-
#850
Forza_JUVE
aktív tag
Forza_JUVE
aktív tag
Sziasztok!
Kezdő vagyok a webprogramozásban ... és hát lenne 1 pozicionálási kérdésem:
CSS-ben hogyan adjam meg a margót és/vagy a "position"-t ha azt szeretném, hogy a html tartalmától függetlenül egy amolyan lábjegyzet mindig az ablak alján jelenjen meg??
Tehát a <body> részen belül van egy <div class="footer"> és azt szeretném, hogy ez mindig pontosan a böngésző aljától mondjuk 10px -re legyen.Köszi előre is!!
-
Sonja
nagyúr
Remélem elfér itt a kérdésem?!
Chrome alatt a Stylish plugint használom, hogy bizonyos oldalakat kicsit átalakítsak a saját igényeimnek. Na nem nagy dolgokat, csak pl háttér szín változtatása fehér színről másra, esetleg betű növelése. Egy oldalon találkoztam egy ilyennel:
<div class="star-box-giga-star" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://4.bp.blogspot.com/--n_RgL3Ixh4/T0ZuCVKRjNI/AAAAAAAAADE/kOgZ1WvOOas/s1600/giga-star.png); background-origin: initial; background-repeat: no-repeat no-repeat; display: inline-block; float: left; font-family: tahoma; font-size: 15px; font-weight: bold; height: 66px; line-height: 66px; padding-right: 5px; text-align: center; vertical-align: middle; width: 66px;">7</div>
Ennek a háttér színét (background-color: white) sehogy nem tudom megváltoztatni.
Próbálkoztam több féle képpen is, de nem sikerült. Ezekkel kísérleteztem, de semmi.#star-box-giga-star { background-color: #fdf6e3 }
.star-box-giga-star { background-color: #fdf6e3 }
#star-box-giga-star .style { background-color: #fdf6e3 }
#star-box-giga-star element.style { background-color: #fdf6e3 }
#star-box-giga-star .element.style { background-color: #fdf6e3 }Hogy lehet megváltoztatni, tudja valaki?
-
#848
Speeedfire
félisten
Speeedfire
félisten
Valaki használja a border-image funkciót?
Egy border-t akarok csak bal oldalra készíteni, de valami nem tettszik neki.border-width: 10px;
border-left-image: url(http://pichost.szunyi.com/kepek/20120413-bk4rn675ds.tn.jpg) 10 0; -
#847
SektorFlop
aktív tag
DeltaPower
#846
SektorFlop
aktív tag
válasz
DeltaPower
#846
üzenetére
köszi így működik!
-
#846
DeltaPower
addikt
SektorFlop
#845
DeltaPower
addikt
válasz
SektorFlop
#845
üzenetére
height: 98%;
-
#845
SektorFlop
aktív tag
Speeedfire
#844
SektorFlop
aktív tag
válasz
Speeedfire
#844
üzenetére
nem jó sajnos:S
-
#844
Speeedfire
félisten
SektorFlop
#843
Speeedfire
félisten
válasz
SektorFlop
#843
üzenetére
position: absolute;
bottom: 0;Így az aljára fog kerülni.
-
#843
SektorFlop
aktív tag
SektorFlop
aktív tag
halli!
lenne egy olyan gondom, hogy javascript segítségével, egy átlátszó div-et jelenítek meg. terveim szerint az egész felületett be kellene teríteni mikor megnyitom.
position: fixed; top:1%; right:1%; left:1%; bottom:1%; width:auto; height: auto;
valahogyan az alját is a monitorhoz kellene igazítani. valakinek esetleg lenne ötlete?
-
#842
Speeedfire
félisten
Speeedfire
#841
Speeedfire
félisten
válasz
Speeedfire
#841
üzenetére
Na, kitaláltam valamit, de nem 100%-os.
Csináltam egy csomagoló div-et, annak megadtam, hogy relativ. Benne a kép, majd utána egy span. A span-nek be lett állítva, hogy absulute, left 0, top 0, meg a háttérkép és, hogy no-repeat. Viszont meg kell adni neki a magasságát és a szélességét is, enélkül nem jó.
Ha valaki tudja, hogy lehet még jobban megoldani akkor mondja meg, mondjuk itt is csak a vízjel szélessége és magassága a zavaró.#talalatok .row {
position: relative;
}
#talalatok .vizjel{
position: absolute;
left: 0;
top: 0;
height: 120px;
width: 160px;
background: url('vizjel.png') no-repeat;
}<div id="talalatok">
<img src="" />
<span class="vizjel"></span>
</div> -
#841
Speeedfire
félisten
Speeedfire
félisten
Hogy lehet szépen dinamikus képhez/képekhez css-el vagy jquery-vel vízjelet készíteni?
-
#839
kisho
senior tag
Speeedfire
#838
kisho
senior tag
válasz
Speeedfire
#838
üzenetére
Köszönöm!
-
#837
kisho
senior tag
Speeedfire
#836
kisho
senior tag
válasz
Speeedfire
#836
üzenetére
Köszi, működik!
És ha a keret (vagy bárminek is hívják azt, amiben megjelenik a tartalom) méretét szeretném növelni?
-
kisho
senior tag
Sziasztok!
Volna egy CSS-sel kapcsolatos problémám, amiben a segítségeteket kérem.
[link]
A fenti linkre kattintva a cikk alatt a "Kapcsolódó írások" részen ha rávisszük az egérkurzort valamelyik címre, akkor megjelenik a cikk tartalma. A probléma az, hogy nem túl esztétikus módon, mert a kép túllóg a kereten. Hogyan lehetne azt a rendelkezésre álló teret megnövelni, illetve a kép méretét csökkenteni?
Nem vagyok egy CSS guru, eddig a Firebug-gal próbálkoztam hasonló esetekben, de most használhatatlannak bizonyult. -
cAby
tag
Ejj, hibába ütköztem megint.
Tehát, a középső rész fel van osztva egy bal és egy jobb div-re.
Növekszik a div a tartalommal, az előbb említett módszerrel, csak a baj ott kezdődik, hogy a 2 div nincs egymás mellett, ha a bal oldali divnek meg adok egy float: left; et, a jobb oldali divnek egy float: right; -ot, akkor meg nem lesz jó, mert egymás mellé kerülnek ugyan, de így meg átmennek az alsó div-en.. :\itt látható: [link]
(igen, gány módon képben teszem fel a kódot, bocsi, de a lényeg így is látszik
)Erre valami ötlet esetleg?
köszi
-
cAby
tag
Áhh.. rájöttem, hogy mi a hiba.
Rájöttem, hogy ez ment nekem is (csak mikor ide írtam, vmiért azt hittem, hogy ennél a verziónál is hibát dob), ott volt a probléma, amikor a kozépső rész fel volt osztva egy bal meg egy jobb oldali div-re is.
Ilyen esetben úgy próbáltam, hogy a bal oldali div-nek adtam min-height-ot és úgy volt a rossz. Most megnéztem úgy, hogy azoknak nem adok height értéket, csak a kozepő div-nek teszem be a min-height-ot és így jó lett.Köszi a segítséget, ez kellett a megvilágosodáshoz.
üdv,
Csabi -
-
cAby
tag
Sziasztok!
Belefutottam egy problémába és sehogyan sem sikerül rájönnöm, hogyan kellene megcsinálni.
Azt szeretném, hogy egy div-nek legyen egy min-height-ja és ha több adat kerül megjelenítésre benne, akkor automatikusan növekedjen a mérete ugye.Azonban ez nem működik jól.
Így épül fel:
van egy kulső 'keret' div
ez van felosztva egy 'felso', 'kozepso', 'also' div-ekkel.
A 'kozepso' div-et szeretném dinamikus méretűre.Ha ez szerepel: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> a fájlban, akkor egyáltalán nem működik.
Ha kiveszem, akkor Operában minden okés, de FF-ben, Chrome-ban, IE-ben egyáltalán nem működik, mert az 'also' divre rácsúszik a megnagyobbult 'kozepso' div.Erre van valami más megoldás esetleg?
köszi
-
Siriusb
veterán
Adott kettő darab div. float:left-tel egymás mellé rendezve. Mindkét div szöveget tartalmaz. A második div-ben a szövegben <sup> található, emiatt a két divben lévő szöveg nem egymáshoz igazítva jelenik meg, hanem a második függőlegesen lejjebb található.
Hogy lehet ezt a problémát kiküszöbölni? Az elég gáz lenne, ha jquery-vel adnék neki egy negatív margin-topot -
#822
tob!as
tag
Speeedfire
#820
tob!as
tag
válasz
Speeedfire
#820
üzenetére
Mert a span soron belül elem, nem pedig blokk elem. Akkor tudod középre igazítani, ha először azt mondod neki, hogy
display: block;
Majd ez után tudsz neki egy olyat mondani, hogy:
text-align: center; -
#821
Brown ügynök
senior tag
Speeedfire
#820
Brown ügynök
senior tag
válasz
Speeedfire
#820
üzenetére
Mert nincs olyan tulajdonsága, hogy align?
-
#820
Speeedfire
félisten
Speeedfire
félisten
Span elemnek miért nem lehet megadni, hogy középre legyen igazítva? Csak p-vel tudom ezt eljátszani?
-
#819
Speeedfire
félisten
Speeedfire
#818
Speeedfire
félisten
válasz
Speeedfire
#818
üzenetére
Mondjuk ha a base href a css-ek elé kerülne....
-
#818
Speeedfire
félisten
-
#816
Speeedfire
félisten
Speeedfire
félisten
Van egy kép a footerben ami mindig középre akar rakni, illetve szinte az összes képet középre akarja rakni.
Pedig semmi ilyen nincs hozzárendelve.
-
holinorby
tag
oksi, közben megvan a megoldás...
nade lenne még egy kérdésem...
szóval bérelhető webáruházról van szó még mindig, csak a css-t tudom szerkeszteni...
A logót 220*86 -osra méretezi a rendszer, de én 480*120-ast szeretnák használni....
a logót befoglaló kereteket már mind átszerkesztettem 480*120-ra, de a logóra nem jövök rá sehogy... képet fel tudok tölteni egy albumba szóval onnan meg lehetne jeleníteni, ha ez így megy...#header{
width: 1000px;
height:120px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding:0 6px;}
.header_left{float:left; padding:0; margin:0;width: 450px; height: 120px}
.logo {
float: left; height: 100px; width: 480px;}
.logo_placeholder{vertical-align:middle; height: 120px; width: 480px;}
.logo_placeholder a{
font-family:Bradley Hand ITC
font-size:45px;
line-height:35px;
color:#fff;
text-decoration:none;
text-shadow:0px 0px 4px;
height: 100px;
weigth: 480px;ennyi az egész ami a logo mezőre vonatkozik...
Tudtok ebben segíteni? -
holinorby
tag
Sziasztok!
Szeretnék egy kis segítséget kérni!
Van egy bérlehető webáruházam és szeretnék elhelyezni egy script kódot a fejlécben, viszont csak a css-t tudom szerkeszteni!
Az ügyfélszolgálatos mondta, hogy ha értek hozzá, akkor módosíthatom, megpróbáltam már többféle kép de nem jön be....
Tudnátok ebben segíteni?
Script kódot css-be hogyan?
-
#810
jeges
senior tag
Speeedfire
#809
jeges
senior tag
válasz
Speeedfire
#809
üzenetére
(szerk: sry, a smiley alatt a jó link)
-
#808
jeges
senior tag
Speeedfire
#807
jeges
senior tag
válasz
Speeedfire
#807
üzenetére
vagy ha jq-t használsz, próbáld meg ezt
-
#806
jeges
senior tag
Speeedfire
#805
jeges
senior tag
válasz
Speeedfire
#805
üzenetére
ie és border-image nem kompatibilisek
itt van egy lehetséges elkerülő megoldás -
#804
jeges
senior tag
Speeedfire
#803
jeges
senior tag
válasz
Speeedfire
#803
üzenetére
itt
-moz-border-image -
#803
Speeedfire
félisten
Speeedfire
félisten
Ez miért nem megy, se ff, se ie alatt? Csak chrome alatt megy, ff eldobja.
border-image: url(border.png) 0 25 0 0 stretch stretch;
-
#802
Speeedfire
félisten
DeltaPower
#801
Speeedfire
félisten
válasz
DeltaPower
#801
üzenetére
Ez a js megoldás érdekes lehet, egyelőre maradtam a min-height funkciónál.
-
#801
DeltaPower
addikt
Speeedfire
#800
DeltaPower
addikt
válasz
Speeedfire
#800
üzenetére
Több lehetőség is van erre. Ha be tudod saccolni, hogy legfeljebb milyen magasak lesznek, akkor mindkettőnek megadod a min-height-et. Ha totál változó, akkor beleteszed őket egy befoglaló divbe, és annak csinálsz egy olyan repeat-y háttérképet, amin a függőleges csík van. A harmadik megoldás javascripttel beállítani az azonos magasságot betöltés után.
Új hozzászólás Aktív témák
- BESZÁMÍTÁS! Gigabyte H610M i5 12400F 32GB DDR4 512GB SSD Intel ARC A770 16GB Rampage SHIVA 650W
- BESZÁMÍTÁS! ASUS B460M i7 10700 16GB DDR4 512GB SSD GTX 1080Ti 11GB KOLINK Observatory TG TT 600W
- BESZÁMÍTÁS! ASUS H170M i7 6700 16GB DDR4 512GB SSD GTX 1660 Ti 6GB KOLINK Observatory Lite TT 500W
- BESZÁMÍTÁS! ASRock A520M R3 3100 16GB DDR4 512GB SSD RX 6500XT 4GB BitFenix Neos Thermaltake 500W
- BESZÁMÍTÁS! Asus H110M i5 7400 8GB DDR4 250GB SSD 1TB HDD GTX 1650 4GB ZALMAN S3 TG Chieftec 600W
- Samsung Galaxy A35 5G 128GB, Kártyafüggetlen, 1 Év Garanciával
- Honor Magic5 Lite 128GB, Kártyafüggetlen, 1 Év Garanciával
- IKEA Format lámpák eladóak (Egyben kedvezménnyel vihető!)
- BESZÁMÍTÁS! GIGABYTE Z370 i7 8700 16GB DDR4 512GB SSD RX 5700XT 8GB Rampage SHIVA Zalman 600W
- Veszünk: PS5 Fat/Slim/Digital/Pro konzolt, játékokat, Portalt stb. Kérj ajánlatot!
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest