Hirdetés
- Luck Dragon: Asszociációs játék. :)
- Magga: PLEX: multimédia az egész lakásban
- bambano: Bambanő háza tája
- sziku69: Fűzzük össze a szavakat :)
- Brogyi: CTEK akkumulátor töltő és másolatai
- sziku69: Szólánc.
- Mr Dini: Mindent a StreamSharkról!
- sidi: 386-os Chicony gázplazma laptop memóriabővítése
- Pitterix: Gyógytorna
- D1Rect: Nagy "hülyétkapokazapróktól" topik
Új hozzászólás Aktív témák
-
adam_
senior tag
Egy Youtube videót szeretnék beágyazni az oldalalom, JSFiddle szépen meg is jeleníti a kódot, de ha élesbe beszúrom a honlap kódjába, akkor ott nem hoz be semmit, csak egy üres részt, "szürke színnel, ami a háttér színe". Próbáltam esetleg clear beszúrással is, de úgy sem jó. Itt a kódrészlet: [link] Hozzáteszi még, hogy" a fájlt, vagy könyvtárt nem sikerült megtalálni" egy kis ablakban az éles nézetben.
A régi hosszú "object" kódos youtube beágyazással sem jó.
-
adam_
senior tag
válasz
DNReNTi
#1344
üzenetére
Valamint még egy "technikai észrevétel". A DW CC-ben az élő nézetben valamikor teljesen más mutat (pl header szélességnek) a honlap megjelenítésnek, mint amit chrome vagy mozillában látok. Ezért is már csak mentést követően ezekbe a böngészőkbe nézem az oldal megjelenését. A "Live-nézet" DW-ben egyszerűen néha bugos lenne?
-
adam_
senior tag
válasz
DNReNTi
#1327
üzenetére
<div id="side1">
<div class="content" id="leftContent">
<h4> Tour in Africa </h4>
<img src="img/leftSideImg.jpg" height="200" alt=""/>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p>
</div>
<div class="content" id="rightContent">
<h4>Lion Safari</h4>
<img src="img/africa-animal-cat-1066.jpg" height="200" alt=""/>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</div>Csináltam egy side1 divet, ami felöleli a tartalmakat, és ezt a side1 ID-s divnek css-ben megadtam a width:100%-os értéket és fehér szint, viszont továbbra is közte van az a pici szürke rés.
-
adam_
senior tag
A tartalmi résznél kép a két hasáb között valamiért nem teszi fehérré a lapot, gondolom a body osztály színbeállításait nézi. Itt a kód a content részhez:
<div class="content" id="leftContent">
<h4> Tour in Africa </h4>
<img src="img/leftSideImg.jpg" height="200" alt=""/>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p>
</div>
<div class="content" id="rightContent">
<h4>Lion Safari</h4>
<img src="img/africa-animal-cat-1066.jpg" height="200" alt=""/>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>Itt a hozzá tartozó CSS:
.content {
background-color:#FFF;
}
#leftContent {
float:left;
text-indent:25px;
text-align:justify;
font-size:15px;
width:48%;
border-left:solid 1px #A6A6A6;
}
#leftContent img {
float:left;
padding-right:5px;
padding-left:5px;
}
#rightContent {
float:right;
text-indent:25px;
font-size:15px;
text-align:justify;
width:48%;
border-right:solid 1px #A6A6A6;
}
#rightContent img {
float:right;
padding-right:5px;
padding-left:5px;
}
.content h4 {
color: #ec8000;
text-weight:bold;
text-align:center;
}Ha egyszerűen a content részt teszem fehérré, akkor se teszi egyszerre a left és a right side-ot fehérré, mindig közte marad a kis rés, ami a body osztály színbeállításait nézi. Hogyan tudnám a két sideot egységesen fehér háttérrel ellátni?
-
#1318
adam_
senior tag
PumpkinSeed
#1315
adam_
senior tag
válasz
PumpkinSeed
#1315
üzenetére
Köszönöm, így már jó!
Az miért van, hogy html-ben megírom menüfunkcióként a listámat, style formázás után mégis fordítva jeleníti meg a benne található elemeket. Gondolok itt arra pl, hogy a "Home" menü lenne az első, de valamiért azt teszi legutoljára, és a "Contact" fület pedig az első helyre.
Valamint még egy "technikai észrevétel". A DW CC-ben az élő nézetben valamikor teljesen más mutat a honlap megjelenítésnek, mint amit chrome vagy mozillában látok. Ezért is már csak mentést követően ezekbe a böngészőkbe nézem az oldal megjelenését. A "Live-nézet" DW-ben egyszerűen rossz lenne?
-
adam_
senior tag
Sziasztok! Van egy #wrapper id-val ellátott div rész a honlapon, a header fölött. Ezen található bal oldalt egy logó, mellette egy szöveg, és jobb oldal vízszintesen a menüsor. Így néz ki htmlben:
<div id="wrapper">
<div id="wrapperLogo">
<img src="img/lion.jpg" width="150" height="100" alt=""/> </div>
<h2> Lion Tour </h2>
<nav>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Guest</a></li>
<li><a href="#">Price</a></li>
<li><a href="#">Tour</a></li>
<li><a href="#">Home</a></li>
</ul>
</nav>
</div>és vizuálisan pedig így: [link]
Hogyan tudnám a logó mellette szöveget a logó mellé középre hozni? Próbáltam paddinggelni h2-re, viszont akkor a menübart is viszi lefelé. Hogyan oldhatnám meg, hogy csak a szöveg mozogjon a megfelelő helyre?
Előre is köszönöm a segítségeteket!
-
#1297
adam_
senior tag
honda 1993
#1296
adam_
senior tag
válasz
honda 1993
#1296
üzenetére
Igen.
-
#1295
adam_
senior tag
honda 1993
#1294
adam_
senior tag
válasz
honda 1993
#1294
üzenetére
Én is még csak most ismerkedem ezzel a "vonallal", de igen, általában a "desktop-nézet", az alap nézetet takarja, és ehhez jönnek a különböző módosult css tulajdonságok, amelyektől lesz olyan amilyen az oldal kinézete más eszközökön (tablet,mobil...).
-
adam_
senior tag
Van egy elkészült index.html és hozzá tartozó style.css. Ezt az indexet szeretném úgy formázni, hogy mobil eszközökön is szépen látszódjon a rajta lévő tartalom (menüvel, logóval, tartalommal...), etc. megfelelően méretezze át. Dreamweaver cc-ben viszont, ha beírom a style.css aljára a lentebb látható kódot, akkor már normál PC monitoron is átállítja a logo méretét, menübár szélességét ilyen paraméterekre. Mit rontottam el, miért nem csak akkor adja be ezeket a méret és egyéb módosításokat, amikor lekicsinyítem az ablak méretét? Előre is köszönöm a segítségeteket!
@media only screen and (min-width: 150px) and (max-width: 600px)
{
.body {
width: 90%;
font-size:95%;
}
.mainHeader img {
width: 100%;
}
.mainHeader nav {
height:160px;
}
.mainHeader nav ul {
padding-left:0;
}
.mainHeader nav ul li {
width:100%;
text-align:center;
}
}Közben rájöttem, hogy kétszer volt írva a min-width az első sorban.
Új hozzászólás Aktív témák
- PlayStation 5
- Apple asztali gépek
- Redmi Note 13 Pro+ - a fejlődés íve
- Munkahelyek tízezreit szünteti meg az AI
- Motoros topic
- Autóápolás, karbantartás, fényezés
- Veszélyben az adataid? Gond van a WD népszerű HDD-ivel
- Megvásárolható a Vivo X300 és X300 Pro Magyarországon, íme a hivatalos árak
- Székesfehérvár és környéke adok-veszek-beszélgetek
- HiFi műszaki szemmel - sztereó hangrendszerek
- További aktív témák...
- BESZÁMÍTÁS! Intel Core i7 8700 6 mag 12 szál processzor garanciával hibátlan működéssel
- GYÖNYÖRŰ iPhone 14 128GB Purple -1 ÉV GARANCIA -Kártyafüggetlen, MS3676
- Telefon felvásárlás!! Samsung Galaxy S25, Samsung Galaxy S25 Plus, Samsung Galaxy S25 Ultra
- Apple iPhone 13 Pro 256GB kék / 12 hó jótállás
- Xiaomi Watch S4, 1 Év Garanciával
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest
Cég: NetGo.hu Kft.
Város: Gödöllő