- Microsoft Outlook topic
- Újabb államok perelik az Apple-t, mert sok pénzt szed ki a vevőkből
- Vodafone otthoni szolgáltatások (TV, internet, telefon)
- Alternatív kriptopénzek, altcoinok bányászata
- SUSE Linux
- Windows 11
- Meggyőző arcjátékkal reagál a kínai humanoid robot
- Milyen routert?
- Telekom otthoni szolgáltatások (TV, internet, telefon)
- Otthoni hálózat és internet megosztás
Új hozzászólás Aktív témák
-
Babetta-X
senior tag
válasz Brown ügynök #750 üzenetére
Köszi! És ezek a h1, h2, h3, h4, h5, h6 ezek mit jelentenek?
-
SecMan
csendes tag
válasz Babetta-X #751 üzenetére
Ezek a HTML kódban címsorokat jelölnek. Pl. cikk/blogbejegyzés címe, stb. A H1 az oldalon a legfontosabb (betűméretben legnagyobb) címsor, a H6 a legkevésbé fontos.
Ha CSS-ben látsz ilyet, akkor meg kijelölőként szolgál, azaz megmondja a CSS a böngészőnek, hogy csak ezekre az elemekre vonatkozzon az a tulajdonság, érték amit éppen megadsz. -
vakondka
őstag
Sziasztok,
Olyan hibával találkozott már valaki, hogy CSS-ben meg van adva egy div-nek háttérkép és amikor ez megjelenik, akkor (kizárólag internet explorerben) még egyszer megjelenik a háttérkép az előzőhöz nagyon közel...
HTML: <div id="login_box">
<form method="post" action="login.php?action=process" name="login"><p style="text-align:right"><label>E-Mail cím:</label><input type="text" size="15" name="email_address"><br><label>Jelszó:</label><input type="password" size="15" name="password"></p>
<div id="login_button_box">
<div id="reg_btn"><a rel="nofollow" href="create_account.php">Regisztráció</a></div>
<div id="login_btn"><a href="javascript:document.login.submit();">Bejelentkezés</a></div>
</div></form>
<div class="pr_clear"></div>
<div id="lost_pass"><a rel="nofollow" href="password_forgotten.php">Jelszó emlékeztető</a></div>
</div>CSS:
#login_box {
width: 260px;
height: 130px;
margin: 0;
padding: 0;
float: left;
}
#login_button_box {display:block;width:240px;height:30px;margin:0;padding:0;float:right}
#reg_btn {
display: block;
width: 112px;
height: 22px;
/*background: url(images/design/reg_btn.png) no-repeat 0 0 scroll;*/
background-image:url(images/design/reg_btn.png);
background-position:center;
background-repeat:no-repeat;
margin:0;
padding:2px 0 0 0;
float:left;
border:0;
}
#login_btn {
display: block;
width: 122px;
height: 29px;
background-image:url(images/design/login_btn.png);
background-position:center;
background-repeat:no-repeat;
/*background: url(images/design/login_btn.png) no-repeat 0 0 scroll;*/
margin:0;
padding:0;
float:left;
border:0;
}
#account_btn {
display: block;
width: 89px;
height: 24px;
background: url(images/design/setup_btn.png) no-repeat center;
margin: 0 10px 0 14px;
padding: 2px 0 0 0;
float:left;
border:0;
}
#logoff_btn {
width: 121px;
height: 28px;
background: url(images/design/logoff_btn.png) no-repeat center;
margin: 0;
padding: 2px 0 0 0;
float:left;
}
#login_btn a, #logoff_btn a, #reg_btn a, #account_btn a {
position:relative;
top:4px;
left:4px;
color: #ffffff;
/*margin: 0;
padding: 7px 5px 0 25px;*/
font-size: 1.0em;
text-decoration: none;
}
#login_btn a:hover, #logoff_btn a:hover {
color: #ffff96;
}
#reg_btn a:hover, #account_btn a:hover {
color: #ffff00;
}
#lost_pass {
display: block;
width: 260px;
height: 13px;
margin: 0;
text-align:right;
}
#lost_pass a {
font-size: 0.9em;
text-decoration: none;
}https://toptarget.hu - Online Marketing Ügynökség
-
Babetta-X
senior tag
válasz Brown ügynök #755 üzenetére
Köszönöm mindenkinek a segítséget! Próbálkozom erősen, bár van, amivel nem jutok egyről a kettőre. Az eddig használt CMS nem használt css-t, de a wordpress használ, még a menük elhelyezése is ebbe van beleírva, de az istennek nem jövök rá, hogy mit és hogyan kéne módosítanom. Lesz még gondom bőven úgy érzem
-
ng0ofy
KORREKTOR
válasz vakondka #756 üzenetére
Nálam egy menü volt hasonló, volt plussz egy "üres" menüpont, lehet hülyeség, de sohasem lehet tudni mit hogyan fordítanak a böngészők , próbáld meg ugyanúgy leírni a login gomb CSS sorait, mint a reg gombét, hátha működik, nálam ilyesmi (sajnos) segített már, pedig nagyon kezdő vagyok!
(vagy azért rontok el ilyeneket, mert az vagyok.. hát na )
[ Szerkesztve ]
-
cizella
csendes tag
válasz Babetta-X #757 üzenetére
Selejtezz le mindent, ami nem használ css-t. És ha egyszer rájössz, hogy mit és hogyan, az anyja se fog ráismerni a wordpressedre
Elméleti gyorstalpalók (kicsit régiek, de nem gond):
http://weblabor.hu/cikkek/cssalapjai1
http://www.friweb.hu/htmlinfo/css_ref/cssmain.htmMit és hogyan (második linkről indulva mindet ki is lehet próbálni):
http://w3schools.com/cssref/default.asp
http://w3schools.com/css/css_examples.aspEleinte az a nehéz kérdés, hogy hol. Néhány (nem túl elegáns, de használható) navigációs tipp:
Operában válaszd ki a Nézet menüben a "class és id" stílust, a honlap részeihez hozzá fogja rendelni a megfelelő css elemeit. Vagy
Firefoxhoz töltsd le a web developer-t, válaszd a "View Style Information" menüpontot. Vagy
ha valamiről nem tudod eldönteni, hogy melyik részt formázza, színezd át feltűnőre a hátteret (pl. background-color: #0F0; ) - az illetékes terület ideális esetben elszíneződik.Kellemes beleszerelmesedést kívánok.
[ Szerkesztve ]
"A későn megjött ész olyan, mintha meg se jött volna."
-
cizella
csendes tag
válasz Brown ügynök #760 üzenetére
Ismerem, köszi (az elejét ki is nyomtattam annak idején), jól összeszedett sorozat; a frissesség igazából a böngészők miatt érdekes - ma már nemigen érdekel senkit, hogy hogyan lehet IE6 kedvéért hekkelni. Amúgy minden jó cikket megéri elolvasni: évek óta kóstolgatható a css3, de még mindig tud (legalábbis nekem) újat mutatni a css2.
Na még egy link: http://www.tutorial.hu/html5-es-css3/, szabványkövető statikus weboldalak szerkesztése, benne HTML5 és CSS3 (az eredeti cím kicsit másképp hangsúlyoz), a legújabb munkapéldány júniusi dátumú.
vakondka: nagyon gratulálok
"A későn megjött ész olyan, mintha meg se jött volna."
-
zserrbo
aktív tag
ng0ofy: Igen az a könyv nekem is bejött. Igaz mivel én nem tudok még jól angolul így én megvettem magyarul.
A következő kódot szeretném, ha valaki átírná úgy hogy a menüelemek középen legyenek. Tehát van a nav elem ami olyan széles mint az őt befoglaló és benne lenne egy középre igazított menü. Nekem valamiért sosem akar teljesen középen lenni.
Vízszintesen legyenek egymás mellett a menüelemek, mintegy felső menüként. Én float:left-el próbáltam. Az én ötletem az volt, hogy az ul elem olyan széles mint amilyen a benne levő li elemek össz szélessége és a nav elemben középre igazítom, de le se szarja.<style>
section#header nav {
background-color: #3399CC;
height:60px;
clear:both;
width:100%;
}
section#header nav ul{
}
section#header nav li {
}
</style>
<section id="header">
<nav>
<ul>
<li><a href="#">Főoldal</a></li>
<li><a href="#">Galéria</a></li>
<li><a href="#">Tagok</a></li>
<li><a href="#">Csaták</a></li>
<li><a href="#">Jelentkezés</a></li>
</ul>
</nav>
</section>Előre is kösz.
[ Szerkesztve ]
-
Brown ügynök
senior tag
section#header nav ul szélessége 100% azaz olyan széles mint az előzőleg meghatározott nav. A listaelemeket inline-block-ként jelenítjük meg azaz egymás mellé rakosgatjuk block szintű elemekként. Megadjuk, hogy egy elem milyen széles legyen a nav ul-hez képest.
section#header nav ul{
width:100%;
}
section#header nav li {
display:inline-block;
width:18%;
}"hacsak nem jön a jó tündér break utasítás képében..."
-
Torboy
csendes tag
Sziasztok!
Épp egy honlapot készítek, és CSS doboz modellt használtam a tartalom elrendezésére, minden szépen megvan, de egy olyan problémába ütköztem, hogyha kicsire húzom össze a böngésző ablakát akkor nem tudok scrollozni tehát a tartalom egy része nem látható. Próbáltam az overflow-al bűvészkedni, de nem jártam sikerrel. Előre is köszönöm a segítséget.
-
Jano_023
őstag
Sziasztok,
Lenne egy kérdésem, hogy lehet megoldani hogy ezen a honlapon, a menüpontokra kattintva az aktuális szöveg ne új ablakban nyíljon meg hanem a WELCOME részben ott ahol a normál szövegnek kellene lennie. Van erre mód valahogy ? Szóval mintha egy DIV-ben egy szakaszban szeretnék megnyitni egy tartalmat. Ha jól gondolom. köszönöm
''Az életet nem a lélegzet vételek száma határozza meg, hanem azok a pillanatok mikor eláll a lélegzetünk !''
-
Jano_023
őstag
válasz DeltaPower #769 üzenetére
Értem, és hogyan ? Segítsetek ? Lehet ezekre a DIV-ekre hivatkozni valahogy ? Egy példát valaki küldjön el nekem vagy vésse fel ide . köszi
''Az életet nem a lélegzet vételek száma határozza meg, hanem azok a pillanatok mikor eláll a lélegzetünk !''
-
DeltaPower
őstag
válasz Gombinyó #774 üzenetére
Ellenőrizd a fejléc, a menü és az "üdvözöljük a fotocenter studio honlapján" rész elemeit is. Erős a gyanúm, hogy valahonnan átcsúszik egy margin. Vagy tedd ki nyilvános tárhelyre és megkeresem benne a hibá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
-
Gombinyó
őstag
válasz DeltaPower #775 üzenetére
Köszi, ha nem megy kereslek majd privátban.
-
Gombinyó
őstag
Meglett a hiba. Ahol nagyobb volt a térköz a post div elé bekerült valahogy egy kötőjel. Ahh, mekkora megkönnyebbülés.
-
Speeedfire
nagyúr
Van egy wrapperem egy oldalon ami nem igazán akar úgy működni, ahogy én akarom. Ha összébb húzom az oldalt akkor a tartalom is összébb megy, így az oldal struktúrája összeomlik. Van erre valami megoldás?
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Speeedfire
nagyúr
válasz Speeedfire #778 üzenetére
Volt egy külön szabály az 1024-es felbontás alatti monitorokra...
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
D@ni88
addikt
Hello,
<ul>
<li><a href="http://valami.hu"><img src="images/kep.png" alt="link"> link</a></li>
</ul>Olyan problémám lenne, hogy a beszúrt kép magassága nagyobb mint a betűméret.
Ezért a kép mellett megjelenő szöveg a kép aljával egy vonalban jelenik meg, és nem ér el a kép felső részéig.
Meg lehet oldani, hogy valahogy függőlegesen is középre legyen igazítva a szöveg? -
Speeedfire
nagyúr
Szerintem nem kell oda a szöveg, minek az még?
Amúgy meg a szövegnek kellene még egy mondjuk span class="linkszoveg" és annak a paddingjával játszani, mondjuk padding-bottom: 5px;Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Speeedfire
nagyúr
Van 2 div egymás alatt. A felső a header, az alsóban a menü van.
Azt akarom megoldani, hogy ha a menu fölé viszem az egeret akkor feljebb megy. Ez megy is csak a headerbe belelóg a menu. A headernek adtam egy z-index:999-et a menünek meg z-index:1-et, de így is fent áll a gond. Mit lehet még vele kezdeni?Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
D@ni88
addikt
chrome alatt valami probléma van a szöveg formázással...
<span class="urlap"> blaaaaa </span>span.urlap{
font-color: #666666;
font-size: 11px;
}Ugyan úgy feketeként jelenik meg, és 13-14es mérettel mintha semmit sem csináltam volna, próbáltam label-el is de semmi...
-
D@ni88
addikt
válasz DeltaPower #784 üzenetére
Érdekes, mert előtte color-t használtam, igaz akkor még label volt, most meg span.
De akkor is volt valami, mert firefox és ie6 alatt is jó volt. -
DeltaPower
őstag
válasz Speeedfire #786 üzenetére
Az nem jó, más az értelme szóközzel.
span.urlap - "urlap" osztályú span
span .urlap - bármelyik span-on belül bármilyen "urlap" osztályú elem"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
nagyúr
válasz DeltaPower #787 üzenetére
Tényleg, elnézést a félrevezetés miatt.
Rég css-eztem már.Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
had423
aktív tag
HI!
Nekem van egy blogom (zselatin.blog.hu), ami bődületesen ronda, és nem tudom mit kezdjek vele egyelőre azt szeretném beállítani hogy a bejegyzések címe középreigazított legyen.
HTML:
<blh:head_required />
<link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica:regular,italic' rel='stylesheet' type='text/css'>
<blh:body_required />
<div id="wrapper0"><div id="wrapper1"><div id="wrapper2"><div id="wrapper3">
<div id="header">
<h1><blh:blog_name /></h1>
<div class="notes"><blh:blog_notes /></div>
</div>
<div id="sidebar0"><div id="sidebar1"><div id="sidebar2">
<blh:rightboxes />
</div></div></div>
<div id="main0"><div id="main1"><div id="main2">
<blhc:postloop>
<div class="post vis_{blh:post_visibility}" lang="{blh:post_lang}">
<blh:post_anchor />
<h2><a href="{blh:post_permalink}"><blh:post_title /></a></h2>
<div class="entry">
<blh:post_content />
</div>
<div class="more">
<blh:post_more class="more" text="tovább »" />
</div>
<div class="sh"><blh:share /></div>
<h3 class="edit" style="float:none;clear:both">
<blh:post_comments />
<blh:post_trackbacks />
<blh:post_pingbacks />
<blh:post_edit />
</h3>
<h3 class="tags">
<blh:post_trbrdf />
<blh:post_tags />
</h3>
<blh:post_related /><blh:post_feedback />
<div style="clear:both"></div>
</div>
</blhc:postloop>
<blh:pager />
<blh:nonpost />
</div></div></div>
<div style="clear:both"></div>
</div></div></div></div>
<blh:end />Ahhoz ugye nem a css-en kell változtatni?
-
DeltaPower
őstag
<blh:post_anchor />
<h2><center><a href="{blh:post_permalink}"><blh:post_title /></a></center></h2>
<div class="entry">
<blh:post_content />
</div>de jobban jársz, ha css-ben, a 184. sortól kezdőd blokk végére beszúrsz egy text-alignt:
#main0 h2 a {
color: #D30606;
display: block;
font-size: 34px;
font-weight: normal;
margin-bottom: 10px;
text-align: center;
}"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
-
had423
aktív tag
válasz DeltaPower #790 üzenetére
Nagyon zsír, köszi
-
had423
aktív tag
Lenne még egy:
tehát lenne ez a blog
Egy alap sablonból firkáltam át. és az oldaldobozokat szeretném lejjebb vinni. hogyan csináljam?
CSS-t megadjam? -
had423
aktív tag
válasz Speeedfire #793 üzenetére
köszi, És ha a bejegyzéssel akarom egy szintbe hozni, akkor melyik blokkon kell változtatnom?
-
tob!as
tag
Hali!
Ha az első post-al akarod szintbe hozni, akkor a jelenlegi margin-top: 500px helyett legyen 250px. Gondolom erre gondoltál.
Tehát a styles.css 238.sorában lévő kódod a következő képpen fog kinézni:#sidebar0 {
background-image: url("http://m.blog.hu/zs/zselatin/image/sidebar0.png");
background-repeat: repeat-y;
clear: right;
float: right;
font-size: 13px;
margin-right: 96px;
margin-top: 250px;
width: 310px;
}De a margin-top értékével tetszőlegesen játszadozhatsz, míg meg nem kapod a neked megfelelőt.
-
had423
aktív tag
Na, megint.
Tehát EZ lenne az elképzelés. De úgy is jó, ha nem a fejlécen van a link, hanem a címen. Csak mert most lesz új külső, és lejjebb kéne vinni azt a két vackot. A bejegyzések oszlopát nem tudom nagyon mozgatni. -
DeltaPower
őstag
#sidebar0, #main2 { margin-top: 430px; }
ha jól számoltam, így fog pont a fejléckép alá kerülni. (nem akarok okoskodó lenni, de valami borzalom ennek a szerkezeti felépítése...)
"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
-
had423
aktív tag
válasz DeltaPower #798 üzenetére
Köszönöm.
Hát igen, életembe nem csináltam még ilyet. Például ott van teljesen fölöslegen az a meleg gördeszkás gyerek a fejléc mögött még az alap sablonból, de nem tudom mi az url-je, és hogy hogyan kell kiszedni. Oldaldobozokat most cserélem ki. -
Speeedfire
nagyúr
Kérdeznék én is.
Adott 2 div egymás mellett, egyik balra a másik jobbra van igazítva. El akarom választani az egyiket a másiktól egy vonallal (border). A gondom csak annyi, hogy a bennük lévő szövegek randomra vannak, így vagy az egyik a hosszabb, vagy a másik. Ilyenkor meg általában rövidebb az elválasztó vonal.
Meg lehet oldani azt, hogy minden div magassága egyformán ugyan akkora legyen?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
- Samsung Galaxy S23 és S23+ - ami belül van, az számít igazán
- Mibe tegyem a megtakarításaimat?
- Politika
- Luck Dragon: Asszociációs játék. :)
- Milyen autót vegyek?
- Kerékpárosok, bringások ide!
- Kávé kezdőknek - amatőr koffeinisták anonim klubja
- Autós kamerák
- Projektor topic
- A fociról könnyedén, egy baráti társaságban
- További aktív témák...
- CTO ÚJ Bontatlan MacBook Pro 16 M3 Pro 12CPU/18GPU 18GB/1TB SSD Magyar billentyűzet Azonnal átvehető
- ÚJ BONTATLAN Apple Watch Series 8 S8 41-45mm Azonnal Átvehető DEÁK TÉRNÉL 1 Év Apple Garanciával.
- Új APPLE AIRPODS PRO 2 GEN USB-C bontatlan aktiválatlan 1 év garancia AZONNAL ÁTVEHETŐ Deák Térnél.
- BONTATLAN Új Iphone 15 és 15 Plus 128-512GB 1év APPLE garancia gyári független Deák AZONNAL Átvehető
- BONTATLAN Új Ipad 2022 10th Minden szín 1 év hivatalos Apple Garancia AZONNAL ÁTVEHETŐ DEÁK TÉRNÉL.