Hirdetés

2024. április 25., csütörtök

Gyorskeresés

Útvonal

Fórumok  »  Szoftverfejlesztés  »  CSS topic

Hozzászólások

(#601) Speeedfire válasza Gyuri16 (#600) üzenetére


Speeedfire
nagyúr

értem, akkor akkor hagyom is a text-align-ot

most így néz ki a css rész a programkódra:

pre {
font-family: monospace;
font-size: 12px;
line-height: 15px;
white-space: pre;
}

elég jól néz már ki, viszont lenne még 1 kis gondom

azt h ha hosszú a szöveg akkor nem fér ki, mint pl itt

azt hogy lehet megoldani, mint a ph-ban hogy ha hosszú a szöveg akkor így néz ki:

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#602) DeltaPower válasza Speeedfire (#601) üzenetére


DeltaPower
őstag

display: block;
width: 500px;
overflow: auto;

szélesség értelemszerűen variálható.

[ Szerkesztve ]

"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

(#603) Speeedfire válasza DeltaPower (#602) üzenetére


Speeedfire
nagyúr

köszi a segítséget :R

a szélességet 100%-ra állítottam, így végi megy a szöveg az oldalon, viszont a csúszkával meg lehet nézni az összeset :)

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#605) Speeedfire válasza DeltaPower (#602) üzenetére


Speeedfire
nagyúr

valami még nem stimmel ie, chrome alatt szép, viszont ff alatt nem mutatja a csúszkát :(

pre {
background-color:black;
color:white;
font-family: monospace;
font-size: 12px;
line-height: 15px;
white-space: pre;
display: block;
width: 100%;
overflow: auto;
}

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#606) Gyuri16 válasza Speeedfire (#605) üzenetére


Gyuri16
senior tag

padding-bottom: 10px;
ha ezt beleteszem akkor nekem mukodik. nem igazan ertem mi a baj, talan valaki talalkozott mar ezzel, az mond okosabbat is

Nem vagyok egoista, csak uborkagyalu!

(#607) Speeedfire válasza Gyuri16 (#606) üzenetére


Speeedfire
nagyúr

köszi, így működik a dolog mind a 3 böngészőben néha tényleg jobb lenne csak 1 böngésző, így is a lightbox nem működik ie alatt, tényleg nem értem már, hogy miért van ez és hogy miért nem működik mind1ik ugyanúgy :O

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#608) maathe


maathe
senior tag

Lenne két képem, hogy tudnám megoldani hogy pl. a 2-es kép az 1-esen legyen, szal fedjék egymást. Ezt css-be egyáltalán meg lehet oldani?

(#609) Blindness válasza maathe (#608) üzenetére


Blindness
csendes tag

Meg. Például úgy, hogy mindkettőnek abszolút pozíciót állítasz be, ekkor kedved szerint állítod mi hova kerül.

.img1, .img2 {
position: absolute;
top: 50px;
left: 50px;
}

Ekkor a két kép bal felső sarka egybeesik, de persze lehet külön is kezelni őket.

Confusion will be my epitaph...

(#610) Jano_023


Jano_023
őstag

Hali,

Érdekelne hogy a box-nak hogy tudom megadni a helyét hogy hol legyen a képen. Lehet ilyet ?

#nav {
background: #ff9933;
display: box;
padding: 10px;
Width: 120px;
high: auto;
border: 1px;
margin: 2;
float: left;
}

Ez van eddig!

''Az életet nem a lélegzet vételek száma határozza meg, hanem azok a pillanatok mikor eláll a lélegzetünk !''

(#611) Speeedfire


Speeedfire
nagyúr

css-ből meglehet adni, hogy egy div belső elemei <h1></h1>-esek legyenek?
vagy ezt csak a html forrásban lehet beállítani?

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#612) Gyuri16 válasza Speeedfire (#611) üzenetére


Gyuri16
senior tag

css-ben be lehet allitani, hogy legyen olyan stilusuk, mintha h1 lenne, de nem latom mi ertelme. az a cel, hogy a html kod az oldal szerkezetet adja, es ebbe beletartozik a kiemelt reszekre hasznalt h1 is. a css pedig a megjelenitesert felel, ebbe mar nem tartozik bele az oldal szerkezete. ha betartod ezt, akkor a kereso robotok is meghalaljak, mivel nekik szamit, hogy a html kodot minel jobban fel tudjak dolgozni.

[ Szerkesztve ]

Nem vagyok egoista, csak uborkagyalu!

(#613) Frigo


Frigo
őstag

Help!!!!
Valamiért a linkeknek látszik a href tartalma a link után egy zárójelben azaz a következő kód

<a href="valami.php">Valami</a>

így jelenik meg a böngészőben:

Valami(valami.php)

Ötletem sincs mi okozhatja . :O

(#614) Jano_023 válasza Frigo (#613) üzenetére


Jano_023
őstag

Egy előző a herf hivatkozást lehet nem zártál le.

''Az életet nem a lélegzet vételek száma határozza meg, hanem azok a pillanatok mikor eláll a lélegzetünk !''

(#615) Speeedfire válasza Gyuri16 (#612) üzenetére


Speeedfire
nagyúr

értem

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#616) Speeedfire


Speeedfire
nagyúr

egy összetettebb dologhoz kérnék segítséget

drupal rendszert használok és ahhoz egy alek_2-es nevű skint
a skinben deklarálva van egy felső és egy alsó menüpont
de én csak az alsót szeretném használni, viszont ha nem adok meg felső menüt akkor el van csúszva a menü, eddig még nem tudtam rájönni mi lehet a gond, illetve egyszer már majdnem megoldódott viszont akkor a főoldalon nem volt valami miatt menü effekt, csak akkor ha már egy cikkbe bele mentem

Így néz ki ha van elsődleges link.

Így néz ki ha nincs elsődleges link, csak második.

ha kicseréltem a css fájlban ezt a részt akkor elég jól nézett ki, viszont az effekt eltünt

A CSS -ben cseréltem ezt a sort
#navigation{position:absolute;right:0;top:0px;}

Erre
#navigation{float:right;right:50px;top:0px;}

a menü effekt az oldalamon így néz ki: [link]

a [link] oldalon meg lehet nézni h nagyjából mire is gondoltam

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#617) Speeedfire válasza Speeedfire (#616) üzenetére


Speeedfire
nagyúr

csak sikerült valahogy megoldanom, viszont ismét előjött a szokásos ie hiba :W
de mostmár nem is érdekel, hogy ie6-7 alatt hogy néz ki :P

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#618) maathe


maathe
senior tag

Ezzel az oldallal lenne gondom: [link]
Ha jól írom be a CAPTCHA-t és entert nyomok/klikkelek akkor a következő képnél lejeb csúszik az egész box. Mi lehet a gond?

Ja és csak FF alatt írja hogy ha rossz a beírt szöveg és csak ott csúszik le. IE alatt semmit nem csinál.

[ Szerkesztve ]

(#619) Speeedfire válasza maathe (#618) üzenetére


Speeedfire
nagyúr

a captcha div-je elég érdekes :F

margin:30px auto 0;

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#620) maathe válasza Speeedfire (#619) üzenetére


maathe
senior tag

Hát nem tudom te mit látsz :F
margin: 0 auto;

(#621) Speeedfire válasza maathe (#620) üzenetére


Speeedfire
nagyúr

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#622) maathe válasza Speeedfire (#621) üzenetére


maathe
senior tag

Amúgy meg lett a gond, ha jót írtál be akkor ugye 'aktivált' egy echo-t ami kiírt egy fekete szöveget amit alig láttam meg, ez tolta lejeb.

Lenne itt egy PHP-s kérdésem, ennél az oldalnál hogy lehet megoldani azt hogy az oldal megnyitása és a gomb megnyomása között eltelt időt kiírja? Nem vágom a PHP-t sajna :/

(#623) Speeedfire


Speeedfire
nagyúr

üdv

hogy tudok <hr> elemet átszínezni?

néztem neten leírást de sajnos csak nem akar összejönni

most ez van a css fájlban:

hr {
width: 99%;
color: #E4F2C8;
background-color: #E4F2C8;
height: 1px solid;
margin-left:auto;
margin-right:auto;
}

és így jeleníti meg:

én meg valami ilyesmit szeretnék:

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#624) PazsitZ válasza Speeedfire (#623) üzenetére


PazsitZ
addikt

border: 1px solid #E4F2C8

- http://pazsitz.hu -

(#625) Speeedfire válasza PazsitZ (#624) üzenetére


Speeedfire
nagyúr

köszi :R

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#626) j0k3r!


j0k3r!
senior tag

hello!

az oldalamon van egy fo divem, amiben meg van tobb div is.
a kerdesem egyszeru: milyen formazast kell beallitanom a fo divemnek, hogy minden felbontasban horizontalisan kozepen legyen?
a segitsegetek elore is koszonom.

some men just wanna watch the world burn...

(#627) fordfairlane válasza j0k3r! (#626) üzenetére


fordfairlane
veterán

Ahhoz, hogy középre kerüljön, fix szélességet, és margin: 0 auto; stílust kell rátenni.

x gon' give it to ya

(#628) j0k3r! válasza fordfairlane (#627) üzenetére


j0k3r!
senior tag

zsenialis : )
koszonom!

some men just wanna watch the world burn...

(#629) DuDieHUN


DuDieHUN
aktív tag

az lenne a problémám, hogy adott az alábbi kód:
border-radius: 1em;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;

mozillába/chrome-ba lekerekíti rendesen a bordert, de IE-be nem, mi lehet a gond?

(#630) ArchElf válasza DuDieHUN (#629) üzenetére


ArchElf
addikt

Mivel az IE nem támogatja még (majd csak az IE9) a border-radius CSS 3 elemet.
Itt egy kis segítség a problémát megoldani: link

AE

[ Szerkesztve ]

Csinálok egy adag popcornt, és leülök fórumozni --- Ízlések és pofonok - kinek miből jutott --- Az igazi beköpőlégy [http://is.gd/cJvlC2]

(#631) Speeedfire


Speeedfire
nagyúr

üdv!

adott egy fő div amibe egy adatbázisból olvasom ki a sorokat
ezen belül több div is van
az első 200 px széles balra igazított a másik szintén 200px viszont jobbra igaított
ezután van egy másik aminek elvileg teljes lapszélességűnek kellene lennie, de csak 200 px széles
majd még 1 div, ami már jól van megjelenítve
ezek után jön ismét 2 div az első div szövege a az egész tartalom legelejére kerül holott nem ott kellene lennie, viszont a képek amik benne vannak azok már jó helyen vannak megjelenítve

a generált forrás

a css fájl

kép róla
a balról jobbra nyíl az a div aminek jobbra kellene még mennie
ahol fentről lefele van a két nyíl ott meg lent kellene lennie a 2 szövegnek

[ Szerkesztve ]

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#632) DeltaPower válasza Speeedfire (#631) üzenetére


DeltaPower
őstag

ezután van egy másik aminek elvileg teljes lapszélességűnek kellene lennie, de csak 200 px széles
ha ez az "ism" osztályú div, akkor nem kell rá a float:left, és a "szoveg" osztályúra se kell. az "oldal" id-jű div elé nem ártana egy ilyen:
<div style="clear:both"></div>

jó lenne ha photoshopban helyükre pakolnád az elemeket és feltennéd screenshotban, úgy egyértelmű mit hova.

"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

(#633) Speeedfire válasza DeltaPower (#632) üzenetére


Speeedfire
nagyúr

szia

feltöltöttem az eddig elkészüld kis oldalt

már majdnem olyan amilyennek lennie kellene :D

pl a jobb oldali borítót alatti galéria szöveget nem tudom lejjebb rakni, akármennyi sortörést illesztek be, ugyan ez a helyzet alul ahol a képek vannak, ott is lejjebb akarom rakni a galéria szöveget de csak nem akar összejönni

nem tud valaki valami jó kis css leírásokat tartalmazó oldalt?
a weblaboros cikkeket elolvastam, illetve http://www.w3schools.com/ szoktam nézegetni :)

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#634) DeltaPower válasza Speeedfire (#633) üzenetére


DeltaPower
őstag

fent a struktúrád így néz ki
<div class="kepek">
<a target="blank" href="cover/2.jpg">
<img src="cover/tn/2.jpg" alt="Good Will Hunting" title="Good Will Hunting" border="0" align="right" /></a>
<p><a href="#galeria" title="Ugrás a galériához">Galéria</a></p>
</div>

szerintem ennek valahogy így kéne:
<div class="kepek">
<p>
<a target="blank" href="cover/2.jpg">
<img src="cover/tn/2.jpg" alt="Good Will Hunting" title="Good Will Hunting" border="0" align="right" />
</a><br />
<a href="#galeria" title="Ugrás a galériához">Galéria</a>
</p>
</div>

"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

(#635) Speeedfire válasza DeltaPower (#634) üzenetére


Speeedfire
nagyúr

sajnos így sem alkalmazza a <br /> -t
pedig 2-t is beraktam neki :W

így sikerült megoldani csak:
ezt raktam a <br /> helyére

<p>&nbsp;</p>

[ Szerkesztve ]

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#636) DeltaPower válasza Speeedfire (#635) üzenetére


DeltaPower
őstag

akkor dobd ki a P-t

"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

(#637) Speeedfire válasza DeltaPower (#636) üzenetére


Speeedfire
nagyúr

úgy sem volt jó, mindegy most így legalább már úgy néz ki ahogy én szeretném :K

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#638) Speeedfire


Speeedfire
nagyúr

egy érdekes jelenség ie8 alatt:

számozott lista:


ie8


google


ff

ie8 kompatibilitási módban viszont helyesen jeleníti meg

valami ötlet? :U

generált forrás

[ Szerkesztve ]

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#639) DeltaPower válasza Speeedfire (#638) üzenetére


DeltaPower
őstag

az ordered, unordered, stb listákat úgy találták ki, hogy az <ol>, <ul> elemen belül közvetlenül <li> elemek vannak, nem p, h3, stb.

egyébként nem értem, mi a francnak használod ezt a rengeteg <p>-t. a <p> nem egyenlő az enterrel és nem egyenlő a sortöréssel, se a marginnal vagy paddinggal. a <p> az bekezdés, hosszabb szövegblokkok tagolására való, nem erre amire te használod.

"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

(#640) Speeedfire válasza DeltaPower (#639) üzenetére


Speeedfire
nagyúr

valóban ez volt a gond :K
akkor ezek szerint ezt az ie8 nem támogatja? csak mert a többinél szépen kiírta

azért van ennyi <p> tag mert egyből rakja a sortörést is, így minden egyszer "bejegyzés" külön ki van "emelve"

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#641) DeltaPower válasza Speeedfire (#640) üzenetére


DeltaPower
őstag

<li style="margin-bottom:1em;">bejegyzés</li>

"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

(#642) Speeedfire válasza DeltaPower (#641) üzenetére


Speeedfire
nagyúr

igaz, erre mondjuk nem is gondoltam :B

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#643) fordfairlane válasza Speeedfire (#638) üzenetére


fordfairlane
veterán

Az UL - OL listáknál line-height-tal érdemes a sortávot beállítani, nem <p> és egyéb oda nem illő elemekkel.

<ul style="line-height: 1.8em">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>

x gon' give it to ya

(#644) Speeedfire


Speeedfire
nagyúr

üdv

gondoltam kicsit elkezdek foglalkozni a webgrafikával is, kicsi ps, kis css, viszont már az első tutoriálnál megakadtam

szép formás doboz css-el

meg is csináltam szépen, viszont a sarkaiba belenyúlnak az oldalsó képek is és így az összehatás nem éri el a kívánt szintet

mit rontottam el? minden egyes kép 64*64-es

feldobtam gyorsba atw-re hátha valakinek van valami tippje

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#645) Baldric válasza Speeedfire (#644) üzenetére


Baldric
csendes tag

A sarkokon használt képek részben átlátszóak, így látszik a mögöttük lévő kép, ami a doboz tetején fut végig, egyszerűen csak töltsd ki a képeken az átlátszó részt fehérrel, vagy add meg a háttérszínt ami az átlátszó részek mögött fog látszódni: background-color: #fff.
Egyébként ha a doboznak fix szélességet adsz ahogy most, akkor nem sok értelme van a 9-slice megoldással kínlódni.

[ Szerkesztve ]

(#646) Speeedfire válasza Baldric (#645) üzenetére


Speeedfire
nagyúr

sejtettem h akkor az átlátszó sarkok okoznak gondot sajnos
köszi az útbaigazítást

mellesleg valaki nem tud valami jó kis oldalt ahol webdesing-os leírások vannak?

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#647) Baldric válasza Speeedfire (#646) üzenetére


Baldric
csendes tag

Ha tudsz angolul, akkor az alap az a Smashing, meg van persze rengeteg ami konkrétabb dolgokkal foglalkozik, például photoshophoz a Psd Tutsplus, de mivel te nem konkrét dolgot kérdeztél, én azt tanácsolnám hogy a smashinget olvasgasd, és iratkozz fel a twitterükre is, mert állandóan linkelnek más oldalakról is hasznos tartalmakat.

(#648) Speeedfire válasza Baldric (#647) üzenetére


Speeedfire
nagyúr

köszi

jónak tűnnék a linkelt oldalak

konkrét dolog nem igazán érdekel, azokat kiguggolizom
inkább nagy általánosságban, mit,hogyan,miért csinálnak

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

(#649) cizella válasza Speeedfire (#633) üzenetére


cizella
csendes tag

néhány link (kicsit régiek, de szerintem a többségük még használható): http://delicious.com/hollita/css

css3 tippgyűjtemény: http://www.smashingmagazine.com

"A későn megjött ész olyan, mintha meg se jött volna."

(#650) Speeedfire válasza cizella (#649) üzenetére


Speeedfire
nagyúr

köszönöm szépen :R

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

Útvonal

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