Prosta strona ze skalowaniem do rozdziałki

Wszystko o HTML, XHTML, XML, CSS.
Mardax
Posty: 21
Rejestracja: 31 gru 2011, 16:42:31
Strona na CBA.pl: dbaw.cba.pl
Płeć: Mężczyzna
User Agent: Firefox Windows 1280x1024

Prosta strona ze skalowaniem do rozdziałki

Post autor: Mardax »

Nie bardzo potrafię tworzyć strony www nawet proste.

Mam taką sytuację. Założyłem sobie bloga pod mpgames.pl/blog ... I muszę zapełnić stronę mpgames.pl, która w przyszłości może zostać użyta do jakichś celów, na razie ma być zwykłym odnośnikiem do portali na których mam swoje "rzeczy" i do bloga. Zrobiłem sporej wielkości obrazki.
Ale napotykam problemy prostej natury, nie mogę pozbyć się tej przerwy między obrazkami górnymi, a niższym - to jedno.
Drugi problem dość istotny to próbowałem zrobić (jak widać przy <td>'kach), żeby obrazki skalowały się do rozdziałki na której strona jest wyświetlana. Żadnych skomplikowanych skryptów czy coś, po prostu zwykła stronka...
A gdzie mam dodać skrypt z adsense od googla, bo muszę koniecznie wrzucić na mpgames.pl bo wtedy będą mi weryfikowali stronę.

Proszę o pomoc.
Mardax
Posty: 21
Rejestracja: 31 gru 2011, 16:42:31
Strona na CBA.pl: dbaw.cba.pl
Płeć: Mężczyzna
User Agent: Firefox Windows 1280x1024

Prosta strona ze skalowaniem do rozdziałki

Post autor: Mardax »

Zapomniałem dodać to co napisałem:

Kod: Zaznacz cały

<!DOCTYPE html>
<html>
<head>

<link rel="Shortcut icon" href="http://mpgames.pl/fav.png">
<!-- kodowanie polskich znaków -->
 <meta charset="iso-8859-2">
<!-- Tu wpisz na jakie słowa ma reagować przegladarka  -->
<meta name="Keywords" content=" Gra Gry Gaming Games MPG MPGames Blog YouTube YT Mardax Cosplay Cosplayerki Stroje      ">
<!-- Opis strony dla robota internetowego -->
<meta name="Description" content="Strona stworzona od graczy dla graczy i nie tylko">
<title>MPGames</title>
</head>
<body>
<!-- Tresc strony -->
<table border="0">
<tr>
<td width="100%">
<img src="http://mpgames.pl/YT.png" border="0"  href="https://www.youtube.com/c/mpgamestv";><img src="http://mpgames.pl/FB.png" border="0" href="https://www.facebook.com/mpgamestv";><img src="http://mpgames.pl/BL.png" border="0" href="http://mpgames.pl/blog/";>
</td>
</tr>
<tr>
<td width="100%"; high="100%";>
<img src="http://mpgames.pl/1.png" border="0">
</td>
</tr>
</table>
</body>
<footer></footer>
</html>
Piotr GRD
Posty: 1296
Rejestracja: 25 sty 2010, 11:17:07
Lokalizacja: Szczecin
Płeć: Niewybrana
User Agent: Firefox Windows 1024x768
Kontakt:

Prosta strona ze skalowaniem do rozdziałki

Post autor: Piotr GRD »

Co do obrazków zmieniających rozmiar... Można zastosować coś tak prostego jak nadanie im wyrażonej w procentach szerokości, np. w CSS:

Kod: Zaznacz cały

img { width:100%; }
Jeśli dotyczyć ma tylko niektórych obrazków, to albo nadać tym wybranym jakąś klasę i CSS zastosować do obrazków tej klasy tylko, albo zastosować indywidualnie przy każdym z osobna.

W powyższy sposób rozmiar obrazków będzie się zmieniał płynnie w miarę zmniejszania/zwiększania się okna przeglądarki.
Jeśli natomiast chciałbyś to robić "skokowo", to można wykorzystać @media w CSS, np.:

Kod: Zaznacz cały

img { width: 400px; }
@media screen and (min-width: 640px) {
  img { width: 600px; }
}
@media screen and (min-width: 1000px) {
  img { width: 900px; }
}
@media screen and (min-width: 1280px) {
  img { width: 1200px; }
}
Monitor serwera CBA.pl (zapisz lub dodaj do ulubionych, żeby nie zapomnieć)
------------
Kilka starych, aczkolwiek ciekawych, zdaniem niektórych, zdjęć: http://grd.art.pl/
Jezioro Szmaragdowe w Szczecinie
ODPOWIEDZ