Ú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