Új hozzászólás Aktív témák
-
#800
Speeedfire
félisten
Speeedfire
félisten
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? -
#799
had423
aktív tag
DeltaPower
#798
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. -
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.
-
#794
had423
aktív tag
Speeedfire
#793
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?
-
#791
had423
aktív tag
DeltaPower
#790
had423
aktív tag
válasz
DeltaPower
#790
üzenetére
Nagyon zsír, köszi
-
#790
DeltaPower
addikt
had423
#789
DeltaPower
addikt
<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;
} -
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?
-
#788
Speeedfire
félisten
DeltaPower
#787
Speeedfire
félisten
válasz
DeltaPower
#787
üzenetére
Tényleg, elnézést a félrevezetés miatt.
Rég css-eztem már.
-
#787
DeltaPower
addikt
Speeedfire
#786
DeltaPower
addikt
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 -
#785
D@ni88
addikt
DeltaPower
#784
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. -
#782
Speeedfire
félisten
Speeedfire
félisten
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? -
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? -
#779
Speeedfire
félisten
Speeedfire
#778
Speeedfire
félisten
válasz
Speeedfire
#778
üzenetére
Volt egy külön szabály az 1024-es felbontás alatti monitorokra...
-
#778
Speeedfire
félisten
Speeedfire
félisten
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?
-
#776
Gombinyó
őstag
DeltaPower
#775
Gombinyó
őstag
válasz
DeltaPower
#775
üzenetére
Köszi, ha nem megy kereslek majd privátban.
-
#770
Jano_023
őstag
DeltaPower
#769
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
-
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
-
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.
-
#765
Brown ügynök
senior tag
zserrbo
#764
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%;
} -
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.
-
#762
cizella
csendes tag
Brown ügynök
#760
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
-
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.
-
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
) -
#757
Babetta-X
senior tag
Brown ügynök
#755
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
-
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;
} -
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. -
#751
Babetta-X
senior tag
Brown ügynök
#750
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?
-
#749
Babetta-X
senior tag
Brown ügynök
#748
Babetta-X
senior tag
válasz
Brown ügynök
#748
üzenetére
Köszi a segítséget. És ezt hova tegyem be, hogy jó is legyen?
-
Babetta-X
senior tag
Sziasztok! Én nagyon nem értek a css-hez, csupán annyit szeretnék, hogy a wordpress oldalamon az egyik szöveg a site-title, ha lehet comic-sansban jelenjen meg dőlt betűkkel és zöld színben. Odáig eljutottam, hogy a méretet tudom állítani, de ha a betűtípust átírom nem akar igazán jó lenni, a dőlt betűvel végképp megakadtam. Tud valaki segíteni esetleg? Előre is nagyon köszönöm!
body,
#site-title {
font-family: Verdana;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
}
pre {
font-family: "Courier 10 Pitch", Courier, monospace;
}
code,
#respond p.form-allowed-tags {
font-family: "Courier New", Courier, Fixed;
}
#author-description h2,
#comments h3 {
font-family: Verdana;
}/* Font Size */
#site-title { font-size: 45px; }
#site-description { font-size: 13px; }
#wp-calendar caption { font-size: 14px; }
#wp-calendar thead { font-size: 11px; }
#wp-calendar tbody td { font-size: 11px; }
#prev a, #next a { font-size: 12px; } -
summoner
csendes tag
Megkérdeztem a dev.opera fórumot is.
Állítólag ez még nincs implementálva az Operában.
Remélem hamarosan megcsinálják, addig is marad az url-es változat.
Mondjuk javasoltak még egy <access origin="*"/> dolgot, de azt meg nem tudom sajnos hogy hogyan kell alkalmazni.
üdv
-
summoner
csendes tag
Sziasztok!
Azt szeretném megkérdezni, hogy ha a
@font-face {
font-family: Comfortaa;
font-style: regular;
src:url(http://summoner.hostoi.com/Opera/font/cr.ttf);
}kóddal hívok meg egy betűtípust, akkor az működik.
Viszont.
Opera extension-t készítek, ami egy névnapot jelenítene meg. Ott viszont a betűtípus a font mappában van.
És ha
@font-face {
font-family: Comfortaa;
font-style: regular;
src:url(../font/cr.ttf);
}kóddal hívom meg a betűtípust, akkor az valamiért nem jelenik meg.
mit lehet ilyenkor tenni?
-
#744
ng0ofy
KORREKTOR
Brown ügynök
#743
ng0ofy
KORREKTOR
válasz
Brown ügynök
#743
üzenetére
Köszönöm!
-
#743
Brown ügynök
senior tag
ng0ofy
#742
Brown ügynök
senior tag
Tedd fel itt: Programozás fórum vagy itt PHP+MySQL
-
srmark
csendes tag
Sziasztok!
Egy portálon készített oldalt próbálok az 5 nagy böngészőre ugyanolyan kinézetűvé tenni, 4-re sikerült szinte ugyanolyanra megcsinálni, de az IE 9-ben minden rossz, olyan mintha nem támogatná a kódokat mint a régebbi IE-k. Az oldal linkje:
http://www.hotdog.hu/magazin/magazin.hot?m_id=30435Mivel ez egy portálon van, nem tudom az egész oldalt alakítani, csak a dobozok tartalmát megadni, és css-t hozzáadni amivel felül lehet írni az alap stílust, egy css fájlba dolgozok ennek a linkje:
http://users3.ml.mindenkilapja.hu/users/srmark/uploads/foto_mag_css.cssAmiket az IE nem jelenít meg az az összes CSS 3 kód, szöveg és doboz árnyékok, border-radius, amiket elvileg már támogat a 9-es verzió, csak gyakorlatban nem. A css fájlban bent van a moz-os, és a webkit-es előtagú kód is, és persze a valid CSS 3 is.
Ezen felül a fent levő "menü" sem jelenik meg, ez 3 darab div, és 3 darab "a" tag amiket egyenként pozícionáltam a helyükre, és méreteztem.Előre is köszönöm a segítséget!
-
-
-
Feritas25
csendes tag
Hali!
A következő problémám lenne:
Egy olyan menüt készítek amire ha rámegyek egérrel akkor az almenük megjelennek.
Sikerült bepozicionálnom hogy hol helyezkedjen el a menü, de chrome-ban egy vagy félsorral lejjebb van, IE-ben és Firefoxban tökéletesen megjelenik.Ez a css kód:
.sf-menu2 a {top:-5px; text-decoration:none; font-size:14px; margin-left:5px; line-height:16px; font-weight:normal; padding:0px; }
Tudnátok segíteni, hogy ez miért lehet?
Előre is köszi.
-
j0k3r!
őstag
igy nalam jo ie alatt is:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>proba</title>
<style type="text/css">
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font-family:verdana,geneva,arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
color:8e8e8e;
position:absolute;
top:144;
}
.menu ul{
background:url(images/menu-bg.gif) top left repeat-x;
height:43px;
list-style:none;
margin:0;
padding:0;
position:relative;
text-align:left;
}
.menu li{
float:left;
padding:0px 8px 0px 8px;
}
.menu li a{
color:#666666;
display:block;
font-weight:bold;
line-height:43px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
color:#000000;
text-decoration:none;
}
.menu li ul{
background:#e0e0e0;
border-left:2px solid #f68618;
border-right:2px solid #f68618;
border-bottom:2px solid #f68618;
display:none;
height:auto;
filter:alpha(opacity=95);
opacity:0.95;
position:absolute;
width:225px;
z-index:200;
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
padding:0px;
width:225px;
}
.menu li ul a{
display:block;
font-size:12px;
font-style:normal;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover{
background:#949494;
color:#000000;
opacity:1.0;
filter:alpha(opacity=100);
}
.menu p{
clear:left;
}
</style>
</head>
<body>
<div class="menu">
<ul>
<li><a href="index.html">Nyelvtanfolyam 2011</a></li>
<li><a href="#">Vizsgaidőpont 2011</a>
<ul>
<li><a href="telc.html">TELC</a></li>
<li><a href="ecl.html">ECL</a></li>
<li><a href="itk.html">ITK</a></li>
</ul>
</li>
<li><a href="service.html">Szolgáltatásaink</a></li>
<li><a href="information.html">Tudnivalók</a></li>
<li><a href="contact.html"> Elérhetőségeink</a></li>
</ul>
</div>
</body>
</html> -
zozii
csendes tag
Sziasztok!
Segítséget szeretnék kérni.Van egy weboldal, és annak menüjében a vizsgaidőpont 2011 menüpont nem gördül le Internet Explorerben.
Mi lehet a megoldás?css:
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font-family:verdana,geneva,arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
color:8e8e8e;
position:absolute;
top:144;
}
.menu ul{
background:url(images/menu-bg.gif) top left repeat-x;
height:43px;
list-style:none;
margin:0;
padding:0;
position:relative;
text-align:left;
}
.menu li{
float:left;
padding:0px 8px 0px 8px;
}
.menu li a{
color:#666666;
display:block;
font-weight:bold;
line-height:43px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
color:#000000;
text-decoration:none;
}
.menu li ul{
background:#e0e0e0;
border-left:2px solid #f68618;
border-right:2px solid #f68618;
border-bottom:2px solid #f68618;
display:none;
height:auto;
filter:alpha(opacity=95);
opacity:0.95;
position:absolute;
width:225px;
z-index:200;
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
padding:0px;
width:225px;
}
.menu li ul a{
display:block;
font-size:12px;
font-style:normal;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover{
background:#949494;
color:#000000;
opacity:1.0;
filter:alpha(opacity=100);
}
.menu p{
clear:left;
}html:
<div id="menu" class="menu">
<ul>
<li><a href="index.html">Nyelvtanfolyam 2011</a></li>
<li><a href="#">Vizsgaidőpont 2011</a>
<ul>
<li><a href="telc.html">TELC</a></li>
<li><a href="ecl.html">ECL</a></li>
<li><a href="itk.html">ITK</a></li>
</ul>
</li>
<li><a href="service.html">Szolgáltatásaink</a></li>
<li><a href="information.html">Tudnivalók</a></li>
<li><a href="contact.html"> Elérhetőségeink</a></li>
</ul>
</div>A segítségeteket előre is köszönöm.
-
#731
Újoncka
aktív tag
DeltaPower
#730
Újoncka
aktív tag
válasz
DeltaPower
#730
üzenetére
Köszönöm ez is egy működőképes remek megoldás
De az első egyszerűbb egy picitKöszi mindenkinek a segítőszándékot
-
#730
DeltaPower
addikt
Újoncka
#728
DeltaPower
addikt
a leginkább böngészőfüggetlen megoldás a kétrégetű háttér. ehhez szükség lesz egy jobbos és egy balos háttérképre, és két divre. a két háttérkép csak a fekete-fehér filmszegélyeket tartalmazza függőlegesen ismételhetően.
<div id="kulso">
<div id="belso">
...
</div>
</div>
<style type="text/css">
div#kulso
{
background: url(hatter_balos.gif) center left repeat-y;
background-color: #aa000; /* ez a bordó */
}
div#belso
{
background: url(hatter_jobbos.gif) center right repeat-y;
}
</style>a belső divnek ajánlott a filmcsíkok szélességének megfelelő jobb és bal paddingot adni, akkor nem megy rá a tartalom.
-
Újoncka
aktív tag
Nem értek hozzá ez a nagy büdös igazság!
Elég fontos lenne hogy megoldjam
Nem feltétlen háttérből lehetne keretből is
lényeg hogy a szövegdoboz széle olyan legyen mint egy fotó negatív széle!
Nem kell hogy teljesen kitoljam az oldalára elég ha a szövegdoboz oldalára kerül!
Azt mondták az okosok hogy csináljak két képet és css-ben igazitsam egy fix szövegdoboz oldalához na most az oldalt lefixáltam 850px-ben de sehogy se tudom a képeket életre hívni
a szin keretet tökéletesen illeszti azzal nem is lenne gond csak nem szín kell hanem kép kéne -
Frigo
őstag
Ha azt szeretnéd ,hogy a háttered 100%-san a felbontáshoz igazodjon azt csak CSS3 background-size-al tudod elérni de ezt még pár böngésző nem támogatja.Jelenleg az egyetlen megoldás ha nem background-ként hanem sima képként teszed be és a css-ben width,height-et 100%-nak adod meg illetve fix pozíciót állítasz be ,hogy kövesse az egér scrollozást valamint adsz neki még egy negatív z-indexet ,hogy ne tolja el a tartalmat.
-
Újoncka
aktív tag
Sziasztok kéne nekem egy kis segitség:
adott egy oldalam aminek van egy meghatározott közepe:
azt szeretném ha kb igy festene:KÉPBackgroundal oldottam meg eddig 1024x768-ig jól szuperál a helyén van de nagyobb felbontásban elcsúszik!
Mondták hogy probáljam meg cssben a keret jobb és baloldalát megadni de sehogy se jött össze:
width: 850px;
border-bottom-width: 20px;
border-bottom-color: #FFFF00;
border-left-image: url(leftbg.JPG);
border-left-width: 40px;
border-right-image: url(rightbg.JPG);
border-right-width: 40px;a szineket tökéletesen illeszti a kerethet de hogy hogy kell a képet életre kelteni azt nem tudom a backgroundból indultam ki!
Kezdő vagyok nem tagadom de ha irdatlan nagy hülyeséggel próbálkoztam ne nevessetek ki köszi
-
#725
Speeedfire
félisten
Brown ügynök
#724
Speeedfire
félisten
válasz
Brown ügynök
#724
üzenetére
Isten éltessen a klubban.
Én is ilyeneken szoktam elhasalni, a php topicban már írtam is, hogy egyszer csinálok magamnak valami gyerekbiztos szerkesztő programot. -
#724
Brown ügynök
senior tag
Brown ügynök
#723
Brown ügynök
senior tag
válasz
Brown ügynök
#723
üzenetére
A hiba az volt, hogy a kép elérési útvonala után nem raktam [space]-t.
background: url(/kepek/obg2.png)repeat-y; helyett:
background: url(/kepek/obg2.png) repeat-y;Te jó ég!
-
#723
Brown ügynök
senior tag
Speeedfire
#722
Brown ügynök
senior tag
válasz
Speeedfire
#722
üzenetére
Ez nem az a weboldal amiről eddig szó volt de itt is ugyanaz a hiba:
-
#722
Speeedfire
félisten
Brown ügynök
#721
Speeedfire
félisten
válasz
Brown ügynök
#721
üzenetére
Még annyit megtehetsz, hogy feltöltöd valahova az oldalt, hátha akkor sikerül valamit összehozni...
-
#721
Brown ügynök
senior tag
Speeedfire
#720
Brown ügynök
senior tag
válasz
Speeedfire
#720
üzenetére
Sajnos ez sem segít
-
#720
Speeedfire
félisten
Brown ügynök
#719
Speeedfire
félisten
válasz
Brown ügynök
#719
üzenetére
Ezt még próbáld meg aztán én kifogytam az ötletekből.
.kozep {
background-image: url(../kepek/Untitled.jpg)repeat-y;
margin: 0 auto;
float: left;
} -
#719
Brown ügynök
senior tag
DeltaPower
#718
Brown ügynök
senior tag
válasz
DeltaPower
#718
üzenetére
Igen az egyik float-va van. <div style="clear:both"></div> sem segített sajnos.
.SpeedFire: Az IE fejlesztői eszközében nem is mutatja hogy lenne a közép és menü osztálynak háttere, pedig van. A chrome mutatja.
-
#718
DeltaPower
addikt
Brown ügynök
#716
DeltaPower
addikt
válasz
Brown ügynök
#716
üzenetére
jobb és bal gondolom floatolva van, kell utánuk egy akármi elem (pl div, br) ami clear:both
tehát így
<cikk>
<jobb></jobb>
<bal></bal>
<div style="clear:both"></div>
</cikk> -
#717
Speeedfire
félisten
Brown ügynök
#716
Speeedfire
félisten
válasz
Brown ügynök
#716
üzenetére
Én is valami hasonlóval szívtam valamelyik nap. Ha kicsit visszaolvasol.
Valami miatt a div chrome alatt 0px magas volt. Adtam neki egy float:left-et és működött.
Ha tudnád linkelni az oldalt még jobb lenne. Így csak találgatni tudok.Ie is kiírja neked mondjuk milyen magas, de szerintem ez lesz a gond nálad is.
Ie alatt F12. Bal oldalt rámész arra a div-re ami érdekel téged, jobb oldalt meg rámész az elrendezésre ott kiírja a div méretetit. Ha 0px a magasság akkor az a baj..kozep {
background: url(../kepek/Untitled.jpg)repeat-y top left;
margin: 0 auto;
float: left;
} -
#716
Brown ügynök
senior tag
Speeedfire
#715
Brown ügynök
senior tag
válasz
Speeedfire
#715
üzenetére
Ismételnie kellene a szóban forgó képet y tengelyen a "közép" osztály háttereként.
Igazából top left-re nincs is szükség csak repeat-y-ra. Ez IE 8-nál nem működik így. Megnéztem validatorral és mindössze ezt a figyelmeztetést kaptam:body 7 :A térköz karaktert tartalmazó családneveket idézőjelbe kell tenni. Ha idézőjelet használ, egyik térköz karakter sem lesz figyelembe véve a név előtt vagy mögött, és a névben egymás után lévő térköz karaktereket egy szóközzel helyettesítjük.
Ilyet se láttam még. De a body-ban meghatározott dolgok megjelennek.
Kiegészítés a fenti html szerkezethez:
<közép>
<menü></menü><cikk>
<jobb></jobb>
<bal></bal>
</cikk></közép>
A cikk osztálynak külön háttere van amit megjelenít az IE 8.
Tehát a közép osztályban y t. mentén ismétlek egy képet, majd a cikk osztálynak is meghatározok egy külön képet. A többi böngésző megjeleníti mindkét hátteret az IE 8 nem.
-
#715
Speeedfire
félisten
Brown ügynök
#714
Speeedfire
félisten
válasz
Brown ügynök
#714
üzenetére
Kicsit leírnád, hogy mi nem jelenik meg rendesen?
Amúgy gondolom a top left-re gondszolsz. Ha így van akkor azért mert nem elfogadott a top left.
Első paraméter az x tengely második az y.
Itt vannak azok amik engedélyezettek, illetve böngésző függetlenek. -
#714
Brown ügynök
senior tag
Brown ügynök
senior tag
Tudja valaki, hogy IE 8 alatt miért nem jelenik meg helyesen? FF, Chr, IE 9-nél működik.
CSS:
.kozep {
background: url(../kepek/Untitled.jpg)repeat-y top left;
}html szerkezet:
<oldal>
<fejléc></fejléc>
<közép>
<menü></menü>
</közép><lábléc></lábléc>
</oldal>
-
#713
Speeedfire
félisten
Speeedfire
#712
Speeedfire
félisten
válasz
Speeedfire
#712
üzenetére
Adtam a .tartalomnak (illetve a content-wrap-nak) egy float:left-et most jó.
-
#711
j0k3r!
őstag
Speeedfire
#710
j0k3r!
őstag
válasz
Speeedfire
#710
üzenetére
egy tipp:
megadsz egy minimum magassagot:
min-height: x px;
aztan
height:auto; -
#710
Speeedfire
félisten
Speeedfire
félisten
Üdv!
Adott 3 div, ilyen felépítésben:
<div class="tartalom">
<div class="bal"></div>
<div class="jobb"></div>
</div>Ugye a tartalom lenne a "keret", de mindig 0px a magassága pedig be szeretné neki állítani egy hátteret, ha megadom neki pl, hogy min-height:600px akkor meg sokszor kevés.
Hogy lehet ezt kivitelezni?
A bal float:left a jobb meg float:right -
maestro87
őstag
Üdv mindenki!
A következő módon hivatkoztam egy külső style.css-re:
<link rel="stylesheet" href="style.css" type="text/css">
Ez alapján csináltam.
Az index.php eredetileg tartalmazott 3 <style type="text/css"> ....</style> beágyazást (vagy mit) egymásután, ezeket kivettem (az összeset) és a fenti módon hivatkoztam rá.
A style.css-ből kivettem az összes <style type="text/css"></style> tagot is.A következő a probléma: Firefox szépen értelmezi, nem változott meg semmi az oldalon, ellenben az Opera elszínezte a linkeket, meg hasonlókat csinál.
Mit lehet ez ellen tenni?szerk: Próbáltam úgy is, hogy kommentbe tettem a style.css-ben a tartalmat: <!-- -->
Vagy ezt nem szabad? Bár nélküle sem működik rendesen. -
#706
HolyDay
tag
Speeedfire
#705
HolyDay
tag
válasz
Speeedfire
#705
üzenetére
a #content img egy "specifikusabb kiválasztó" volt, ezért applikálta a böngésző ezeket a stílusokat (egy kis segítség: [link] )
üdv
-
#704
PazsitZ
addikt
Speeedfire
#703
PazsitZ
addikt
válasz
Speeedfire
#703
üzenetére
Használj !important-et.
Egyébként tényleg fura, a később kiadott tulajdonságnak felül kellene írnia az előzőt, nem látom én sem a megfejtést.
Hacsak épp azon nincs important, bár ahogy nézem a paddingon nincs. -
#702
PazsitZ
addikt
Speeedfire
#701
PazsitZ
addikt
válasz
Speeedfire
#701
üzenetére
Pontosan azért, mert azt adtad meg, hogy a background értéke white legyen, a padding pedig 4px.
Feltételezem a célod ez lenne: #content img{ background-color:#fff;} -
#701
Speeedfire
félisten
Speeedfire
félisten
Üdv!
Valami megmondani, hogy ez miért van felülbírálva?
Új hozzászólás Aktív témák
Hirdetés
- ÁRGARANCIA!Épített KomPhone i9 14900KF 32/64GB RAM RTX 5070Ti 16GB GAMER PC termékbeszámítással
- ÁRGARANCIA!Épített KomPhone i7 14700KF 32/64GB RAM RTX 5070Ti 16GB GAMER PC termékbeszámítással
- Menő retró konfig: Q9550, Gigabyte P43, 4GB RAM, ASUS GT730,
- ÁRGARANCIA!Épített KomPhone i5 12400F 16/32/64GB RAM RX 7600 XT 16GB GAMER PC termékbeszámítással
- ÁRCSÖKKENTÉS Dell Latitude E6320 notebook eladó
Állásajánlatok
Cég: PC Trade Systems Kft.
Város: Szeged
Cég: CAMERA-PRO Hungary Kft
Város: Budapest