Skocz do zawartości

  • Zaloguj korzystając z Facebooka Zaloguj korzystając z Twittera Zaloguj przez Steam Zaloguj poprzez Google      Logowanie »   
  • Rejestracja

Witamy w Nieoficjalnym polskim support'cie AMX Mod X

Witamy w Nieoficjalnym polskim support'cie AMX Mod X, jak w większości społeczności internetowych musisz się zarejestrować aby móc odpowiadać lub zakładać nowe tematy, ale nie bój się to jest prosty proces w którym wymagamy minimalnych informacji.

  • Rozpoczynaj nowe tematy i odpowiedaj na inne
  • Zapisz się do tematów i for, aby otrzymywać automatyczne uaktualnienia
  • Dodawaj wydarzenia do kalendarza społecznościowego
  • Stwórz swój własny profil i zdobywaj nowych znajomych
  • Zdobywaj nowe doświadczenia

Dołączona grafika Dołączona grafika

Guest Message by DevFuse
 

Zdjęcie
CSS

Css wyciągnięcie kodu

CSS

  • Zamknięty Temat jest zamknięty
7 odpowiedzi w tym temacie

#1 DarkGL

    Nie oddam ciasteczka !

  • Administrator

Reputacja: 6034
Godlike

  • Postów:10832
  • GG:
  • Steam:steam
  • Imię:Rafał
  • Lokalizacja:Warszawa
Offline

Napisano 21.12.2010 19:47

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
  • +
  • -
  • 0

#2 mgr inż. Pavulon

    C35H60Br2N2O4

  • Przyjaciel

Reputacja: 1725
Godlike

  • Postów:6881
  • Steam:steam
  • Imię:Konrad
  • Lokalizacja:Koniecpol
Offline

Napisano 21.12.2010 21:16

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>

  • +
  • -
  • 0

#3 R3X

    Godlike

  • Przyjaciel

Reputacja: 2960
Godlike

  • Postów:4247
  • Lokalizacja:Nie
Offline

Napisano 21.12.2010 21:17

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

float:left;

width:100px; ?

  • +
  • -
  • 0

#4 -PainKiller-

    Wszechobecny

  • Zbanowany

Reputacja: 66
Pomocny

  • Postów:498
  • GG:
  • Steam:steam
  • Imię:Kamil
  • Lokalizacja:Kraków
Offline

Napisano 21.12.2010 21:45

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;
}


#5 DarkGL

    Nie oddam ciasteczka !

  • Autor tematu
  • Administrator

Reputacja: 6034
Godlike

  • Postów:10832
  • GG:
  • Steam:steam
  • Imię:Rafał
  • Lokalizacja:Warszawa
Offline

Napisano 22.12.2010 15:56

pain możesz podać cały kod ;)?
  • +
  • -
  • 0

#6 -PainKiller-

    Wszechobecny

  • Zbanowany

Reputacja: 66
Pomocny

  • Postów:498
  • GG:
  • Steam:steam
  • Imię:Kamil
  • Lokalizacja:Kraków
Offline

Napisano 22.12.2010 17:14

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

#7 R3X

    Godlike

  • Przyjaciel

Reputacja: 2960
Godlike

  • Postów:4247
  • Lokalizacja:Nie
Offline

Napisano 23.12.2010 11:20

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>

  • +
  • -
  • 0

#8 -PainKiller-

    Wszechobecny

  • Zbanowany

Reputacja: 66
Pomocny

  • Postów:498
  • GG:
  • Steam:steam
  • Imię:Kamil
  • Lokalizacja:Kraków
Offline

Napisano 23.12.2010 11:24

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 :]





Również z jednym lub większą ilością słów kluczowych: CSS

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych