Ú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?
Ha csalódni akarsz, bízz az emberekben!
-
#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;Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
#847
SektorFlop
aktív tag
DeltaPower
#846
SektorFlop
aktív tag
válasz
DeltaPower
#846
üzenetére
köszi így működik!
[ Szerkesztve ]
"Amikor már azt hittem kint vagyok, ezek mindig visszarántottak..."
-
#846
DeltaPower
addikt
SektorFlop
#845
DeltaPower
addikt
válasz
SektorFlop
#845
üzenetére
height: 98%;
"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
-
#845
SektorFlop
aktív tag
Speeedfire
#844
SektorFlop
aktív tag
válasz
Speeedfire
#844
üzenetére
nem jó sajnos:S
"Amikor már azt hittem kint vagyok, ezek mindig visszarántottak..."
-
#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.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
#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?
"Amikor már azt hittem kint vagyok, ezek mindig visszarántottak..."
-
#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>Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
#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?
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
#839
kisho
senior tag
Speeedfire
#838
kisho
senior tag
válasz
Speeedfire
#838
üzenetére
Köszönöm!
-
#838
Speeedfire
félisten
kisho
#837
-
#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
[ Szerkesztve ]
-
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?
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
#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....
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
#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.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
#815
DeltaPower
addikt
holinorby
#814
DeltaPower
addikt
válasz
holinorby
#814
üzenetére
Tudni kellene pontosan, hogy a logó kép melyik elemen belül van, így csak találgatni tudok.
Talán ez segít:
.logo img
{
width: 480px;
height: 120px;
}"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
-
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?[ Szerkesztve ]
-
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
-
#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;
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
#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.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
#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.
"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
Új hozzászólás Aktív témák
- Akció! Dell Latitude E6430 laptop (14/i5-G3/8GB/256SSD/AkkuX) - 1 év garancia, 27 % számla
- Wacom Cintiq 16 FHD (DTK-1660) digitalizáló tábla
- Denon AVR X2600H erősítő + Jamo S809 5.0 Hangfalszett
- Géjmer Keychron M3 vezeték nélküli egér
- Akció! Dell Latitude E6230 laptop (12,5/i5-G3/8GB/256SSD) - 1 év garancia, 27 % számla