Új hozzászólás Aktív témák
-
#450
DeltaPower
addikt
obidaya
#449
DeltaPower
addikt
beleteszed a tartalmat egy div-be vagy td-be, és onmouseover-nél (ill onmouseout-nál) javascriptből állítod a stílusát, ahogy az általad linkelt példa forrásában is szerepel.
"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
-
#448
DeltaPower
addikt
mm00
#447
-
T-Nagyon
tag
-
mm00
aktív tag
válasz
T-Nagyon
#444
üzenetére
<div style="clear:left; float:left; width:400px;background-image:url('bgdesert.jpg');background-repeat: repeat-y;">
<div style="clear:left; float:left; width:100px;">
Ez a menu
</div>
<div style="clear:left; float:left; width:300px;">
ez itt a nagyon sok szöveget tartalmazó div...............
</div>
</div> -
T-Nagyon
tag
Sziasztok!
Újabb gond merült fel. Két oszlopos oldalról beszélünk. A baloldalo oszlopban van a menü és alatta egy háttér amit sokszorosítani szeretnék (lefelé) egészen addig, ameddig a jobboldali oszlopban található tartalom tart. A gond ott van, hogy a div-nek, amibe kerülne ismétlendő háttér, nem tudom megmondani, hogy az oldal aljáig tartson...
Segítsetek!
Fotóim: http://flickr.com/skublics_gergely
-
tildy
nagyúr
Van egy divem, ami ff-ben, és IE-ben scrollozható függőleges irányban .
Operában viszont széttolja a divet a tartalom méretére.
Van rá ötletetek hogy lehet megoldani?"Tartsd magad távol azoktól, akik le akarják törni az ambíciódat! A "kis" emberek mindig ezt teszik, de a nagyok éreztetik veled, hogy te is naggyá válhatsz" - Mark Twain
-
#441
Louloudaki
aktív tag
fordfairlane
#440
Louloudaki
aktív tag
válasz
fordfairlane
#440
üzenetére
az a kívánt állpot, ami most van, már kijavítottam a tárhelyen is.
-
#440
fordfairlane
veterán
Louloudaki
#439
fordfairlane
veterán
válasz
Louloudaki
#439
üzenetére
Ja hogy ez a kívánt állapot? Akkor oké, bár nekem nem egészen így viselkedik. Ha leegyszerűsítem a problémát, akkor ez nem működik ie6-ban:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<style type="text/css">
div#middle {
width: 300px;
}
div#content {
overflow: auto;
}
</style>
</head>
<body>
<div id="middle">
<div id="content">
<img src="teszt.jpg" width="1000" alt="" border="0" />
</div>
</div>
</body>
</html>Ez viszont jó:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<style type="text/css">
div#middle {
width: 300px;
overflow: auto;
}
div#content {
}
</style>
</head>
<body>
<div id="middle">
<div id="content">
<img src="teszt.jpg" width="1000" alt="" border="0" />
</div>
</div>
</body>
</html>x gon' give it to ya
-
#439
Louloudaki
aktív tag
fordfairlane
#438
Louloudaki
aktív tag
válasz
fordfairlane
#438
üzenetére
köszi!
ahol az oldal szélességét adom meg, tehát legkülső div, akkor a láblécet is berakta a scrollozandó területbe.
végigjátszottam kívülről befelé, a divet tartalmazó "szülő" divnek kellett beállítani végül. de mér hülye ez ennyire?
[ Szerkesztve ]
-
#438
fordfairlane
veterán
Louloudaki
#437
fordfairlane
veterán
válasz
Louloudaki
#437
üzenetére
Megnéztem a forrását, és első körben azt ajánlom kipróbálásra, hogy az overflow property-t annál a div blokknál használd, ahol definiálod az oldal szélességét.
x gon' give it to ya
-
#437
Louloudaki
aktív tag
fordfairlane
#436
Louloudaki
aktív tag
válasz
fordfairlane
#436
üzenetére
ha scroll, akkor mindig látszik a scrollbar, ha nem lóg ki a tartalom, akkor is. ebbe a divbe megy nem túllógós tartalom is, aktuális menüponttól függően.
viszont scrollal is átméreteződik a középső divem a kép méretére, és úgy teszi ki az inaktív scrollbarokat.
hidden meg nem jó, mindenképpen kell görgetni a túllógó részt, mert térkép kerül oda.
megsasolod? vagy valaki... [link][ Szerkesztve ]
-
#436
fordfairlane
veterán
Louloudaki
#435
fordfairlane
veterán
válasz
Louloudaki
#435
üzenetére
Az ie6 a width-et min-width-ként értelmezi. Ha azt akarod, hogy a doboz mindig 600px széles maradjon, akkor overflow: hidden, vagy overflow: scroll-t kell használni.
Mod: Most nézem, hogy nekem az auto is jól működik.
[ Szerkesztve ]
x gon' give it to ya
-
#435
Louloudaki
aktív tag
Louloudaki
aktív tag
van egy 600 széles divem, overflow: auto;-val, ha belerakok jó nagy képet, (csak) ie6 nem teszi bele a scrollokat, hanem kitágítja a divet akkorára mint a kép.
megoldás mi lehet? -
#433
Louloudaki
aktív tag
T-Nagyon
#432
Louloudaki
aktív tag
válasz
T-Nagyon
#432
üzenetére
body {margin: 0px; padding: 0px;} és minden használt elemet szintén nullázz le így, és adj nekik akkora értéket, amekkorára szükséged van. a böngészők alapból beraknak minden elemnek némi paddinget meg margint, ha nem nullázod le, vagy nem adsz értéket nekik.
[ Szerkesztve ]
-
T-Nagyon
tag
Sziasztok!
Némi problémám akadt egy fejléc elhelyezésével... Nem akar teljesen a böngésző széléhez "odasimulni". Az oldalt itt meg lehet tekinteni: [az oldal]
A CSS pedig innen letölthető: [a css]
Várom ötleteiteket!Fotóim: http://flickr.com/skublics_gergely
-
#431
Louloudaki
aktív tag
Louloudaki
#430
Louloudaki
aktív tag
válasz
Louloudaki
#430
üzenetére
a francnak kell a cache-nek beragadnia. mégis jó a transparent...
-
#430
Louloudaki
aktív tag
Louloudaki
aktív tag
kellene nekem átlátszó háttér divnek, ami minden böngészőben jó. a background-color: transparent konkrétan semmiben sem megy, edig neten ezt találtam példának.
az opacity meg a -moz-opacity a szöveget is átlátszóvá teszi, ami benne van a divben.
[ Szerkesztve ]
-
#429
DeltaPower
addikt
bubu18
#428
DeltaPower
addikt
ez a filter a májkroszoft okossága (ehelyett inkább normális boxmodellt is csinálhattak volna...), sajna firefox alatt nem mennek, bár 1-2-nek (pl. opacity) van mozillás megfelelője is (CSS-ben -moz-opacity)
"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
-
#427
enmarnemtom
csendes tag
enmarnemtom
#425
enmarnemtom
csendes tag
válasz
enmarnemtom
#425
üzenetére
Jelentem megoldódott a problémám, az infót sajnos máshol kaptam, de itt is megosztom: az absolute-relative igazítások helyett float: left-et alkalmaztam, de magyarázat helyett nézzétek meg ennek az oldalnak a css-ét. Ez firefoxban is szinte ugyanaz mint ie-ben.
[link] -
#426
Winner_hun
titán
enmarnemtom
#425
Winner_hun
titán
válasz
enmarnemtom
#425
üzenetére
Így hogy kérdezed lehet nem is ez a baja, ez azt adja meg hogy melyik oldalhoz tartozik a css tartalma (neten lehet máshogy működik a dolog, mivel ott a css gondolom az adott könyvtárban van. Ha azt betettem a gépen a css elé akkor középre tette, viszont van benne hiba, hogy mennyi azt nem tudom. Firefoxhoz tedd fel a stylish kiterjesztést, azzal lehet css-t gyorsan próbálgatni.
► "Kicsit olyan webcaritas" ◄ ヅ
-
#425
enmarnemtom
csendes tag
Winner_hun
#424
enmarnemtom
csendes tag
válasz
Winner_hun
#424
üzenetére
Köszi, beteszem, de mi is ez?
és mi segít a bajomon?? -
#424
Winner_hun
titán
enmarnemtom
#423
Winner_hun
titán
válasz
enmarnemtom
#423
üzenetére
A @charset elé ezt hiányzik:
@-moz-document domain('markaz.extra.hu') {
► "Kicsit olyan webcaritas" ◄ ヅ
-
#423
enmarnemtom
csendes tag
enmarnemtom
csendes tag
hali, csinálok egy kissé összetettebb oldalt, amit gondoltam, hogy css-sel tök jó lesz. IE-ben nincs is semmi gond, de firefoxban szétzuhan az egész...Elég amatőr vagyok, lehet teljesen rossz úton járok, de végülis ie-ben frankó, mit csináljak, hogy firefoxban is ugyanúgy nézzen ki???!!! Már egy csomó oldalt végignéztem, de nem találom az igazi választ, légyszi segítsetek, mert már megbolondít......!!!!!!!!!
Az oldal: [link]
És a css: (bocs, kicsit hosszú...)
@charset "utf-8";
body { background-image: url(images/bgr.jpg); }
img{ border: 0px none; }
}div#test
{
background-image: url(images/markaz_29.jpg);
margin-left: auto; margin-right: auto;
width: 853px;
margin-top: 14px;
position: relative;
}div.clearer {
clear: left;
line-height: 0;
height: 0;
}img.fej1 { margin-top: -38px; margin-left: 25px; position: absolute;}
img.fej2 { margin-top: -38px; margin-left: 171px; position: absolute;}
img.fej3 { margin-top: -38px; margin-left: 318px; position: absolute;}
img.latniv { margin-top: 52px; margin-left: 25px; position: absolute;}
img.latniv0 { margin-top: 52px; margin-left: 171px; position: absolute;}
img.izek0 { margin-top: 154px; margin-left: 25px; position: absolute;}
img.izek { margin-top: 154px; margin-left: 171px; position: absolute;}
img.bor { margin-top: 250px; margin-left: 25px; position: absolute;}
img.bor0 { margin-top: 250px; margin-left: 171px; position: absolute;}
img.rendezv0 { margin-top: 342px; margin-left: 25px; position: absolute;}
img.rendezv { margin-top: 342px; margin-left: 171px; position: absolute;}
img.sport { margin-top: 445px; margin-left: 25px; position: absolute;}
img.sport0 { margin-top: 445px; margin-left: 171px; position: absolute;}
img.tura0 { margin-top: 540px; margin-left: 25px; position: absolute;}
img.tura { margin-top: 540px; margin-left: 171px; position: absolute;}
img.szallas { margin-top: 642px; margin-left: 25px; position: absolute;}
img.szallas0 { margin-top: 642px; margin-left: 171px; position: absolute;}
img.fejlec1 { margin-top: 49px; margin-left: 318px; position: absolute;}
img.fejlec2 { margin-top: 100px; margin-left: 318px; position: absolute;}div#felsomenu
{ width: 460px;
margin-left: 330px; margin-top: -816px;
position: relative;
color: #000000;
font-weight: bold;
font-family: arial;
font-size: 12px; }div#szoveg
{ width: 460px;
position: relative;
margin-left: 340px; margin-top: 51px;
font-family: verdana;
color: #030303;
font-size: 13px;
line-height: 1.2 }div#lablec
{ width: 460px;
margin-top: 50px;
margin-left: 0px;
height: 300 px;
margin-bottom: 20px;
background-color: #00ff00;
position: relative; }div#alja
{ background-image: url(images/alja.jpg);
margin-left: auto; margin-right: auto; margin-top: -20px;
width: 853px; height: 60px;
}div#tamogatok
{ margin-top: 770px;
margin-left: 40px;
width: 270px;
background-color: #ff0000;
position: relative; }div#jog
{ width: 270px;
margin-top: -70px;
margin-left: -300px;
height: 500 px;
margin-bottom: 20px;
background-color: #ff0000;
position: relative;}Örök hálám a megoldónak!!!
-
#421
rosseb
csendes tag
Winner_hun
#420
rosseb
csendes tag
válasz
Winner_hun
#420
üzenetére
sajnos nem.
-
#417
xlalix
tag
DeltaPower
#416
xlalix
tag
válasz
DeltaPower
#416
üzenetére
köszi erre is rájöttem kb másfél óra után
mikor rájöttem h ezt hibáztam el az agyam eldurrant...De jó kis dolog ez a css -
#416
DeltaPower
addikt
xlalix
#415
DeltaPower
addikt
#balsav, #jobbsav, #kozepsav esetében
height:280;
helyett
height:280px;
írj.
(mod) mértékegységet mindenhol ki kell írni (px % em), ahol nem nulla, csak simán a számot nem eszi meg. nézd át az egészet, több helyen is hiányzik.
nbsp miatt nem nagyon sírnak a validálók.
[ 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
-
xlalix
tag
kezdő css vagyok
ez a stiluslap:
#lap{width:800px;
margin:10px auto 10px auto;}
#fent, #kozep, #also{margin:0 0 0 0;}
#fejlec{height:43px;}
#balsav{float:left;
width:235px;}
#jobbsav{float:left;
width:126px;}
#kozepsav{float:left;
width:439px;}
#also{clear:both;}
#fejlec{background-image:url(fent.gif);
text-align:center;
padding:10px 0 10 px 0;
height:43;}
#lent{background-image:url(lent.gif);
text-align:center;
padding:10px 0 10 px 0;
height:88;}
#balsav{background-image:url(ballemez.gif);
height:280;
padding:10px 0 10 px 0;
}
#jobbsav{background-image:url(jobblemez.gif);
width:126;
height:280;
padding:10px 0 10 px 0;
}
#kozepsav{background-image:url(kozep.gif);
width:439;
height:280;
padding:10px 0 10 px 0;
}ez pedig az oldal:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta http-equiv="Content-Language" content="hu" />
<link type="text/css" rel="stylesheet" href="style.css"/>
</head><body>
<div id="lap">
<div id="fent">
<div id="fejlec">
</div>
</div>
<div id="kozep">
<div id="balsav">
</div>
<div id="kozepsav">
</div>
<div id="jobbsav">
</div>
</div>
<div id="also">
<div id="lent">
</div>
</div></div>
</body>
</html>
Miért csak a felső "fejlecet" jeleníti meg? -
alitak
senior tag
Hogyan tudom megoldani css-ben ezt: hogy van egy oldal, ami középre van igazítva. Van egy head, ami egész szélességű (1000px), alatta van egy main, ami 800px és mellé kéne betenni egy 200px szélességű boxot.
Nec arte, nec marte | használt hardverek jó áron: http://goo.gl/lUwLkw
-
#411
DeltaPower
addikt
vancha2
#410
DeltaPower
addikt
sztem ez összeollózott kód lesz...
Kuvik: ha már mindenképp több böngészőre akarsz fejleszteni, kezdd a firefox-szal vagy mozillával, mert egyelőre azok követik legjobban a szabványokat. aztán amit az IE nem szeret benne, az meg lehet csinálni utána is.
float: center --> ilyen nem létezik, floatnak 3 értéke lehet, left, right vagy none;
ja, és a div-eket illik ám lezárni
vancha2: uw-ra egyszerű framekillert csinálni"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
-
vancha2
aktív tag
Először is: ezt a kódot te írtad, vagy egy program? Ha egy program akkor azt sürgösen dobd ki!
A kódban nagyon sok hiba van:
Az alap tag-jeid így néznek ki:<html>
<head>
</head>
<body>
<body>
</body>
</html>
</body>
</html>Az egész kódban, csak egyszer szerepelhet a html, a head, és a body tag! (+ a lezárásuk) Ezzel szemben te a </html>-el lezárod a kódot, de utána folytatod a div-ekkel. Hogy is van ez az xhtml DTD? A validator kapásból 21 hibát talált. Először ezeket javítsd ki.
Próbáld meg, hogy nem a .box-nak adsz egy
margin-top: 10px;
, hanem a #content-nek adsz egy
padding-top: 10px;
-et.
Ja egyébként céges weblapot én nem raknék az Ultraweb-re (elég kiábrándító az a reklámcsík). Használd inkább az extra.hu-t, ha ingyenes szolgáltatónál maradsz.
-
Kuvik
tag
Sziasztok!
nekem a köv problémám van ezzel az oldallal kapcsolatban:tt a style.css [link]
a szolgáltatások szövegdobozt kéne lejjebb pozicionálni a felső menü div-idhoz képest..
a style.css-ben a .box-nál ezzel probálkoztam: (jelenleg nincs benne a style.css-ben)
margin-top: 10px;
explorerben teljesen jó, csak firefoxban az egész contentet leonyomja 10pixellel és így van egy üres csík az oldalban...
plussz még szeretnek egy-egy dobozt berakni a "szolgáltatásaink" jobb, ill bal oldalára a contenten belül...
Az nagyon zsír lenne ha valaki ezt egyből leírná css-ül, hogy lehetA segítséget előre is köszi, zoli.
-
-
-
dokar
addikt
csinálgatom szépen az oldalt xhtml strict-ben szép kis css-el, w3c valid is ok, azért kíváncsiságból ránéztem, hogy IE7-ben hogy mutat: hát egy rakás gané. nem igaz, hogy ez a trágya bugxplorer nem kezeli normálisan a css-t.
FF-ben, Opera-ban nincs semmi gáz.extra - SEXRay
-
vancha2
aktív tag
Igazából nem értem a problémádat. Ahhoz hogy a container id-val rendelkező div körülülelje a többit, rakd bele őket a container-be:
<div id=''container''>
ide jön a többi div...
</div>
Nézd meg ezeket, hátha segít: [link] [link]
Ha ezek után sem megy, akkor rajzold le mondjuk paintbe, hogy hogy legyenek a div-ek, és linkeld be ide. Úgy sokkal könnyebb segíteni
[Szerkesztve]
Így jó.
Új hozzászólás Aktív témák
- Akció! Dell Latitude E6430 laptop (14/i5-G3/8GB/256SSD/AkkuX) - 1 év garancia, 27 % számla
- Wacom Cintiq 16 FHD (DTK-1660) digitalizáló tábla
- Denon AVR X2600H erősítő + Jamo S809 5.0 Hangfalszett
- Géjmer Keychron M3 vezeték nélküli egér
- Akció! Dell Latitude E6230 laptop (12,5/i5-G3/8GB/256SSD) - 1 év garancia, 27 % számla