- sziku69: Szólánc.
- sziku69: Fűzzük össze a szavakat :)
- LordAthis: AI (és másra is használt) Cluster építése - Második Cikk
- Luck Dragon: Asszociációs játék. :)
- koxx: Bloons TD5 - Tower Defense játék
- D1Rect: Nagy "hülyétkapokazapróktól" topik
- btz: Internet fejlesztés országosan!
- GoodSpeed: AMD Ryzen 7 7700X vs AMD Ryzen 9 9900X Cinebench R23 & R24 Benchmarkokban mérve
- bambano: Bambanő háza tája
- ubyegon2: Airfryer XL XXL forrólevegős sütő gyakorlati tanácsok, ötletek, receptek
Új hozzászólás Aktív témák
-
cucka
addikt
válasz
vakondka
#499
üzenetére
Ha ilyen, más elemek fölött lebegő dobozt szeretnél, akkor:
- abszolút poziconálás, ami annyit jelent, hogy a böngészőablakhoz képest tudod beállítani az adott elem helyét (ezt a top és a left css tulajdonságokkal tudod megtenni)
- z-index-et állítsd be. Mindegy mennyi, de 0-nál nagyobb legyen. Több egymásra pakolt abszolut pozicionált elemnél ez határozza meg, melyik van felül. -
vakondka
őstag
Van egy oldalam, ahol a város neveket feldobja az autocomplete script: [link]
Viszont az a gondom, hogy működés közben csúnya, mert széttolja a div-et amiben a mezők vannak. Szóval valamilyen pozícionálás probléma lehet , mert szerintem ott kellene lebegnie a sarokban, mint egy layer-nek...
-
-
Drizzt
nagyúr
Felmerült még egy kérdés.
FF alatt ha rányomsz egy képre, vagy linkre, s vonszolod, akkor enyhén átlátszóan látszik közben a körvonala. Meg lehet adni valahogy, hogy egy divvel is hasonló legyen a helyzet? Magyarán ha a divet elkezded vonszlni, akkor a körvonala megjelenjen? -
Drizzt
nagyúr
Kérdésem van: van egy table tr, amiben van egy td, aminek width=99%.
Van ebben egy div, aminek szeretnék width: 32%-ot, s középre szúrni. Ha a td css-ének megadom, hogy left:33%, akkor FF-ben az van, amit szeretnék. De IE.ben elmászik jobbra teljesen a div a td-n belül.
Hogy tudnám megcsinálni, hogy mindkét "csodában" jó legyen?Tehát: széles td, benne rövid div középre zárva, ez a cél.
Kösz. -
#489
ArchElf
addikt
Redpaladin
#488
ArchElf
addikt
válasz
Redpaladin
#488
üzenetére
Szólj hozzá értelmeset.
![;]](//cdn.rios.hu/dl/s/v1.gif)
Egyrészt borzasztó alacsony az implementáltsága a CSS3-nak, másrészt még mindig DRAFT. Részletek itt.AE
-
#488
Redpaladin
tag
Redpaladin
#487
Redpaladin
tag
válasz
Redpaladin
#487
üzenetére
halott topic
-
#487
Redpaladin
tag
Redpaladin
tag
Úgy látom,hogy rég nem látogatta senki,de gondoltam hátha.
Most néztem a netten CSS3 újdonságokat, és jó lenne már alkalmazni, de attól félek,hogy évekig várhatunk IE jóvoltából. Szerintem egyetlen reményünk,hogy Windows 7-böl lekapcsolható majd a IE telepítése s ezáltal talán megoldható,hogy ügyfelek frissítenek s így talán jobban elterjednek a CSS3 támogatást támogató böngészők... Egye a fene,várom már naon. 
-
Spyro007
csendes tag
Szia!
Sajnos (lehet az én hibám), nehezen tudtam kihámozni mire gondolsz, de hogy elkerüljük a félreértést, én így értelmeztem a hozzászólásod:
Van egy meglévő oldalad, amit a lap középre szeretnél tenni úgy, hogy a 2 oldalán maradjon egy kis sáv. (remélem erre gondolsz)Én így oldanám meg:
<body>
<div id="container"> /* Ha van már ilyen keretbe téve az oldalad nem szükséges, ez egy példa */
A jelenlegi oldalad tartalma
</div>
</body>Eddig az egész oldaladat elhelyeztük egy keretbe, amit majd középre teszünk.
body {
background-image: url(képed);
background-repeat: no-repeat(ha ne ismétlődjön), repeat(ha ismétlődjön);
}
#container {
text-align: center;
margin: 0px auto;
width: (szélessége);
min-height: (hossza);
}Az oldalad középre fog kerülni, és a 2 oldalt lévő sávban megjelennek a képek.
Remélem segítettem. -
#485
Spyro007
csendes tag
NeoExDeath
#484
Spyro007
csendes tag
válasz
NeoExDeath
#484
üzenetére
Szia!
Nem igazán ismerem a Dreamweavert, én CONtextben írom meg a css, és html fájlokat.
De leírom, hogyan tudod középre helyezni az oldalad:
Az egész oldalt egy nagy (htmlben) <div> tegbe kell tenni, aminek pl. legyen a neve: container.
Így nézne ki:<body>
<div id="container"></div>
</body>A css fájban hivatkozunk rá:
#container {
margin: 0px auto:
text-align: center;
width: 800px (például);
}Így amit a <div id="container"> tegbe írsz, azaz az oldalad tartalma középre fog kerülni
Remélem segítettem.
-
#484
NeoExDeath
aktív tag
NeoExDeath
aktív tag
Sziasztok,
Most ismerkedek a Stylesheet-ekkel, a dreamweaver-el komolyabban. Egy viszonylag egyszerű dolgot szeretnék megvalósítani, nektek bizonyosan egyértelmű a válasz. Egy olyan weboldalt szeretnék csinálni, ami nem túl széles, magas, és mindig a képernyő közepén van.
Valahogy így kellene elképzelni: template oldalNamost azt szeretném megoldani, hogy az oldalam mindig a képernyő közepén legyen, függetlenül attól milyen széles monitoron nézzük, mekkora a felbontás, stb.
Amit eddig sikerült elérnem, hogy az egész oldalamat kijelöltem, és CSS ben beállítottam hogy pl. 100 pixellel tolja el jobbra. Így baromi jól néz ki az én 19-es szabvány monitoromon, de ha már kiteszem teljes képernyőre, már több hely van a jobb oldalán, egy szélesvásznú monitoron gondolom meg még rosszabb a helyzet.
Tudnátok tanácsot adni ezt hogy lehetne megoldani? Előre is thx.
-
VaZso
senior tag
Van egy Drupal téma, ami CSS-t használ.
Eddig beletettem a megfelelő fejlécet és láblécet, valamint menüsort, amire szükség volt.
Arra viszont sehogy nem jöttem rá eddig, hogyan tudnék a meglévő oldal (1024-es szélességű, középre rendezett) jobb és bal oldalára egy afféle keretet tenni.
Tehát mondjuk -20 pixeltől 0-ig, valamint 1024 pixeltől 1044-ig szeretnék létrehozni egy-egy függőleges oszlopot, amit ki kéne tölteni pl. egy 20x20 pixeles képpel, ami az oldal legaljáig fut (mivel dinamikus tartalom, az oldal legalja mindig egy kicsit máshol van).
Szerintetek hogy tudnám ezt a két oldalsávot a meglévő oldalhoz igazítva beszúrni?
Hol keresgéljek, milyen tanácsot tudnátok adni? -
Boolash
aktív tag
Sziasztok!
Itt is megkérdezem, mert elég sürgős lenne. Szóval:
Navigációs menüt csinálok, és css-t használok. A menün belül 3 különböző betütípus lenne. Fel is vettem a css-ben egy új tag-et b néven, definiáltam a #navigation a ...., lényegében mindent pont úgy csináltam, mint ahogy "a"-ra ott volt, csak b-re írtam át. Ezzel meg is csinálja a formázásokat, csak a href-et nem ismeri fel (ami nagyon is kell). Hogy kellene ezt megcsinálni?bocsi, kezdő vagyok...
Köszi!
-
#478
Louloudaki
aktív tag
obidaya
#475
-
#477
fordfairlane
veterán
obidaya
#475
-
#475
obidaya
csendes tag
fordfairlane
#474
obidaya
csendes tag
válasz
fordfairlane
#474
üzenetére
jaja, de akkor nem lehet pass mezőnek használni.
no mindegy ha nem lehet, hát nem lehet -
#474
fordfairlane
veterán
obidaya
#473
fordfairlane
veterán
-
#473
obidaya
csendes tag
fordfairlane
#472
obidaya
csendes tag
válasz
fordfairlane
#472
üzenetére
millió köszi!
Közben akadt egy másik nemvárt problémám is: ha a pass mezőbe akarok value-t beállítani, akkor csillagokat jelenít meg - ahogy kell neki.
Szóval ide is lehet valahogyan olvasható value-t beállítani? -
#472
fordfairlane
veterán
obidaya
#471
-
Paulie86
tag
válasz
Paulie86
#469
üzenetére
Érdekes, most meg nincs semmi baj vele, pedig tuti nem csináltam semmit másképp. Na mind1, akkor ez a része megoldódott. kössz a helpet, esetleg a másik próblémámra nem tudnál vmi javaslatot? :
Egy elegáns megoldást szeretnék találni egy olyan problémára, hogy az oldalam tartalmi részét én egy 4px széles keretbe raktam, ami 4 kép végülis, fenti rész, bal, jobb és az alsó, hogy kéne megoldanom, hogy több tartalomnál a bal és jobb divek mérete megfelelően növekedjen, az alsó pozíciója is jó legyen, a container div-em is passzoljon méretre....
Ebben a szegélyben még extra, hogy színátmenetes, szóval vertikálisan csak a nyújtással néz ki jól a méretnövelés, erre sikerült rájönnöm, height: 100% a diven belül.
Már csak az oldalsó szegélyeket tartalmazó diveknek kéne valahogy igazodni egy kölön divhez, ami a kereten belül van, ebben lennének a szövegek, stb..
Sajnos attól félek hogy ezt majd csak manuálisan fogom tudni megcsinálni, és még egyelőre nem tudom mennyire lesz dinamikus az oldal amit csinálok tartalmi szempontból.
kössz. fu ezt a php- topicból másoltam ide, remélem nem lesz ebből baj
-
vakondka
őstag
válasz
Paulie86
#467
üzenetére
Akkor ez a baj !
1. szerver kell fusson a gépeden (mint írtam)
2. az hogy file:/// felejtsd el, nem jó csak sima HTML fájlokhoz, http://localhost/fileneve.php kell.
A http://localhost WAMP estében = c:/wamp/www/ könvtárral a gépeden ha a c:-re telepítettél.
3. soha ne használj ékezetes fájlnevet, nagybetűt, szóközt, speciális karaktert fájlnévben.
a weben csak az ékezet nélküli kisbetűk és a számok használhatóak és a kötőjel.de ez már inkább a PHP topicba illene...
-
Paulie86
tag
válasz
vakondka
#466
üzenetére
hello, szerveren is próbáltam, de DW-ben van ez a preview in Firefox. Szerveren pedig nem hozott be semmit fehér képet, és egy hibaüzenetet, hogy érvénytelen kód. DW viszont pirosra színezte a <?php és ?> részt
file:///E:/Web/Biztons%C3%A1gi%20ment%C3%A9s/bdse_yellbox/layout_elements.php
winyóról próbáltam így -
vakondka
őstag
válasz
Paulie86
#465
üzenetére
a vinyón ? nem szerveren van a cucc, vagy félrelértettem valamit ?
Olyan szerveren kell fusson amin van php.Ha nem szerver hanem saját géped akkor pedig azon kell futnia szervernek,
pl wamp, vagy easyphpilyenkor az útvonal nem c:/valami.php hanem http://localhost/valami.php lesz
amibe beírtad az include parancsot az .php kiterjesztésű fájl ?
-
Paulie86
tag
válasz
vakondka
#464
üzenetére
Hello, csak az összes <div></div> lenne benne ezekben pedig a képek, amiket a layouton elhelyezek, és ezek minden oldalon ugyanazok, ezért akarok kicsit szépíteni a kódon, és csökkenteni a redundanciát, beírtam az elérését a winyon, és megjelenítette őket mind, az oldal forrása is jót mutat.
kössz -
vakondka
őstag
válasz
Paulie86
#461
üzenetére
teszteld úgy az include fájlodat, hogy beírod az útvonalát a böngészőbe.
pl: http://aweboldalam.hu/layout_elements.phpHa minden rendben ott kell lennie a képenyőn, illetve a forráskódban az oldal tartalmának,
attól függetlenül, hogy nem tartalmaz body elemet, hiszen gondolom sima html kódopk vannak benne...?
Tényleg mi van benne és hogyan ? -
Paulie86
tag
válasz
vakondka
#460
üzenetére
Hello, megpróbáltam ezt a kódot, de valamiért nekem nem megy, amit minden php file-ba be akarok tenni azt kivettem, beletettem egy külön php-ba, ahonnét ezeket kivágtam,beszúrtam ezt :
<?php include('layout_elements.php'); ?>
a layout_elementsben persze nincs semmilyen <body> tag meg a többi, viszont ezek szerint mégsem szúrja be és nem működik, vagy nem tudom, pedig 1 könyvtáron belül vannak.
-
Paulie86
tag
válasz
Paulie86
#458
üzenetére
válaszolok magamnak egyet, sikerült megcsinálnom az oldalt teljesen kezdőként csak divekkel, a Photoshop amit sliceol nem a legjobb, táblákba tesz mindent, és rengetek helykitöltőt is csinált, ezért erőt vettem magamon, és kicsit átrendeztem a sliceokat, és minden lényeges elemet abszolút pozícionálva helyeztem el, egy relatívan pozícionált container gyűjtőben, és sikerült, ezaz. De még lenne pár kérdésem :
1. Ennek a containernek fekete hátteret csináltam, ez veszi át a Photoshop helykitöltőinek a szerepét(, így azok már nem kellenek, kevesebb képet kell betölteni és így a jó), viszont ennek a container divnek a magasság beállításával volnának gondok. most beállítottam 1100px-re, így jó, de ha majd nyújtani szeretném esetleg az oldalt, akkor a height-ot auto-ra kéne rakni gondolom, de ha most arra állítom, akkor nem tölti ki a háttérrel. ennek a container divnek nem adtam persze semmi szöveget, csak benne van a többi div, és gondolom ezeket akkor nem veszi figyelembe.
2. Most van kb 17 db php fájlom, és mindegyikbe benne vannak a kitöltő képeket tartalmazó divek <div>benne a képről infok</div>. Ezeket nem lehetne 1x szerepeltetni valahogy, mint a css fájlokban?
kössz.
-
Paulie86
tag
Hello, amit photoshopban rajzoltam, az végülis a header, alatta 3 oszlopban kereteket rajzoltam, amikbe akarok pár dolgot tenni, a 2. ban lenne a tartalmi rész, ezek alatt van még 1 footer. ezt mind kivágtam, és elmentettem html @ images -be, és a DW-ben ez mind egy táblába került. és az AP Divet, végülis ebbe akartam rakni, csak abszolútosan az oldal bal felsőjétől pozícionált, igen, de ha ettől a táblától tudnék pozícionálni, akkor jó lenne. Ezt a táblát amibe minden benne van centereztem, addig Ok minden, csak azt amibe a szöveges rész kerülne ezen belül kéne most valahogy megcsinálnom.
Az is jó lenne, ha ezt a táblát átalakítanám valahogy div-é mert a táblázat már nem divat, csak akkor meg asszem már nem lesz középre igazítva, és valahogy divekkel ez a középre igazítás nem a legegyszerűbb dolog, legalábbis nekem.
-
-
-
Paulie86
tag
Sziasztok,
Biztos volt már téma, de tudnátok segíteni?, lenne egy Photoshopban rajzolt layoutom, amit átraktam Dreamweaverbe, ez az egész bekerült egy táblába(904px, center align) ezen belül lenne egy tartalom rész, amit AP Divbe szeretnék tenni. olyat meg lehet csinálni, hogy ennek az abszolút pozíciója a táblától legyen mérve és ne az oldal bal felső sarkától, mert a táblán belül tök jól meg tudnám határozni a pozícióját.Vagy először a táblával kell csinálnom valamit, valahogy divvé konvertálni?, és az AP Divnek majd relativ legyen a pozíciója tőle?, nagyon nem megy még a CSS, mert nem rég kezdtem, de a segítségért kössz előre.
-
vakondka
őstag
Beépítettem egy autocomplete scriptet az új weboldalunkba a regisztrációnál.
A gond az, hogy sajnos eltolja a (függőlegesen megnyújtja) a táblázatot amiben benne van,
ahelyett, hogy fölémenne.
Ha a relative pozícionálást absolute-re változtatom akkor jó lenne, csak éppen nem ott jelenik meg ahol kellene...Ez a css-e az autocomplete résznek:
.suggestionsBox {
position: relative;
left: 30px;
margin: 10px 0px 0px 0px;
width: 200px;
background-color: #212427;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 2px solid #000;
color: #fff;
z-index:999;
}
.suggestionList {
margin: 0px;
padding: 0px;
}
.suggestionList li {
margin: 0px 0px 3px 0px;
padding: 3px;
cursor: pointer;
list-style-type:none;
}
.suggestionList li:hover {
background-color: #659CD8;
}Bármi ötlet
-
#453
vancha2
aktív tag
Sociopathic
#452
vancha2
aktív tag
válasz
Sociopathic
#452
üzenetére
-
#452
Sociopathic
csendes tag
Sociopathic
csendes tag
Hello!
Lehet, hogy volt már róla szó, de az lenne a gondom, hogy szeretném a tartalom divemet középre tenni. Ez horizontálisan sikerült, használtam a margin:auto parancsot, de vertikálisan nem tudom, mert az auto érték a tetejére teszi. Ha viszont konkrét értéket írok be, akkor csak 1 felbontáson fog úgy kinézni, ahogy én szeretném, nagyobb felbontásban a tartalom alatt marad egy csomó üres rész. Ez mind firefoxban. Emellé még jön, hogy explorerben még akkor is tudom lefelé görgetni az oldalt, ha már ott nincs semmi, csak fehérség. Ha van valakinek ötlete erre a két problémára, légyszi segítsetek! Köszi! -
vancha2
aktív tag
A lényeg, hogy amikor fölötte van az egér, akkor a :hovert kell használni a formázásban:
{...}
<style type="text/css">
.terulet { background-image: url(kepek/bg1.jpg) }
.terulet:hover { background-image: url(kepek/bg2.jpg) }
</style>
</head>
<body>
<div class="terulet">tartalom</div>
{...} -
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!
-
#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> -
#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?
-
#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.
-
#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] -
#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.
-
#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
-
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! -
#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.
-
#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
félisten
enmarnemtom
#425
Winner_hun
félisten
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.
-
#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
félisten
enmarnemtom
#423
Winner_hun
félisten
válasz
enmarnemtom
#423
üzenetére
A @charset elé ezt hiányzik:
@-moz-document domain('markaz.extra.hu') {
-
#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
-
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? -
#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 -
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.
-
-
-
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]
![;]](http://cdn.rios.hu/dl/s/v1.gif)
no mindegy ha nem lehet, hát nem lehet
Új hozzászólás Aktív témák
Hirdetés
- Milyen asztali (teljes vagy fél-) gépet vegyek?
- Airsoft
- Nők, nőügyek (18+)
- TCL LCD és LED TV-k
- Az AI megeszi a szoftverpiacot?
- Motoros topic
- Samsung Galaxy Watch6 Classic - tekerd!
- Google Chrome
- Audi, Cupra, Seat, Skoda, Volkswagen topik
- Új telefont és tabletet mutatott be a Telekom
- További aktív témák...
- BESZÁMÍTÁS! ASUS A620M R5 7500F 32GB DDR5 1TB SSD RTX 4070 SUPER 12GB Zalman M4 Corsair 650W
- BESZÁMÍTÁS! Gigabyte H610M i3 12100F 16GB DDR4 512GB SSD RX 6600 8GB Zalman Z1 Plus ADATA 600W
- BESZÁMÍTÁS! Gigabyte H510M i3 10100F 16GB DDR4 512GB SSD GTX 1050 Ti 4GB Zalman N4 Chieftec 400W
- Lenovo Legion Pro 5 (16IRX9)
- Xbox Series S 500GB
- DELL Precision Dual USB-C Thunderbolt Dock - TB18DC
- Azonnali készpénzes nVidia RTX 2000 sorozat videokártya felvásárlás személyesen / csomagküldéssel
- HP ZBook 15 G6 i7-9850H 32GB RAM 1000GB SSD NVIDIA Quadro T2000 15.6 FHD 1 év garancia
- Lenovo ThinkPad X1 Yoga G6 (6th Gen) - i7-1185G7, 32GB, 512GB SSD, multitouch + TOLL
- HUAWEI MateBook 13 2020 - Kijelző nélkül - I7-10510U - 16GB - 512GB SSD - Win11 - MAGYAR
Állásajánlatok
Cég: FOTC
Város: Budapest