Hirdetés
- droidic: Windows 11 önállóság nélküli világ: a kontroll új korszaka
- Elektromos rásegítésű kerékpárok
- Luck Dragon: Asszociációs játék. :)
- sziku69: Fűzzük össze a szavakat :)
- Pitterix: Gyógytorna
- D1Rect: Nagy "hülyétkapokazapróktól" topik
- Brogyi: CTEK akkumulátor töltő és másolatai
- Gép1: Renault Kangoo vizhűtő ventilátor fokozatok
- ubyegon2: Airfryer XL XXL forrólevegős sütő gyakorlati tanácsok, ötletek, receptek
- sziku69: Szólánc.
Ú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; -
#698
Speeedfire
félisten
Speeedfire
félisten
Nem tudom volt-e már, mindenesetre hasznos kis cikk és elég sok minden van benne.
[link] -
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?
-
#696
DeltaPower
addikt
DeltaPower
addikt
p { word-wrap:break-word; }
régi böngészők nem biztos, hogy megeszik. -
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
-
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 -
#687
okay
aktív tag
Brown ügynök
#686
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. -
#686
Brown ügynök
senior tag
okay
#685
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;
} -
#685
okay
aktív tag
Brown ügynök
#684
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. -
#684
Brown ügynök
senior tag
okay
#683
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! -
#682
DeltaPower
addikt
Speeedfire
#681
DeltaPower
addikt
válasz
Speeedfire
#681
üzenetére
felbontástól nem szabadna függenie
-
#681
Speeedfire
félisten
DeltaPower
#680
Speeedfire
félisten
válasz
DeltaPower
#680
üzenetére
De akkor a float-tal jó lesz már felbontásokon is?
-
#680
DeltaPower
addikt
Speeedfire
#679
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.
-
#679
Speeedfire
félisten
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.
-
-
#673
D@ni88
addikt
Speeedfire
#672
D@ni88
addikt
válasz
Speeedfire
#672
üzenetére
nem egészen
de benne volt. csak a min-height: valamennyi px; kellett 
-
#670
Speeedfire
félisten
DeltaPower
#669
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....
-
#669
DeltaPower
addikt
Speeedfire
#668
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.
-
#668
Speeedfire
félisten
DeltaPower
#667
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.
-
#667
DeltaPower
addikt
Speeedfire
#666
DeltaPower
addikt
válasz
Speeedfire
#666
üzenetére
alsóra kell egy clear:both
-
#666
Speeedfire
félisten
Speeedfire
#665
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
-
#665
Speeedfire
félisten
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?
-
#663
H.O.D.
senior tag
DeltaPower
#662
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...
-
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?
-
#659
PazsitZ
addikt
Speeedfire
#657
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. -
#658
j0k3r!
őstag
Speeedfire
#657
j0k3r!
őstag
válasz
Speeedfire
#657
üzenetére
honnan veszed, hogy figyelmen kivul hagyja?
-
#656
j0k3r!
őstag
Speeedfire
#655
j0k3r!
őstag
válasz
Speeedfire
#655
üzenetére
hello!
probalj meg fix szelesseget adni a divnek.
-
#655
Speeedfire
félisten
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;
} -
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.
-
#649
cizella
csendes tag
Speeedfire
#633
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
-
#647
Baldric
csendes tag
Speeedfire
#646
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.
-
#645
Baldric
csendes tag
Speeedfire
#644
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. -
#644
Speeedfire
félisten
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
-
#643
fordfairlane
veterán
Speeedfire
#638
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> -
#642
Speeedfire
félisten
DeltaPower
#641
Speeedfire
félisten
válasz
DeltaPower
#641
üzenetére
igaz, erre mondjuk nem is gondoltam
-
#641
DeltaPower
addikt
Speeedfire
#640
DeltaPower
addikt
válasz
Speeedfire
#640
üzenetére
<li style="margin-bottom:1em;">bejegyzés</li>
-
#640
Speeedfire
félisten
DeltaPower
#639
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"
-
#639
DeltaPower
addikt
Speeedfire
#638
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.
-
#638
Speeedfire
félisten
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?
-
#637
Speeedfire
félisten
DeltaPower
#636
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
-
#636
DeltaPower
addikt
Speeedfire
#635
DeltaPower
addikt
válasz
Speeedfire
#635
üzenetére
akkor dobd ki a P-t
-
#635
Speeedfire
félisten
DeltaPower
#634
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>
-
#634
DeltaPower
addikt
Speeedfire
#633
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> -
#633
Speeedfire
félisten
DeltaPower
#632
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ézegetni -
#632
DeltaPower
addikt
Speeedfire
#631
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.
-
#631
Speeedfire
félisten
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 -
#628
j0k3r!
őstag
fordfairlane
#627
j0k3r!
őstag
válasz
fordfairlane
#627
üzenetére
zsenialis : )
koszonom! -
#624
PazsitZ
addikt
Speeedfire
#623
PazsitZ
addikt
válasz
Speeedfire
#623
üzenetére
border: 1px solid #E4F2C8
-
#623
Speeedfire
félisten
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:
-
#622
maathe
senior tag
Speeedfire
#621
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 :/
-
#620
maathe
senior tag
Speeedfire
#619
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.
-
#617
Speeedfire
félisten
Speeedfire
#616
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 ki
-
#616
Speeedfire
félisten
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
-
#612
Gyuri16
senior tag
Speeedfire
#611
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.
-
#611
Speeedfire
félisten
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? -
-
#607
Speeedfire
félisten
Gyuri16
#606
-
#606
Gyuri16
senior tag
Speeedfire
#605
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 is -
#605
Speeedfire
félisten
DeltaPower
#602
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;
} -
#603
Speeedfire
félisten
DeltaPower
#602
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
-
#602
DeltaPower
addikt
Speeedfire
#601
DeltaPower
addikt
válasz
Speeedfire
#601
üzenetére
display: block;
width: 500px;
overflow: auto;szélesség értelemszerűen variálható.
-
#601
Speeedfire
félisten
Gyuri16
#600
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:
Ezer köszi! 
köszöntem szépen! 
Új hozzászólás Aktív témák
- Projektor topic
- Honor Magic6 Pro - kör közepén számok
- Vége egy korszaknak: PlayStatonre is jön a Halo: Campaign Evolved
- Bemutatkozott a HHKB legújabb, Topre kapcsolókkal szerelt billentyűzete
- GTA V
- Xiaomi Smart Band 8 - folyamatosan
- Battlefield 6 teszt
- Milyen billentyűzetet vegyek?
- AMD K6-III, és minden ami RETRO - Oldschool tuning
- droidic: Windows 11 önállóság nélküli világ: a kontroll új korszaka
- További aktív témák...
- Asus TUF Gaming A15 GAMER LAPTOP 15.6" FHD IPS 144Hz -25% Ryzen 5-7535HS 16GB, 512GB RTX 2050 4GB
- XBOX Series S 512GB, 6 hónap teljeskörü garanciával, üzletből eladó!
- ASUS VivoBook Max X541UVK i5-7200U 8GB RAM 512GB SSD NVIDIA GeForce 920MX 2GB Windows 11
- Szép! HP EliteBook 840 G10 Hordozható Ultrabook Fémház 14" -50% i5-1335U 32/1TB Iris Xe FHD+
- Új OEM INTEL XEON E-1241V3/E-1270V3
- HIBÁTLAN iPhone 15 Pro 256GB Black Titanium -1 ÉV GARANCIA - Kártyafüggetlen, MS3503
- Clevo 1060 6GB Mxm 3.1 laptop videó kártya ingyen házhoz szálitással
- LG 27GP95RP - 27" Nano IPS - UHD 4K - 160Hz 1ms - NVIDIA G-Sync - FreeSync Premium PRO - HDR 600
- Apple iPhone 15 128 GB Kék 12 hónap Garancia Beszámítás Házhozszállítás
- DELL PowerEdge R640 rack szerver - 2xGold 6138 (20c/40t, 2.0/3.7GHz), 64GB RAM,4x1G, H730 1GB, áfás
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest
Cég: NetGo.hu Kft.
Város: Gödöllő