- Telekom mobilszolgáltatások
- A Watch7-tel debütálhat a Samsung vércukormérője
- Fotók, videók mobillal
- iPhone topik
- Garmin Forerunner 165 - alapozó edzés
- Samsung Galaxy S24 Ultra - ha működik, ne változtass!
- Samsung Galaxy S23 és S23+ - ami belül van, az számít igazán
- Bemutatkozott a Redmi új szériája
- Oppo Find X5 Pro - megtalálták
- Bluetooth-headsetekről általában
Hirdetés
-
Lenovo Essential Wireless Combo
lo Lehet-e egy billentyűzet karcsú, elegáns és különleges? A Lenovo bebizonyította, hogy igen, de bosszantó is :)
-
Olcsó 5G-s ajánlatot nyújt a Realme Indiának
ma Megérkezett a Realme C65 5G, az első készülék a MediaTek Dimensity 6300-zal.
-
Igencsak szerény méretekkel rendelkezik az Aetina Xe HPG architektúrás VGA-ja
ph Az 50 wattos modellt beágyazott rendszerekbe, MI-vel kapcsolatos munkafolyamatokhoz és edge applikációkhoz szánták.
Új hozzászólás Aktív témák
-
Lacces
őstag
Hát ilyet, kifog rajtam a css... (fél évig szinte alig használtam, de ez égő...)
Help kellene.1. Probléma: #miniblocks-ra nem működik a fehér háttérszín, kipróbáltam a #content-re ott megy.
2. Probléma: .miniblock span - esetében nem működik a szöveg közepre igazítása, hanem balra igazítva áll.Néztem én a Chrome fejlesztő eszközzel is, de ott nem láttam, hogy az egyik css property kiiktatná a másikat.
A válaszokat előre köszönöm. Annak mégjobban örülnék, ha valaki el is magyarázná, hogy miért jött elő ez a probléma.body{
background-color : #3A6E1B
}
#logo{
text-align:center
}
#content{
}
#miniblocks{
background-color: white;
margin-left: auto ;
margin-right: auto ;
margin-top : 30px;
width : 800px;
}
.miniblock{
float:left;
font-family: 'Abel', sans-serif;
font-size: 16px;
margin-left: 5px ;
margin-right: 5px ;
width:30%;
}
.miniblock span{
font-weight:bold;
text-align:center;
}
.miniblock p{
text-align:left;
}
.miniblock a{
}
.clear{
clear : both;
}
</style>
</head>
<body >
<div id="wrapper">
<div id="content">
<div id="logo">
</div>
<div class="clear"></div>
<div id="miniblocks" >
<div class="miniblock">
<span>Teszt1</span>
<p>
A Lorem Ipsum egy egyszerû szövegrészlete, szövegutánzata a betûszedõ és nyomdaiparnak. A Lorem Ipsum az 1500-as évek óta standard szövegrészletként szolgált az iparban; mikor egy ismeretlen nyomdász összeállította a betûkészletét és egy példa-könyvet vagy szöveget nyomott papírra, ezt használta. ...<a href="#">részletek»»</a></p>
</div>
<div class="miniblock">
<span>Teszt2</span>
<p>
A Lorem Ipsum egy egyszerû szövegrészlete, szövegutánzata a betûszedõ és nyomdaiparnak. A Lorem Ipsum az 1500-as évek óta standard szövegrészletként szolgált az iparban; mikor egy ismeretlen nyomdász összeállította a betûkészletét és egy példa-könyvet vagy szöveget nyomott papírra, ezt használta. .. <a href="#">részletek»»</a></p>
</div>
<div class="miniblock">
<span>Teszt3</span>
<p>
A Lorem Ipsum egy egyszerû szövegrészlete, szövegutánzata a betûszedõ és nyomdaiparnak. A Lorem Ipsum az 1500-as évek óta standard szövegrészletként szolgált az iparban; mikor egy ismeretlen nyomdász összeállította a betûkészletét és egy példa-könyvet vagy szöveget nyomott papírra, ezt használta. ...<a href="#">részletek»»</a></p>
</div>
</div>
<div class="clear"></div>
</div><!-- end of content -->
</div><!-- end of wrapper --> -
Lacces
őstag
válasz Dreamweaver7 #894 üzenetére
kösz, a float:left-re sosem jöttem volna rá hogy ő a bünős.
-
Lacces
őstag
Na még egy... középre rendezés nincsen... more-way osztályú div nem akarja középre venni az <a> tag-et. hanem balra igazítva van...
CSS:
.intro{
float:left;
margin-left:6px;
margin-right:6px;
width:31%;
}
.intro img{
padding-left:12px;
}
.more-way{
margin: 0px auto;
text-align:center;
}HTML
<div class="intro">
<h2>Teszt</h2>
<img src="design/line.png" alt="aszfalt" />
<p>Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante. Aliquam libero. Vivamus nisl nibh, iaculis vitae, viverra sit amet, ullamcorper vitae, turpis. Aliquam erat volutpat. Vestibulum dui sem, pulvinar sed, imperdiet nec, iaculis nec, leo. </p>
<img src="design/line.png" alt="aszfalt" />
<div class="clear"></div>
<div class="more-way">
<a href="/szolgaltatasok.html">RÉSZLETEK</a>
</div>
</div>[ Szerkesztve ]
-
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ó
-
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
Új hozzászólás Aktív témák
- LG NanoCell 55NANO766QA Halvány píxel csík
- Philips 58PUS8545/12 1 ÉV GARANCIA Játék üzemmód
- Tyű-ha! HP EliteBook 850 G7 Fémházas Szuper Strapabíró Laptop 15,6" -65% i7-10610U 32/512 FHD HUN
- Bomba ár! HP EliteBook 840 G5 - i5-8G I 8GB I 128GB SSD I 14" FHD I HDMI I Cam I W10 I Gari!
- The Last of Us Part I Ps5