- Telekom mobilszolgáltatások
- Xiaomi 14T - nem baj, hogy nem Pro
- Xiaomi 15 - kicsi telefon nagy energiával
- Samsung Galaxy S25 - végre van kicsi!
- Magisk
- Okosóra és okoskiegészítő topik
- iPhone topik
- Minden téren tudott fejlődni a Motorola Razr 60 Ultra
- Az iPhone a mobilpiac katalizátora
- Poco F7 Pro - jó, de az amatőr sem rossz
Új hozzászólás Aktív témák
-
Primary92
senior tag
Így néz ki a wordpress sablon fejlécre vonatkozó része:
<div class="header-cover section bg-dark-light no-padding">
<div class="header section" style="background-image: url(<?php if (get_header_image() != '') : ?><?php header_image(); ?><?php else : ?><?php echo get_template_directory_uri() . '/images/header.jpg'; ?><?php endif; ?>);">
<div class="header-inner section-inner">
<div class="blog-info">
<h1 class="blog-title">
<a href="<?php echo esc_url( home_url() ); ?>" title="<?php echo esc_attr( get_bloginfo( 'title' ) ); ?> — <?php echo esc_attr( get_bloginfo( 'description' ) ); ?>" rel="home"><?php echo esc_attr( get_bloginfo( 'title' ) ); ?></a>
</h1>
<?php if ( get_bloginfo( 'description' ) ) { ?>
<h3 class="blog-description"><?php echo esc_attr( get_bloginfo( 'description' ) ); ?></h3>
<?php } ?>
</div> <!-- /blog-info -->
</div> <!-- /header-inner -->
</div> <!-- /header -->
</div> <!-- /bg-dark -->Ide vonatkozó css pedig:
.header-cover { overflow-y: hidden; }
.header {
background: no-repeat center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
}
.header-inner { position: relative; z-index: 2; text-align: center; }
.blog-info {
display: inline-block;
padding: 30px;
background: #1d1d1d;
}
.blog-title {
width: 100%;
text-align: center;
font-family: 'Raleway', sans-serif;
}
.blog-title a {
color: #FFF;
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 700;
font-size: 1.75em;
}
.blog-description:before {
content: "";
display: block;
width: 100px;
height: 2px;
background: rgba(255,255,255,0.1);
margin: 20px auto;
}
.blog-description {
font-family: 'Raleway', sans-serif;
text-align: center;
color: rgba(255,255,255,0.4);
font-weight: 300;
}Próbálkoztam átrendezéssel, de nem sikerült.
Azt a rész kellene blurosítani, ahol a .blog-info{background: #1d1d1d;} szín van. Viszont ha ide szúrom be a -webkit-filter: blur(5px);-et, akkor a szöveg is ('description' és 'title') elmosódik. -
Primary92
senior tag
Sziasztok!
Van egy wordpress blogom, aminek a fejlécében van egy kép, felette a cím, a cím alatt pedig egy áttetsző téglalap.
Ez a téglalap így néz ki a sablon (Hemingway) CSS-ében:
.blog-info {
display: inline-block;
padding: 30px;
background: #1d1d1d;
}Itt annyi módosítással éltem az áttetszőség kedvéért:
background: rgba(40,40,40,0.4);Így már ugye átlátszó lett. Az öröm akkor lenne teljes, ha a blokk alatti terület elmosott lenne.
Az alatta lévő képet nem lehet átlátszóvá tenni, mert böngésző ablak méretétől függően változik, illetve több fejléc kép is van, ami random változik.Van valami aránylag egyszerű megoldás az elmosásra?
-
-
Jim-Y
veterán
Sziasztok
Van egy navbarom: kép
és ez a kód hozzá:
<div class="blog-masthead">
<div class="container">
<header>
<h1>Woowie</h1>
<nav>
<ul>
<li>about</li>
<li>training</li>
<li>sign in</li>
<li class="signup">sign up</li>
</ul>
</nav>
</header>
</div>
</div>ilyen css-el:
header {
font-family: 'Roboto', Verdana, sans-serif;
font-weight: 700;
color: #727176;
text-transform: uppercase;
display: block;
}
header h1 {
font-family: 'Lobster', Verdana, cursive;
font-weight: 400;
font-size: 48px;
text-transform: lowercase;
color: #E84F4F;
float: left;
}
header ul {
overflow: hidden;
margin-top: 20px;
}
header ul li {
list-style-type: none;
float: left;
padding: 5px 10px;
}A kérdés, hogy hogyan tudnám egy szintbe hozni a linket a "logóval" ? üdv
-
-
-
Siriusb
veterán
Világosítson fel valaki, legyetek szívesek, hogy a text-decoration-line és text-decoration-style-nak kellene-e, hogy működjön, vagy ez csak a jövő zenéje? Illetve azon kívül, hogy képként beteszek háttérnek egy hullámvonalat, van-e lehetőség szöveget hullámos vonallal aláhúzni?
-
#988
csabyka666
veterán
fordfairlane
#987
válasz
fordfairlane
#987
üzenetére
Köszönöm a választ! Most próbáltam meg class-al, és úgy jó lett. Valószínűleg beleakadhatott a böngésző...
Rendben, erre figyelni fogok!
-
#987
fordfairlane
veterán
csabyka666
#986
fordfairlane
veterán
válasz
csabyka666
#986
üzenetére
egy:
div#form1#form1_button, div#form2#form2_button
helyett
div#form1 #form1_button, div#form2 #form2_button
kettő: Soha többé ne használd így az id szelektorokat. Egyrészt önmagában a button id-je is egyedi, így fölösleges parent elemeket is belevenni (de ha már parent szelektort használsz, akkor rakd be a szóközöket), másrészt ne az ID-t használd stíluskötésre, hanem a stílusokat szervezd osztályba vagy osztályokba, és a megfelelő stílust a class attribútummal alkalmazd a megfelelő elemekre. A class attribútumba szóközzel elválasztva több stílusblokkot is applikálhatsz.
-
#986
csabyka666
veterán
GG888
#983
No, megvagyok. Az egyszerűség kedvéért a form-okban csak 1 darab submit szerepel, és a CSS-t is csak erre a gombra írtam meg. Így átláthatóbb, de persze így sem működik.
A 2 darab form:
<div id="form1">
<form method="post">
<input type="submit" id="form1_button" name="form1_button" value="Form1 button" />
</form>
</div><div id="form2">
<form method="post">
<input type="submit" id="form2_button" name="form2_button" value="Form2 button" />
</form>
</div>És hozzájuk a CSS:
div#form1#form1_button, div#form2#form2_button{
margin: 10px 0px 15px 120px;
padding: 7px;
background: -webkit-gradient(linear, left top, left bottom, from(brown), to(#cd5050));
border-radius: 10px;
color: #fff;
font-weight: bold;
width: 150px;
height: 40px;
}A form1-nél tökéletesen működik a dizájn, a form2-nél viszont csak az alapot teszi be a böngésző. Az elem kivizsgálása sem látja (mintha meg sem írtam volna), és a console sem jelez hibát. Ha más elemeket teszek a form-okra (label, small, input...), és azoknak ugyanígy adom meg a CSS-ét, azok működnek.
Próbáltam úgy is, hogy ugyanazt a CSS-t leírom egymás után kétszer, csak másik ID-re hivatkozok, de ugyanez a probléma van akkor is. A másodikat egyszerűen nem látja.
Köszi a segítséget előre is!
-
#985
laracroft
senior tag
[pod]Diablo
#981
laracroft
senior tag
válasz
[pod]Diablo
#981
üzenetére
Szia!
Köszi a választ, közben már más is azt ajánlotta, amit te és a z-index volt a rossz paraméter!
még1szer köszi!
-
#984
csabyka666
veterán
GG888
#983
-
#983
GG888
senior tag
csabyka666
#982
GG888
senior tag
válasz
csabyka666
#982
üzenetére
szia!
A kérdéses weboldalt, vagy egy kódrészletet kaphatunk?
úgy azért könnyebben menne.
vagy jsfiddle...
-
#982
csabyka666
veterán
Üdv mindenkinek!
Nem jutok semmire egy problémával, ezért a segítségeteket szeretném kérni.
Adott egy weboldal, rajta menükkel. A menükre kattintva mindig másik content-ek jönnek be. Eddig ez működik is.
Az egyik content-ben van egy form, rajta egy submit gombbal. CSS segítségével megformáztam a gombot, és a többi elemet is a form-on. Ez is rendben. Van viszont egy másik content-ben egy hasonló form, sőt, gyakorlatilag ugyanolyan, csak kevesebb beviteli mezővel. Ennek a dizájnolására a már kész CSS file-t használtam fel oly módon, hogy mindegyik elemhez vesszővel elválasztva odaírtam a második formbeli nevét.
Működik is, kivéve(!) a submit gomb esetében.Már vagy egy órája ezzel szórakozok, de egyszerűen képtelen vagyok megcsinálni, hogy ugyanúgy nézzen ki a gomb, mint az első form-on. Ami még "jobb", hogy abszolút nem is látja a böngésző, hogy bármiféle stílust is írnék a gombra. Mintha az benne se lenne a CSS-ben (az elem kivizsgálásánál sem látszik).
Találkoztatok már ilyennel? Mi lehet a probléma?
-
#981
[pod]Diablo
őstag
laracroft
#980
-
laracroft
senior tag
Sziasztok!
Van egy kis kép pozicionálási problémám!Van egy oldal ahol, ha szöveg fölé megyünk az egérrel, akkor megjelenítem a rekordhoz tartozó képet és egyéb leírást! Ott ahol ez kifér nincs is gond, viszont a táblázat alján a megjelenített kép "alá csúszik" a másik táblának és így az kitakarja. Itt van 2 kép, hogy ti is lássátok:
Jól néz ki
Nem néz ki jólAzt szeretném elérni, hogy a kép mindig a szöveg előtt legyen!
Itt rá vonatkozó css forrása:
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 1px solid;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 0;
left: 60px;
}Itt pedig a php:
<td><a class="thumbnail" href="#"><?php echo $megnevez ?><span><img src="images/<?php echo $pic ?>" /><br /><?php echo $leiras ?></span></a></td>
Előre is köszi!
-
LonGleY
veterán
Az (is) a 32-es Chromium hibája lehet, hogy egy rendes Google font olyan szőrös, töredezett Chrome és Opera alatt, mint az atom? Firefox és IE alatt működik rendesen a szövegsimítás.
-webkit-font-smoothing:antialiased;
1. Van erre valami workaround?
2. Fontfüggő a dolog?
3. Várjuk a javítást?.. -
Muton
addikt
heló!
vannak egy panelen soronként elemek: egy block: egy text és mögött egy input mező . a blockra azt mondom, hogy display: block, így szépen soronként jelenik meg minden.
azt hogy tudom megcsinálni, hogy berakak egy divet a jobb felső sarokba (piros), és hogy a az adott block, ami mellette van, az rövidebb legyen, míg ami alatta, az hosszabb (kék)?
-
TomKiss
tag
Segítsetek egy kicsit, légyszi.
Eddig a weboldal minden böngészőben szépen, egységesen jelent meg. Azonban a chrome frissítése után már eltér itt az oldal a font-size beállítása.
Hogy lehetne megoldani, hogy a css-ben meghatározott "font-size: 16px" mindenhol ugyanazt jelentse, és azonos legyen e kinézet? -
#972
Hege1234
addikt
DeltaPower
#971
Hege1234
addikt
válasz
DeltaPower
#971
üzenetére
-
#971
DeltaPower
addikt
Hege1234
#970
-
szmegma
aktív tag
Sziasztok,
Amit kivitelezni szeretnek, hogy az alabbi HTML strukturaju kodban levo select vagy input elemre ha rakattintok, akkor a <label> elemet tudjam manipulalni.
Az alabbiak szerint probaltam, de sikertelenul:<style type="text/css">
td > .input:focus ~ td > label.title {
color: #F70;
border: 1px solid #000000;
}
</style>
<table>
<tr>
<td>
<label class="title">Time
<span class="booking-form-description">Choose a Starting Time</span>
<div class="booking-form-arrow"></div>
</label>
</td>
<td colspan="1">
<select name="starting_hour" class="input"><option value="0">Choose!</option><option value="1">1</option></select>
</td>
</tr>
</table>Koszonom.
-
Hege1234
addikt
ha van egy ilyen "követős" sidebar-om hogy tudok belőle kettőt csinálni ?
most a jobb oldalon van szeretnék egyet a bal oldalra is
viszont html-nél csak 1-1 oldalon szeretném használni a bal oldali sidebar-t/* Sidebar */
/* Negative top margin on sidebar pulls up header under title-area */
#sidebar {
width: 190px;
position: fixed;
margin: -28px 0 0 715px;
}
/* Title area kept above all with z-index */
#title-area {
background: white;
position: relative;
z-index: 3000;
}
/* white-fade image */
#reveal {
position: absolute;
right: 0;
bottom: -20px;
}
#sidebar {
float: right;
width:300px;
margin: -219px 0px 0px 1089px;
color: #001040;
}
#sidebar p
{
color: #FFFFFF;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar li {
margin: 0;
padding: 0;
}
#sidebar li ul {
margin: 0px 0px;
padding-bottom: 50px;
}
#sidebar li li {
border-bottom: 1px solid #002040;
margin: 0px 0px;
padding: 10px 0px;
/*border-left: none;*/
list-style: inside circle;
}
#sidebar li li a {
color: #FFFFFF;
}
#sidebar li li span {
display: block;
padding: 0;
font-size: 11px;
font-style: italic;
}
#sidebar h2 {
padding-bottom: 20px;
font-size: 1.4em;
color: #3D2729;
}
#sidebar p {
margin: 0px 0px 40px 0px;
padding: 0px;
text-align: justify;
}
#sidebar a {
border: none;
}
#sidebar a:hover {
text-decoration: underline;
} -
#966
pvt.peter
őstag
PumpkinSeed
#965
pvt.peter
őstag
válasz
PumpkinSeed
#965
üzenetére
Szia!
Köszi szépen, belekukkantok
-
#963
Zsolt1
tag
PumpkinSeed
#960
Zsolt1
tag
válasz
PumpkinSeed
#960
üzenetére
Köszönöm a segítséget így tényleg működik!
-
Lacces
őstag
Hali,
Most van egy kis probléma, előttem valaki, hát... nem jól dízájnolt. Lásd ezt:
<td width="300">
<textarea id="teljes_nev" name="teljes_nev" style="width: 450px; height: 150px;" maxlengh="255">Az MKIK szintjén jelentkező feladatok</textarea><img id="tooltip_field_teljes_nev" src="./images/help.png" width="32px" style="display: inline-block; margin-bottom: -8px;">
</td>
<td> width=300px, még a <textarea> width=450px... és nekem van egy <img>, ami most a textarea alatt jelenik meg.
Viszont én azt szeretném, hogy a textarea mellett jelenjen meg az <img>! Persze itt a width-tel megoldható a dolog, viszont az a bajom, hogy elég sok helyen kellene akkor a templatet átírnom javítanom. És ezért kérdezem, hogy nincs-e valakinek erre valami trükkje? Hogyan lehetne az <img>-et a <input><textarea> mellé rakni?A válaszokat előre köszönöm
-
Zsolt1
tag
Sziasztok!
Lenne egy nagyon kezdő szintű kérdésem. Az a problémám adódott, hogy amikor a body-n belül szeretnék elhelyezni egy div-en belül egy újabb div-et, akkor mindig valamiért a legkülső div-re tudok csak margin-top-ot rakni, illetve ha a belső div-re rakok többet, akkor az a külső div-en jelenik meg szóval a belső div-re nem tudok tenni.
Igazából nem tudom mit rontok, el, de már 2 napja ezt próbálom megoldani.
Bemásolom a kódot, hátha valamit abban rontok el és nem veszem észre.HTML:
<!DOCTYPE html>
<html>
<head>
<title>div</title>
<link rel="stylesheet" type="text/css" href="div.css" />
</head>
<body>
<div class="kulso">
<div class="kozep">
<div class="belso">
</div>
</div>
</div>
</body>
</html>CSS:
* {
margin: 0px;
padding: 0px;
}
body {
background-color: maroon;
width: 1280px;
margin-left: auto;
margin-right: auto;
}
div.kulso {
width: 1024px;
height: 1200px;
margin: 30px auto 0px auto; <------ Itt rendesen megvan a 30px.
background-color: #74A8C3;
}
div.kozep {
width: 950px;
height: 100px;
border-radius: 20px;
margin: 30px auto 0px auto; <------- Itt nincsen, illetve ha többet rakok, akkor az a legkülsőn jelenik meg.
background-color: #CCD6F5
}
div.belso {
width: 750px;
height: 35px;
margin: 30px auto 0px auto; <------ Itt ugyan az történik, mint a középsőnél.
background-color: #323232;
}A kérdésem tehát az lenne, hogy a belső divekre miért nem tudok margint tenni?
-
#958
GG888
senior tag
Peter Kiss
#957
GG888
senior tag
válasz
Peter Kiss
#957
üzenetére
Akkor gyártanék egy sima oldalt kicsit nagyobb inputokkal.
Meg a (zoomon) esetleg el lehet gondolkodni. -
#955
GG888
senior tag
Peter Kiss
#953
GG888
senior tag
válasz
Peter Kiss
#953
üzenetére
Mekkora tapizós kijelzőről van szó?
Fluid responsive css-t gyártanék mert a mobil-piacon is nagyon vegyes felbontások vannak.
selectet kifejezetten tré design-olni, gombokhoz meg tele van a net "css button maker/generator" vackokkal.
előre megírt mobilos template-ről nem tudok, ilyen reset-css féleségről, IE9-hez meg főleg nem.
Gradiensektől búcsúzz el hacsak nem akarsz elmélyedni az SVG-k világában -
#953
Peter Kiss
őstag
Peter Kiss
őstag
Sziasztok!
Olyan "problémám" van, hogy tapizós kijelzőre kellene webes alkalmazást hegesztenem. Van ilyen feladathoz valamilyen kész alap CSS wunderwaffe (jó nagy designos gombok, select-ek felnagyítva, akár a görgetősávok is, ilyesmi)? A böngésző Internet Explorer 9, a jövőben csak újabb verzió várható ettől, másik gyártó böngészője nem játszik.
Köszi!
-
#950
martonx
veterán
DeltaPower
#949
martonx
veterán
válasz
DeltaPower
#949
üzenetére
Ez oké, de ez éppen nem volt jó példa, mert mindegyik böngésző másképp rendereli a betűtípusokat, ez nem IE specifikus dolog.
Szintén ne hozzuk fel példának az elemek böngészőnkénti defaultjainak az eltérését sem. Azaz egy reset.css után ,és a betűtípusok böngészőnkénti eltérését nem figyelembe véve, mit renderel másképp az IE10?
Mert a régebbi IE-k kismillió dolgot másképp rendereltek, de IE10-nél nekem eddig túl sok eltérés az elvárthoz képest nem tűnt fel. -
Lacces
őstag
Hali,
Van egy <ul>-em és ezen belül az <li>-k na most az <li>-k több sorba töredeznek... viszont azt szeretném, ha a (nem jut eszembe a szakszó...) pont, beljebb tolódna, és a szöveggel lenne egy vonalban:
- Valamilyen
folytonos szöveg
Nem pedig ez az alapséma:
- Valamilyen
folytonos szövegVagy ha azt megmondod, hogy hogyan kell erre angolul rákeresni, már az is jó
-
Zedz
addikt
2 div-em volt egymás mellett, és a bal oldalit feljebb kellett csúsztatnom a másikhoz képest. Viszont a jobb oldaliban lévő szöveg hoszza befolyásolta a bal oldali függőleges elhelyezkedését. Úgy lett megcsinálva, hogy ezt a 2 div-et beleraktam egy div-be, és annak adtam egy position:relative-ot. A fent említett két div pedig position:absolute.
-
ahetaton
csendes tag
Sziasztok!
Az lenne a kérdésem, hogy hogy lehet azt megoldani, mikor ráviszem az egeret egy menüpontra, akkor ne csak annak a hover állapota változzon, hanem az oldal x területein is legyen még változás?
CSS-ben ez megoldható, vagy csak JavaScript?
Előre is köszönöm!
-
#930
who_a_way
csendes tag
DeltaPower
#929
who_a_way
csendes tag
válasz
DeltaPower
#929
üzenetére
ki is próbáltam, ez eleve úgy került bele hogy próbálgattam, csak aztán elfelejtettem kivenni.
-
#928
who_a_way
csendes tag
DeltaPower
#927
who_a_way
csendes tag
válasz
DeltaPower
#927
üzenetére
igen, az csak úgy benne maradt mert próbálgattam ezt azt.. De nem ez a gond, mert ff-ban jól megjeleníti.
az IE 9es egyébként -
who_a_way
csendes tag
Sziasztok
A gondom az, hogy ugyanaz a kód két különböző böngészőben el van csúszva egymáshoz képest.
Internet Explorer:
http://kepfeltoltes.hu/130508/a1_www.kepfeltoltes.hu_.jpgFirefox:
http://kepfeltoltes.hu/130508/a2_www.kepfeltoltes.hu_.jpgLátható, hogy firefoxban szépen működik, úgy ahogy szeretném.
A css kód:
.date{
text-align: center;
color:rgb(163,3,48);
}
body {
background: url(../Pictures/bg2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.main{
background: url(../Pictures/bg3.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border:0.1em solid rgb(0,0,0);
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
border-radius:0.5em;
margin-left: auto; margin-right: auto;
min-width: 760px; max-width: 760px;
}
.header{
margin-right: 10px; margin-left: 10px;
margin-bottom: 1px; margin-top: 10px;
}
.cim{
background-color: rgb(163,3,48);
border:0.1em solid rgb(0,0,0);
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
border-radius:0.5em;
margin-right: 9px; margin-left: 9px;
margin-top: 1px; margin-bottom: 10px;
}
.forms{
text-align: center;
margin-right: 10px; margin-left: 10px;
}
.footer{
width: 740px;
display: inline-block;
margin-top: 50px; margin-left: 10px;
}
.footer .map{
float: right;
}
.footer .dates{
float: left;
}
input:hover{
background-color: Orange;
}Mit módosítsak, hogy mindkét böngészőben szép legyen?
Köszönöm a segítséget! -
Muton
addikt
Heló!
Kérnék egy kis css pozicionálási segítséget.
1: azt szeretném, hogy a zöld rész automatikusan legyen max széles, függetlenül attól, hogy a piros négyszög marginja mennyi (a piros, és a fekete szélessége nem változik)
2: a sárga sávot hogy lehet letolni a zöld aljába? ( a sárga sáv magassága fix)
3: a lime, maroon és aqua elemek elvileg a sárgában kellene, hogy legyenek egy sorban
4: a lime, maroon és aqua elemekben van egy kép és mellette szöveg, azt hogy tudnám egy sorba rakni, középre?
Ha valaki meg tudná mondani, hogy melyik absolute, relaive, mikor float, mikor table-cell, azzal nagyon sokat segítene
-
#922
zolzodevil
csendes tag
zolzodevil
csendes tag
Sziasztok ! firefox problémám van, tudtok segíteni?
Ha rámegyek egy oldal cimlapjára akkor nincs gond, de ha rákattintok egy cikkre akkor a betűk felnagyítódnak, úgy hogy nem csináltam semmit.
Ugyanez a goggle-nél is, ha a főoldalon vagyok normális a méret, de ha rákeresek valamire akkor minden a többszörösére növekszik.
Chrome-ban ez nincs, mi lehet a baja?
-
who_a_way
csendes tag
Sziasztok!
Adott a következő kód:
.main{
background: url(../Pictures/bg3.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border:0.1em solid rgb(0,0,0);
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
border-radius:0.5em;
margin-left: auto; margin-right: auto;
min-width: 760px; max-width: 760px;
min-height: 850px;
}Kérdés, hogyan tudnám ezt a "dobozt" az oldal aljához szorítani úgy, hogy oldalt ne jelenleg meg a görgető sáv, hanem a doboz mérete alul mindig az oldal alljáig érjen pontosan.
margin-bottom: 0px; -t már próbáltam -
Hege1234
addikt
-
Siriusb
veterán
válasz
Hege1234
#914
üzenetére
Az egy dolog, hogy a Kozmetik-nek a háttérképét egy képszerkesztővel megnöveled. Elkészítetted az aktív változatát is? Viszont ha megnöveled, jó eséllyel túl fog nyúlni a kis dobozok alján, tehát ezzel a problémával is foglalkozni kell. Táblázattal vagy float-tal van megoldva az elrendezés?
Még a footer a legegyszerűbb, mert ott csak átszerkeszted a háttérképet és megnöveled a footer div magasságát. -
Hege1234
addikt
igen viszont ezért a pár sorért amik kilógnak a keretből nem akarom szétbombázni
az egészet.content_box {width: 285px; height: 160px; float: left; background: url(../img/small_bg.png) top left no-repeat; margin: 11px 11px 16px 11px;}
.active_content_box {width: 285px; height: 160px; float: left; background: url(../img/small_bg_active.png) top left no-repeat; margin: 11px 11px 16px 11px; }
.content_box_big {width: 285px; height: 348px; float: left; background: url(../img/big_bg.png) top left no-repeat; margin: 11px;}
.active_content_box_big {width: 285px; height: 348px; float: left; background: url(../img/big_bg_active.png) top left no-repeat; margin: 11px; }
.content_1, .content_2, .content_3, .content_4, .content_5, .content_6 {width: 255px; height: 143px; margin: 15px 17px 17px 17px;}
.content_7 {width: 255px; height: 340px; margin: 15px 17px 17px 17px; }
.content_8 {width: 255px; height: 160px; margin: 15px 17px 17px 17px; }
.content_7 li, .content_8 li {list-style-type: square; margin-left: -20px; font-size: 13px; line-height: 19px;}
.content_box a {color: #000;}ezek a sorok nem ehhez a boxhoz tartoznak ? big_bg.png van a szerveren is
(a big_bg_active akkor van ha valaki rákattint egy felületre akkor az sárgán világít)a px ek nem arra valóak hogy nagyítsam őket?egyébként egy style.css fájlt találtam az ftp-n abban volt benne
-
Siriusb
veterán
válasz
Hege1234
#912
üzenetére
2 lehetőséget látok:
1) Ha érdekel a téma, először nézd át, tanuld meg az alapok alapjait, amik hiányoznak, utána nyúlj csak bele egy működő oldalba. Dreamweaver != weboldal készítés
2) Valaki olyat kellene felkérni a munkára, aki tudja, mit csinál.Ne vedd bántásnak, de amíg azt sem tudod, mi a css, php stb, addig kár foglalkozni ezzel, hiszen így segíteni sem fog tudni senki.
-
Hege1234
addikt
igen viszont ha az egész erre épült hogy képek vannak hozzá használva
akkor jól gondolom hogy az egészet átkéne írni ?+ én csak most tudtam meg azt is hogy ez nem php hanem css
csak kaptam egy ftp-s hozzáférést hogy ha szerkesztettem valamit
akkor oda feltudom tenni kipróbálnién máig azt hittem html-ben van
és majd vígan szerkesztgetemcsakhogy itt nem látom egy ablakban a kódot a másikban meg azt ahogy a böngészőben látom
+ ha ez css akkor hogyhogy php a kiterjesztése a fájl-nak ?
ha nem képekben van megcsinálva akkor hogy kapok olyan boxot ami az oldalon van ?
átlehet a css-t alakítani úgy hogy megmaradjon az ahogy a képek változnak ?
(15-20 cikkelyre felszeleteli majd képet vált
ezt egyébként flash végzi ? vagy valami skript ?) -
martonx
veterán
-
Hege1234
addikt
Sziasztok!
ebben
kérném a segítségeteket hogyan tudnám ezt megoldani
kicsit offoltunk ott még a témában (végülis azok a kérdéseim ugyan úgy megmaradtak)
de az hogy én legyártottam egy másik footer.png-t
és azt felraktam az oldalra attól még nem változott semmi pedig megnagyobbítottam
ugyan azon a néven felraktam oda ahol az előző volt az ftp-n de semmihogyan tudnám ezt megoldani ?
köszi!
-
who_a_way
csendes tag
Sziasztok!
Hogyan tudnám a következő kódot úgy átalakítani, hogy mindig a közepén legyen a weboldalon a " main doboz"? Ha lecsökkentem az ablakot akkor a megváltozott mérethez igazodjon, ha viszont túl kicsire veszem, akkor ne "nyomja össze" a "dobozt", hanem azért legyen egy fix mérete?
Center-re van állítva a main nevű div egyébként csak nem itt a css-ben hanem "kint". A kikommentezett részekkel is próbálkoztam kevés sikerrel. Jelenleg a main doboz a weboldal bal oldalára beáll..body {
background-color: rgb(230,230,230);
background-repeat: repeat-x;
background-position: 100%;
background-attachment: fixed;
color: #0000003;
}div#main{
background-color: rgb(215,215,215);
border:0.1em solid rgb(0,0,0);
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
border-radius:0.5em;
position: fixed;
/* left: 30%; */
/* width: 760px; */
}div#header{
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 1px;
}div#cim{
background-color: orange;
border:0.1em solid rgb(0,0,0);
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
border-radius:0.5em;
margin-top: 1px;
margin-left: 9px;
margin-right: 9px;
margin-bottom: 10px;
} -
#905
Rolly
veterán
fordfairlane
#903
válasz
fordfairlane
#903
üzenetére
és akkor hogyan csinálok kiskapitálist?
Új hozzászólás Aktív témák
- Revolut
- Milyen asztali (teljes vagy fél-) gépet vegyek?
- Fejhallgató erősítő és DAC topik
- NVIDIA GeForce RTX 5080 / 5090 (GB203 / 202)
- Telekom mobilszolgáltatások
- Gyúrósok ide!
- Vírusirtó topic
- D1Rect: Nagy "hülyétkapokazapróktól" topik
- Apple MacBook
- Xiaomi 14T - nem baj, hogy nem Pro
- További aktív témák...
- Samsung Galaxy A25 5G 128GB, Kártyafüggetlen, 1 Év Garanciával
- Jogtiszta Microsoft Windows / Office / Stb.
- Konzol felvásárlás!! Xbox Series S, Xbox Serries X
- HIBÁTLAN iPhone 14 128GB Midnight -1 ÉV GARANCIA - Kártyafüggetlen, MS3240
- GYÖNYÖRŰ iPhone 12 mini 64GB Black -1 ÉV GARANCIA - Kártyafüggetlen, MS2954
Állásajánlatok
Cég: CAMERA-PRO Hungary Kft.
Város: Budapest