Zaloguj się

lud-mac · 18-05-2013, 17:40

Witam wszystkich,
mam problem ze stworzeniem ciężkiej (dla Was nie) strony w HTML. Muszę zrobić ją według następujących punktów:
wszystkie elementy są wyśrodkowane,
tło strony ma jednolity, wybrany przez Ciebie kolor,
logo jest utworzonym przez Ciebie obrazkiem z przezroczystym tłem o szerokości 500 punktów, na stronie HTML obrazek powinien mieć szerokość 400 punktów,
tabela ma szerokość 600 punktów, krawędzie niewidoczne, lewa kolumna ma szerokość 300 punktów,
w prawej, górnej komórce znajdują się kilka zdjęć rzeczy, będące jednocześnie odnośnikami do następujących (wymiary miniaturek 100 szerokości i 110 wysokości)

Wszystkie te wymienione wyżej podpunkty muszą być wklepane w CSS. Muszę mieć to zrobione na poniedziałek. Dla Was to 5-10 minut roboty. Chodzi mi o same polecenia. Resztę sam dopasuję. Byłbym dozgonnie wdzięczny i chętnie jakoś za bezcenną pomoc odwdzięczyłbym się.

Pozdrawiam.

**Kartofelek** · (Ten post był ostatnio modyfikowany: 18-05-2013, 22:52 przez Kartofelek.)

Gdybyś lepiej to opisał to taka strona rzeczywiście zajmuje z 5min roboty.
Namąciłeś z tą tabelą. Z tego co zrozumiałem to masz zrobić galerię na tabeli?

lud-mac · 19-05-2013, 05:22

Tak. Dobra postaram się lepiej:
wszystkie elementy są wyśrodkowane, tło strony ma jednolity, wybrany przez Ciebie kolor, logo jest utworzonym przez Ciebie obrazkiem z przezroczystym tłem o szerokości 500 punktów, na stronie HTML obrazek powinien mieć szerokość 300 punktów, tabela ma szerokość 800 punktów, krawędzie niewidoczne, lewa kolumna ma szerokość 500 punktów,w prawej, górnej komórce znajdują się zdjęcia różnych aparatów (jedno pod drugim), będące jednocześnie odnośnikami do następujących elementów docelowych (tu nazwy stron). Miniaturki znajdujące się w prawej kolumnie mają jednakowe wymiary: szerokość – 115, wysokość – 100. Obrazków nie należy skalować, wymiary powinny być wymuszone za pomocą CSS.Wszystkie parametry elementów strony HTML proszę określać za pomocą odpowiednio utworzonych stylów CSS (w nagłówku strony).

Chyba obszerniej się tego nie dało Smile

**Kartofelek** · 20-05-2013, 05:26

Eh. Gdyby ten twój opis był dobry, wtedy od razu byś dostał gotowca na ten egzamin czy co to tam masz.

Ja zrozumiałem tylko że ta strona jest wycentrowana i ma jakiś kolor tła. Potem już nie rozumiem.

"tabela ma szerokość 800 punktów,"
jaka tabela? Ta strona jest na tabeli?

"lewa kolumna ma szerokość 500 punktów,w prawej, górnej komórce znajdują się zdjęcia różnych aparatów"
Mam rozumieć że ta tabela ma 4 komorki, ale lewa strona jest scalona (2 komorki polaczone w jedno)?

"Obrazków nie należy skalować, wymiary powinny być wymuszone za pomocą CSS."
No to przecież to jest skalowanie. Ah już wiem. Nie nalezy skalować w programie graficznym? O kurde!

**Kartofelek** · 20-05-2013, 20:39

Mnie uczono żeby atrybuty img podawać. Sporo osób ich nie podaje i z tego wynikają potem problemy. Chociażby obliczanie wysokości w Chrome i podobnych.
Poza tym wrzuć sobie 50 zdjeć na stronę, nie ustawiaj im wymiarów i patrz jak ładnie strona jeździ po ekranie w miarę jak przeglądarka wczytuje kolejne zdjęcia.

Ps. Masz rację. Wymiary CSS mają większą moc. I bardzo dobrze, bo gdyby tego nie było to by cały responsive leżał.

lud-mac · (Ten post był ostatnio modyfikowany: 21-05-2013, 03:51 przez lud-mac.)

Słuchajcie, ale ja tak dostałem to napisane. Na dowód zdjęcie: http://iv.pl/images/38156576172625859417.png . Jeśli wy tego nie rozumiecie, to co dopiero mówić, o takich laikach jak ja. Dobrze, że termin przesunął się na środę. Uff... Byłbym wdzięczny, gdybyście mnie jakoś nakierowali. Podali, co, kiedy, gdzie, i jak mam użyć.

PS. Ta tabela ma wyglądać tak: http://iv.pl/images/79891183500013985947.png

Pozdrawiam serdecznie.

ILIES · 21-05-2013, 13:18

może coś takiego Ci pomoże:
strona.html

Kod:
<html>

<head>

<title>Jakas tam strona o aparatach</title>

<link rel="Stylesheet" type="text/css" href="styl.css" />

</head>

<body>

<img src=logo.png class=logo>

<table>

    <tr>

        <th class=lewa>

            lewa górna

        </th>

        <th>

            <ul>

                <li><a href="www.nikon.pl"><img src=nikon.jpg></a></li>

                <li><a href="olympus.jpg"><img src=olympus.jpg></a></li>

                <li><a href="sony.pdf"><img src=sony.jpg></a></li>

                <li><a href="panasonic.html" class=powiekszenie><img src=panasonic.jpeg></a></li>

            </ul>

        </th>

    </tr>

    <tr>

        <th class=lewa>

            lewa dolna

        </th>

        <th>

            prawa dolna

        </th>

    </tr>

</table>

</body>

</html>

styl.css

Kod:
body{

background-color: #BBBBBB;

width: 800px;

margin: 0 auto;

}

.logo{

width: 300px;

}

table{

width: 800px;

}

tr{

float: left;

}

th.lewa{

width: 500px;

}

a img{

width: 110px;

height: 100px;

}

a:hover.powiekszenie{

display: block;

width: 126,5px;

height: 110px;

}

lud-mac · (Ten post był ostatnio modyfikowany: 21-05-2013, 21:12 przez lud-mac.)

W tym lewa górna, prawa dolna itd. mam dać linki do zdjęć? I w tym "th class" muszę dać słowa określające strony, "left", "right"?
A które miejsca mam uzupełnić? Przepraszam, że tak pytam, ale jestem totalnym laikiem.
PS. I coś z tych poleceń mi tabela nie wychodzi.

lud-mac · 22-05-2013, 02:19

Złączyłem to do kupy, ale jest problem, bo tło jest szare zamiast białego, a tabela nie ma obrysowanych ram. Wiecie, o co chodzi?

ILIES · (Ten post był ostatnio modyfikowany: 22-05-2013, 17:01 przez ILIES.)

zmien w style.css

Kod:
body{

background: white; //-> kolor strony

}

table{

border: 1px solid; //-> obramowanie tabeli

}

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie