Skocz do zawartości

BLOKI JEDEN OBOK DRUGIEGO

albinos

Przez albinos,
w HTML i CSS

 Udostępnij

Rekomendowane odpowiedzi

albinos Newbie

albinos

Opublikowano
Opublikowano (edytowane)

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

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

holee

Opublikowano
Opublikowano (edytowane)

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.

Edytowane przez holee

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 (edytowane)

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

Edytowane przez yavaho

.

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
albinos Newbie

albinos

Opublikowano
  • Autor
Opublikowano (edytowane)

Zaby nie zakładać nowego tematu...uporałem sie z tym wszystko wyglada swietnie pod firefox'em i IE tylko przi iso-8859-2 nie ma Ą a przy utf wszystko się psuje... co z tym fantem? (dodam ze zarówno pod italic jak i arial nie dziła ą, ś)

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

holee

Opublikowano
Opublikowano (edytowane)

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.

Edytowane przez holee

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

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij
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

  Zgadzam się.