Új hozzászólás Aktív témák
-
ubid
senior tag
Helló!
Egy div elem átlátszóságát akarom megoldani... ez már sikerült is, viszont a szöveg is átlátszó lesz vele együtt!
Ezt a porblémát hogyan lehet kivédeni?
itt a kódrészlet:
#content {
position:relative;
height:600px;
width: 100%;
margin: 0px;
padding:0px;
border: dotted 1px yellow;
-webkit-border-radius:20px 20px 20px 20px/20px 20px 20px 20px;
background-image: url("images/content1.gif");
-webkit-opacity: 0.5;
color:white;-.-
-
Speeedfire
félisten
Nem tudom volt-e már, mindenesetre hasznos kis cikk és elég sok minden van benne.
[link]Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
raczger
őstag
Szeretnék egy linkre, képre a kurzort fel húzva egy buborékot megjeleníteni benne szöveggel, egyedül a pozicionálással akadt probléma. A lényeg, úgy szeretném a div-et, mintha egy fixed div lenne, viszont a szülőhöz képest kellene pozicionálni. Ja és a szülőnek a z-indexe kisebb mint a buboréknak, tehát a szülő divhez képest kinyúlhat. Mit javasolnátok erre?
www.movat.hu - http://bit.ly/2mIziA4
-
DeltaPower
addikt
p { word-wrap:break-word; }
régi böngészők nem biztos, hogy megeszik."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
-
fari1993
csendes tag
css:
#body
{
width:50%;
height:1000px;background-image:url(images/bg.png);
}
html:
<div id="body">
<p>asdjaipodjadjadjadjadoasjdoasjdoasjdosajdoasdjsaodjasodjsaodjsaodjsaodjsaopdjsapodjsaopdjsaopjdopasjdopsajdosajdosajdopsajdospadopsadjsaopdjsaopdjasopdjsaopdjasodjasopdjaopsdjaospdjoapsdjopasjdpoasjdpoasdopasjdpoasjdopsjdopsajdopasjdopasjdopasjdopasjdoasjdopajsdopajsdopasjdopajsdopjasopdjaosdjaopsjdopajsdopajsdopajsdoajsodjaopsdjaopsdjasopdjasopdjas</p>
</div>és így néz ki:
[link]és azt szeretném hogy a szöveg az a div széléhez igazodjon
[ Szerkesztve ]
-
fari1993
csendes tag
Hello, sziasztok! Szép estét!
Volna egy olyan - lehet alapvető - problémám, hogy div-be írok szöveget, de nem tördeli (nem igazítja) a div széleinek megfelelően. Css-be mit kéne írnom?
Válaszotokat előre is köszi! -
cizella
csendes tag
Nem biztos, hogy értem a problémát, ezért elnézést, ha egészen más szinten akadtál el (bármelyiken el lehet).
Nagyon vázlatos vázlat egy lehetséges verzióra:
<html>
<head>
mindenfélék
<style type="text/css">
<!--
ide jön az összes formázás, színek, háttérképek, betűk, linkek, stb., pl ilyenekbody {
background-color: #CCC;
}#header {
height: 200px;
}#content {
padding: 10px 20px;
}-->
</style>
</head><body> ide kerül a tartalom, logikusan elrendezve
<div id="header">
ez itt egy fejléc
</div><div id="content">
ez meg a honlap lényege
</div><div id="footer">
ez pedig a lábléc
</div></body>
</html>A vastagbetűs sorok közé illesztheted be a letöltött stílusokat. DE: csak akkor fognak működni, ha összhangban vannak az utána következő részekkel, vagyis az oldal alján meg kell hogy legyen a formázott részeknek a párja, pl. a fenti #header-hez alul tartozik egy "id header", és mivel fent nincsen #footer, a lábléc nem tud szépen megformázódni. Ha a Stylish kiegészítővel facebook-formázást töltöttél le, akkor az csak facebookhoz használható. (Vagyis nem egészen, de inkább megéri vadiúj oldalt gyártani, mint kész stíluslaphoz egy tartalmi részt toldani.) A háttérszín akkor is mozdulatlannak látszik, ha teljesen eltakarja egy háttérkép (ami nem feltétlenül tűnik háttérképnek).
Gyorstalpaló: http://weblabor.hu/cikkek/cssalapjai1
Lassútalpaló: http://pcworld.hu/a-weboldalkeszito-suli-sorozat-reszei-20100601.html"A későn megjött ész olyan, mintha meg se jött volna."
-
okay
aktív tag
válasz Brown ügynök #686 üzenetére
És te ezt a css fájlt hova másolnád hogy azt az oldalt szabályozza?
Az egyik oldalrol van ez a fájl amiben benne van a "body" ,ezeket ismerem is mert azokat irtam át, de amit kimentek firefoxal abban ezek nincsenek benne. És ha keresek valami "body" bejegyzést és átirom, nem történik semmi, vagyis a jegyzettömbben bizonyos helyzetekben megváltoztatja a háttérszint, holott az oldal url-jével kezdödik a css.
Amit kimentek fájlba azt a Stylish-al nem is tudom hasznáni, csak a szöveget.
Nem tudom mit csináljak.Nagyon jó Football Manager: http://www.powerplaymanager.com/r421088
-
Brown ügynök
senior tag
A böngészőből kimásolt CSS-t beilleszted a jegyzettömbbe majd elmented úgy hogy a fájl neve .css -re végződjön. Vagy letöltheted a notepad++ és azzal is lehet CSS fájlt írni.
A háttérszín megváltoztatását valahol itt próbáld:
body {
background:#000;
}vagy
body {
background-color:#000;
} -
okay
aktív tag
válasz Brown ügynök #684 üzenetére
Van a firefoxban ez a Stylish plugin, amibe weboldalakhoz lehet kész style fájlt betölteni.
Ezeket a style-okat lehet szerkeszteni is, és tuti css kóddal van készitve.
Most mentettem ki ahogy irtad de nem akar müködni.
Meg akarom változtatni az oldal háttérszinét mert az alap fehér nagyon zavar, ennyit szeretnék.Nagyon jó Football Manager: http://www.powerplaymanager.com/r421088
-
Brown ügynök
senior tag
Nem igazán éThető mit szeretnél.
CSS-t úgy tudsz menteni hogy nyomsz egy ctrl+u-t a firefox-ban annál az oldalnál amelyiknek le akarod menteni. Ott rámész a .css végződésű fájlra és kimásolod a stílust.CSS-t csinálni jegyzettömbben is lehet csak úgy mentsd el hogy .css legyen a vége.
-
okay
aktív tag
Hello!
Nem igazán értek a css-hez, egy oldalhoz szeretnék style-t csinálni.
Firefox stylish pluginnal töltöttem le style-t, azt szerkesztgettem kedvemre.
Azt szeretném kérdezni, ha nincs az oldalrol style fájl , azt hogyan lehetne rola menteni? Program kell hozzá, vagy hogy kell késziteni?
Köszi!Nagyon jó Football Manager: http://www.powerplaymanager.com/r421088
-
DeltaPower
addikt
válasz Speeedfire #681 üzenetére
felbontástól nem szabadna függenie
"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
-
Speeedfire
félisten
válasz DeltaPower #680 üzenetére
De akkor a float-tal jó lesz már felbontásokon is?
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
DeltaPower
addikt
válasz Speeedfire #679 üzenetére
floatold ki jobbra a keresés gombot és állítsd be rendesen a marginjait+a kereső div méretét, ie6 kivételével jó lesz.
"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
-
Speeedfire
félisten
Üdv!
Kis gondom van, egy készülő oldallal van gondom. Konkrétan a keresésnél a gomb minden böngészőn máshol van.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
j0k3r!
senior tag
hello!
css-hez:
@font-face
{
font-family:"Valami";
src:url("fonts/Valami.ttf"); //persze oda rakod, ahova akarod
}
Valami
{
font-family:"Valami";
text-decoration: none;
}ezutan mar a font-family:"Valami"; attributummal mar mukodik.
+[link][ Szerkesztve ]
some men just wanna watch the world burn...
-
D@ni88
addikt
na, újabb kérdés
saját gépemen itthon, jó az egyik betűtípus. Ha másik gépen próbálom akkor nem.
Valahogy hozzá lehet adni a betűtípust hogy azt használja, még akkor is ha ugye nincs meg a lokális gépen. -
D@ni88
addikt
válasz Speeedfire #672 üzenetére
nem egészen de benne volt. csak a min-height: valamennyi px; kellett
-
D@ni88
addikt
hali, meg lehet az valahogy oldani, hogy a oldal legyen pl height: 1000px; de ha nem fér ki rá a szöveg akkor legyen auto?
csak mert pl a főoldalnak elég lenne 100px, is de van ahol 1500is kéne hogy legyen. csak elég ronda hogy így ugrál az egész ha váltok
-
Speeedfire
félisten
válasz DeltaPower #669 üzenetére
Így lett megoldva:
#menu li#current {
background: url("gomb-l.png") no-repeat scroll 0 0 transparent;
}
#menu li#current a {
background: url("gomb-r.png") no-repeat scroll right top transparent;
color: #FFF;
}Igaz nem olyan lett mint amilyet szerettem volna, de így sem rossz....
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
DeltaPower
addikt
válasz Speeedfire #668 üzenetére
én ezt úgy szoktam, hogy van egy felső paddingja a menüpontnak, és aktívnál olyan hátteret kap, amiben benne van a felső kerekítés.
"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
-
Speeedfire
félisten
válasz DeltaPower #667 üzenetére
Már sikerült megoldani (margin, padding játszadozással), most olyannal küszködök, hogy az aktív menüpont felett legyen egy kis kerekített kép, mint az aláírásomban található oldalon.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
DeltaPower
addikt
válasz Speeedfire #666 üzenetére
alsóra kell egy clear:both
"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
-
Speeedfire
félisten
válasz Speeedfire #665 üzenetére
Van még 1 hasonló gondom.
Csak ott a két alsó felső keret között egy float:left div van, így hiába ez a sorrend:
felső -> floatos -> alsó, az alsó egyből a felső után jön és csak utána a floatos
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Speeedfire
félisten
Üdv!
Adott egy tartalom:
<div class="postelott"></div>
<div class="post">
<h1>Foci 2010 Szápár</h1>
<p>asdsadsadsa</p>
<p class="post-footer">
<a class="ajaxload" href="./foci-2010-szapar" class="readmore">Tovább >></a>
<span class="date">2010-09-13</span>
<a href="./kepgaleria" class="readmore">Képgaléria</a>
<a href="./" class="keszito">Admin</a>
</p>
</div>
<div class="postutan"></div>Hozzá a css:
.postelott {
background: url(post-top.png) no-repeat 0 center;
width:630px;
height:5px;
margin: 0 auto;
}
.postutan {
background: url(post-bottom.png) no-repeat 0 center;
width:630px;
height:5px;
margin: 0 0 15px;
margin-bottom: 10px;
}
.post {
margin: 0; padding: 0;
border-left: 5px solid white;
border-right: 5px solid white;
}
.post .post-footer {
background-color: #fafafa;
padding: 5px; margin-top: 20px;
font-size: 95%;
border: 1px solid #993333;
margin: 10px;
}
.post .post-footer .date {
background: url(clock.gif) no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .comments {
background: url(comment.gif) no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .readmore {
background: url(page.gif) no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .keszito {
background: url(icon.png) no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}A gondom az, hogy alul nem ér össze a 2 oldalsó illetve alsó keret. Hogy tudnám ezt megoldani?
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
H.O.D.
senior tag
válasz DeltaPower #662 üzenetére
Most lecsupaszoltam a kódot teljesen, így műkódik...
Elkezdem újra bepakolni a contentet és kiderül, mi tolja el. Bár azt még mindig nem értem, miért jelentkezik ez másképp a különböző böngészőkben...
Where do you want to go today?
-
DeltaPower
addikt
-
H.O.D.
senior tag
Ide jutottam, megoldásért kell folyamodnom, mert megbolondulok.
Tehát, adott egy 636 pixel széles DIV. Padding nincs, keret nincs. Minden létező margin és padding le van nullázva, ami csak létezik.
Van ebben a divben négy másik, egymás mellé floatolva. A belső divek 159 pixel szélesek, ez összesen 636, mint a container div.
Namármost, van, amelyik böngésző szerint 4*159=636, de van, akiknek ez a bonyolult művelet (Safari, FF) nem sikerül és a negyedik divet alátörik a többinek.
Mi a túrót lehet csinálni? Más CSS-t alkalmazzak böngészőtől függően, vagy van értelmes megoldás is?
[ Szerkesztve ]
Where do you want to go today?
-
PazsitZ
addikt
válasz Speeedfire #657 üzenetére
Elsőként a margin esetén nem kell vessző a felsorolt "paraméterek" közé.
Tehát: margin: 0 auto;
Abban pedig igazad van, hogy nem veszi figyelembe, bár inkább úgy fogalmaznék, hogy nem tudja meghatározni.
Ilyen esetben szükséges szélességet (width:xy px;) adni a div-nek, hogy auto módon ki tudja számolni a 2 oldalról való margin értéket.[ Szerkesztve ]
- http://pazsitz.hu -
-
j0k3r!
senior tag
válasz Speeedfire #657 üzenetére
honnan veszed, hogy figyelmen kivul hagyja?
some men just wanna watch the world burn...
-
j0k3r!
senior tag
válasz Speeedfire #655 üzenetére
hello!
probalj meg fix szelesseget adni a divnek.
some men just wanna watch the world burn...
-
Speeedfire
félisten
üdv!
validáltam az oldalamat viszont most így pár elem nem olyan lett mind amilyen eddig volt
konkrétan 3 reklám felület, eddig így volt:<div align="center">a js reklám</div>
így középen volt teljesen, most viszont így próbálom, de nem jó:
<div class="kozep">a js reklám</div>
.kozep {
margin:0,auto;
text-align:center;
}Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
szente
addikt
hali
eléggé kezdő vagyok a témában,de elkezdtem foglalkozni egy weboldallal.
úgy akarom megcsinálni,hogy van a háttérkép és a tartalom egy áttetsző keretben van benne.
ezt úgy tudom,hogy az opacity parancsal lehet megcsinálni.
úgy gondoltam kivitelezni,hogy berakok egy réteget,a rétegbe egy fekete képet és ezt a fekete képet akarom áttetszővé tenni és erre menne rá a szöveg.
ott akadtam el,ha csak simán illesztek be képet,akkor azt áttetszővé tudom tenni,de ha rétegbe rakom bele,akkor nem tudom hova kell beírni az opacity parancsot.próbáltam már több helyre,de semmi.persze,ha van más ötlet,szivesen veszem,annyi a lényeg,hogy az áttetsző keret a lap közepén legyen.
[ Szerkesztve ]
-
cizella
csendes tag
válasz Speeedfire #633 üzenetére
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."
-
Speeedfire
félisten
-
Baldric
csendes tag
válasz Speeedfire #646 üzenetére
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.
-
Speeedfire
félisten
sejtettem h akkor az átlátszó sarkok okoznak gondot sajnos
köszi az útbaigazítástmellesleg 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
-
Baldric
csendes tag
válasz Speeedfire #644 üzenetére
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 ]
-
Speeedfire
félisten
üdv
gondoltam kicsit elkezdek foglalkozni a webgrafikával is, kicsi ps, kis css, viszont már az első tutoriálnál megakadtam
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
-
fordfairlane
veterán
válasz Speeedfire #638 üzenetére
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
-
Speeedfire
félisten
válasz DeltaPower #641 üzenetére
igaz, erre mondjuk nem is gondoltam
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
DeltaPower
addikt
válasz Speeedfire #640 üzenetére
<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
-
Speeedfire
félisten
válasz DeltaPower #639 üzenetére
valóban ez volt a gond
akkor ezek szerint ezt az ie8 nem támogatja? csak mert a többinél szépen kiírtaazé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
-
DeltaPower
addikt
válasz Speeedfire #638 üzenetére
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
-
Speeedfire
félisten
egy érdekes jelenség ie8 alatt:
számozott lista:
ie8
google
ffie8 kompatibilitási módban viszont helyesen jeleníti meg
valami ötlet?
[ Szerkesztve ]
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Speeedfire
félisten
válasz DeltaPower #636 üzenetére
úgy sem volt jó, mindegy most így legalább már úgy néz ki ahogy én szeretném
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
DeltaPower
addikt
válasz Speeedfire #635 üzenetére
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
-
Speeedfire
félisten
válasz DeltaPower #634 üzenetére
sajnos így sem alkalmazza a <br /> -t
pedig 2-t is beraktam nekiígy sikerült megoldani csak:
ezt raktam a <br /> helyére<p> </p>
[ Szerkesztve ]
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
DeltaPower
addikt
válasz Speeedfire #633 üzenetére
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
-
Speeedfire
félisten
válasz DeltaPower #632 üzenetére
szia
feltöltöttem az eddig elkészüld kis oldalt
már majdnem olyan amilyennek lennie kellene
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ézegetniFotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
DeltaPower
addikt
válasz Speeedfire #631 üzenetére
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
-
Speeedfire
félisten
ü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ítveké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
-
ArchElf
addikt
válasz DuDieHUN #629 üzenetére
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: linkAE
[ 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]
-
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?
-
j0k3r!
senior tag
válasz fordfairlane #627 üzenetére
zsenialis : )
koszonom!some men just wanna watch the world burn...
-
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...
-
PazsitZ
addikt
-
Speeedfire
félisten
ü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
-
maathe
senior tag
válasz Speeedfire #621 üzenetére
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 :/
-
maathe
senior tag
válasz Speeedfire #619 üzenetére
Hát nem tudom te mit látsz
margin: 0 auto; -
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 ]
-
Speeedfire
félisten
válasz Speeedfire #616 üzenetére
csak sikerült valahogy megoldanom, viszont ismét előjött a szokásos ie hiba
de mostmár nem is érdekel, hogy ie6-7 alatt hogy néz kiFotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Speeedfire
félisten
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
-
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 .
-
Gyuri16
senior tag
válasz Speeedfire #611 üzenetére
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!
-
Speeedfire
félisten
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
-
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 !''
-
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...
-
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?
-
Speeedfire
félisten
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
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Gyuri16
senior tag
válasz Speeedfire #605 üzenetére
padding-bottom: 10px;
ha ezt beleteszem akkor nekem mukodik. nem igazan ertem mi a baj, talan valaki talalkozott mar ezzel, az mond okosabbat isNem vagyok egoista, csak uborkagyalu!
-
Speeedfire
félisten
válasz DeltaPower #602 üzenetére
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
-
Speeedfire
félisten
válasz DeltaPower #602 üzenetére
köszi a segítséget
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
-
DeltaPower
addikt
válasz Speeedfire #601 üzenetére
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
-
Speeedfire
félisten
é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
Új hozzászólás Aktív témák
- Milyen egeret válasszak?
- AMD Navi Radeon™ RX 7xxx sorozat
- Azonnali VGA-s kérdések órája
- NVIDIA GeForce RTX 4060 / 4070 S/Ti/TiS (AD104/103)
- Gran Turismo
- Politika
- AMD Catalyst™ driverek topikja
- Intel Core i5 / i7 / i9 "Alder Lake-Raptor Lake/Refresh" (LGA1700)
- Elektromos (hálózati és akkus) kéziszerszámok, tapasztalatok/vásárlás
- Az EU Trump ellenére sem változtat a big tech elleni szigoron, nincs visszalépés
- További aktív témák...
- Akció! Dell Latitude E5430 laptop (14/i5-G3/4GB/320HDD/AkkuX) - 1 év garancia, 27 % számla
- ASUS ROG STRIX SCAR III makulátlan állapotban, GTX 1650, 16Gb Ram, 512SSD, i5 9300H, 120hz, AuraSync
- VADI új MacBook Air M3 15" 8/10/16 16GB 256GB 3év gar, MAGYAR BILLENTYŰZET!
- Akció! Dell Latitude E6420 laptop (14/i5-G2/8GB/128SSD) - 1 év garancia, 27 % számla
- Csere-Beszámítás! Felsőkategóriás számítógép játékra! I7 13700K / RTX 3090 / 32GB DDR4