←  Problemy

AMXX.pl: Support AMX Mod X i SourceMod

»

CSS
Css wyciągnięcie kodu

Zablokowany

  • +
  • -
DarkGL - zdjęcie DarkGL 21.12.2010

Próbuje wyciągnąć stąd Liceum Ogólnokształcące im. Marii Curie - Skłodowskiej w Makowie Mazowieckim czysty kod html/css który tworzył by mi 4 obrazki przy sobie i napisy pod nimi bez efektu powiększania
<head>  
<meta name="author" content="DarkGL" />

<script type="text/javascript" src="http://darkgl.amxx.pl/skrypty/jquery-1.4.4.js"></script>

<script type="text/javascript">
$(document).ready(function() {
	$(".obrazek").fadeTo("fast", .6);					
	$(".obrazek").hover(function(){
		$(this).fadeTo("fast", 1);
	},function(){
		$(this).fadeTo("fast", .6);
	});
});
</script>
</head>
<body> 

<?php
// panele
$table = "panels_article";

if (!isset($cat_id)) {
	openart($locale['0']);
	$result = dbquery("SELECT * FROM " . $db_prefix . "article_cats WHERE " .
	groupaccess('article_cat_access') . " ORDER BY article_cat_name");
	$rows = dbrows($result);
	if ($rows != 0) {
		$counter = 0;
		while ($data = dbarray($result)) {
			$num = dbcount("(article_cat)", "articles", "article_cat='" . $data['article_cat_id'] .
			"'");
			if ($counter == 0) {
				echo "<a href='http://lo-curie.pl/zz.php?cat_id=3'><img src=\"http://www.lo-curie.pl/artyimg/akt.png\"  /><span>Aktualności($num)</span></a>";

			} else
			if ($counter == 1) {
				echo "<a href='http://lo-curie.pl/zz.php?cat_id=4' ><img src=\"http://www.lo-curie.pl/artyimg/kul.png\"  /><span>Kultura($num)</span></a>";

			} else
			if ($counter == 2) {
				echo "<a href='http://lo-curie.pl/zz.php?cat_id=7' ><img src=\"http://www.lo-curie.pl/artyimg/spol.png\" /><span>Społeczeństwo($num)</span></a>";

			} else
			if ($counter == 3) {
				echo "<a href'http://lo-curie.pl/zz.php?cat_id=6' ><img src=\"http://www.lo-curie.pl/artyimg/spor.png\" /><span>Sport($num)</span></a>";

			}
			$counter++;
		}

	}
	closetable();
}

?>
</body>
kod którego używam do generowania tych obrazków ale efekt jest taki
Liceum Ogólnokształcące im. Marii Curie - Skłodowskiej w Makowie Mazowieckim
Odpowiedz

  • +
  • -
mgr inż. Pavulon - zdjęcie mgr inż. Pavulon 21.12.2010

Nie możesz tego w tabelce zrobić ?

Na Div'ach:
<html><head></head>

<style type="text/css">

div.obrazekznapisem {

	text-align:center;

	float:left;

	padding-left:5px;

	padding-right:5px;

}

</style>

<body>

<div>

<div class="obrazekznapisem"><a href="http://lo-curie.pl/z...?cat_id=3"><img src="http://www.lo-curie....n>Aktualności(7)</span></div></a></div>

<div class="obrazekznapisem"><a href="http://lo-curie.pl/z...?cat_id=4"><img src="http://www.lo-curie....span>Kultura(10)</span></div></a></div>

<div class="obrazekznapisem"><a href="http://lo-curie.pl/z...?cat_id=7"><img src="http://www.lo-curie....Społeczeństwo(3)</span></div></a></div>

<div class="obrazekznapisem"><a href="http://lo-curie.pl/z...?cat_id=6"><img src="http://www.lo-curie....v><span>Sport(3)</span></div></a></div>

</div>

</body></html>
Odpowiedz

  • +
  • -
R3X - zdjęcie R3X 21.12.2010

wszystkie te < a > zamień na bloki przyległe na lewo i ustaw im szerokość obrazka 
display:block;

float:left;

width:100px; ?
Odpowiedz

-PainKiller- - zdjęcie -PainKiller- 21.12.2010

wasz kod jest dobry tylko w przypadku gdy jest wycięty z DOM'u, moje uniwersalne rozwiązanie na wszystkie przeglądarki to dwie klasy CSS: 
.columns 
{
overflow: hidden;
}
.column 
{
float: left;
}
Odpowiedz

  • +
  • -
DarkGL - zdjęcie DarkGL 22.12.2010

pain możesz podać cały kod ;)?
Odpowiedz

-PainKiller- - zdjęcie -PainKiller- 22.12.2010

columns - deklaracja kolumn jako grupy
column - robisz w środku columns, możesz mieć ile kolumn chcesz

dzieci column muszą być blokowe o określonych szerokościach
Odpowiedz

  • +
  • -
R3X - zdjęcie R3X 23.12.2010

zauważ Pain, że wierszy jest dokładnie 1, więc taki podział na kolumny jest zupełnie niepotrzebny; wystarczy wrapper dla tych bloków z float:left

<td>
<div style="margin:0 auto;">
    <div style="float:left;">
        TU OBRAZKI
    </div>
</div>
</td>
Odpowiedz

-PainKiller- - zdjęcie -PainKiller- 23.12.2010

w tabeli OK, bez tabeli będą niepożądane efekty, chociaż nie sprawdzałem nigdy w tabeli dlatego zakładam że ty sprawdziłeś i jest OK :]
Odpowiedz
Zablokowany