Skocz do zawartości

BLOKI JEDEN OBOK DRUGIEGO

albinos

Przez albinos
w HTML i CSS

Rekomendowane odpowiedzi

albinos Newbie

albinos

Opublikowano
Opublikowano

Witam Ponownie :)

Jest 4 nad ranem, może mój organizm już nie funkcjonuje zbyd dobrze ale popatrzcie Panowie...

HTML:

<body>

<div id="logo"></div>

<div id="boczny"><h1>menu</h1>LINK<br />LINK</div>

</body>

</html>

CSS:

#h1

{

font-style: italic;

font-weight: bold;

font-size: 14px;

margin-left: 290px;

}

#boczny

{

background: #fff url(grafika/boczny.jpg) no-repeat;

width:200px;

height:600px;

margin-top:10px;

margin-left:280px;

}

#logo

{

background: #fff url(grafika/logo.jpg) no-repeat;

margin-top:5px;

margin-left:280px;

width:700px;

height:180px;

}

body

{

background: url(grafika/tło.jpg) repeat;

background-color: #3b4113;

margin-top:auto;

margin-left:auto;

margin-right:auto;

margin-bottom:auto;

}

NIESTETY NIE MOGE WRZUCIĆ GRAFIKI ;/

ALE CHODZI O TO ZE BLOK Z TRESIĄ WYSWIETLA SIE POD SPODEM A NIE OBOK TAK JAK BYM CHCIAL (W HTML I CSS NIE JEST TO NAPISANE TERAZ)ALE PRACOWALEM NAD TYM I NIE MOGE TEGO JAKOS TAK ZROBIC... CO MUSZE WRZUCIĆ? dzieki z góry

Odnośnik do komentarza
Udostępnij na innych stronach
holee Newbie

holee

Opublikowano
Opublikowano

Daj kolejnego div'a z trescia i dodaj do #boczny float:left;

P.S. Cos mi sie wydaje ze gizmoo uczyl Cie jak nie nalezy pisac tytulow postow. Przydalby Ci sie odpoczynek.

Niedrogie wpisy w płatnych, zadbanych, długowiecznych katalogach (hurtem taniej - pisać na PW):

Odnośnik do komentarza
Udostępnij na innych stronach
yavaho Newbie

yavaho

Opublikowano
Opublikowano

Najpierw to ja bym Cie wysłał do kursu CSS, ale jeszcze wcześniej musisz poznać co to jest DOCTYPE i jaki ma wpływ na parametry: margin, padding i border. Bez ustalenia jaki doctype sobie wybierzesz na strone, to nawet nie zabieraj się za używanie powyzszych parametrów bo nic Ci nie wyjdzie tak jak byś chciał.

Ale widze małe postępy: już nie probujesz wstawić grafike .cdr na strone, tylko to już jest .jpg :P Tylko ścieżkę powineneś wstawić do cudzysłowia.

ps. A ten zacięty CAPSLOCK to tak przez przypadek? Czy chcesz sprawdzic jaka będzie reakcja na to :)

.

Odnośnik do komentarza
Udostępnij na innych stronach
albinos Newbie

albinos

Opublikowano
  • Autor
Opublikowano

Przypadkowo się właczył :/ dopiero się ucze css'a więc nie oczekujcie cudów... wy wszystko umieliście odrazu? btw przeczytałem kurs:

https://pl.html.net/tutorials/css/

https://www.google.pl/search?client=firefox...Szukaj+w+Google

https://www.webhelp.pl/kursy/css/index.php?roz=html

sory ale nie moge tego pojąć jak wstawić tego diva (niby wstawiam ale się psuje)

Odnośnik do komentarza
Udostępnij na innych stronach
holee Newbie

holee

Opublikowano
Opublikowano 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style>

#wszystko {
margin:auto;
width:800px;
}

h1 {
font-style: italic;
font-weight: bold;
font-size: 16px;
}

.boczny {
background: #fff url(grafika/boczny.jpg) no-repeat;
width:185px;
height:600px;
float:left;
margin-right:15px;
}

.logo {
background: #fff url(grafika/logo.jpg) no-repeat;
width:800px;
height:180px;
margin-bottom:15px;
}

body {
background: url(grafika/tło.jpg) repeat;
background-color: #3b4113;
margin:0px;
text-align:center;
}

.tekst {
background-color:#FFFFFF;
float:right;
width:600px;
}
</style>

</heAD><body>

<div id="wszystko">
<div class="logo"></div>
<div class="boczny"><h1>menu</h1>LINK<br />LINK</div>
<div class="tekst">Tresc tresc</div>
</div>
</body>
</html>

Niedrogie wpisy w płatnych, zadbanych, długowiecznych katalogach (hurtem taniej - pisać na PW):

Odnośnik do komentarza
Udostępnij na innych stronach
holee Newbie

holee

Opublikowano
Opublikowano

Istnieje program o nazwie gżegżółka (jak to się pisze ? :) ). Oni pozwoli Ci przekonwertowac pliki. Ja korzystam przy pisaniu kodu z notatnikSP i tam jest opcja konwertowania do iso-8859-2.

Niedrogie wpisy w płatnych, zadbanych, długowiecznych katalogach (hurtem taniej - pisać na PW):

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności