www.WebTips.pl: CSS akapit górny i lewy - jak połączyć? - www.WebTips.pl

Skocz do zawartości


Strona 1 z 1

CSS akapit górny i lewy - jak połączyć?

#1 Użytkownik nie jest zalogowany   Verex 

  • Junior
  • Pip
  • Grupa Użytkownik
  • Postów 59
  • Rejestracja 05 lut 10
  • MiejscowośćTczew

Napisano 08 luty 2010 - 21:32

Temat do zamknięcia - poradziłem sobie.
Okazało się że nie dodałem średnika w style.css
Dzięki za pomoc.


Zakodowałem ładnie w CSS layout, ale mam problem z menu górnym.
Nie wiem jak to wytłumaczyć, więc pokażę:
- TUTAJ jest mój layout - zakodowany (we większości), i u góry jest to "szare" menu.
Chciałbym żeby napis był wyśrodkowany w pionie i od lewej strony o 10px odsunięty.
Kod w index.html:
<div class="menu"><p1>Menu</p1></div>


Kod w style.css:
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	background-image: url(bg.png)
}

p { margin-left: 5mm }

p1 { margin-left: 3mm }

p2 { margin-top: 3mm }

.menu {
    float: right;
    width: 780px;
    height: 40px;
    background: #000 url('images/verex_14.png') top left no-repeat;
    text-align: left;
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    color: #FFFFFF;
}

.content {
    float: right;
    width: 815px;
    height: 1111px;
    background: #000 url('images/verex_20.png') top left no-repeat;
    text-align: left;
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
}

.box {
    float: right;
    width: 147px;
    height: 207px;
    background: #000 url('images/verex_18.png') top left no-repeat;
    text-align: left;
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
}


Wiecie może jak zrobić?

Użytkownik Verex edytował ten post 09 luty 2010 - 11:06

0


Strona 1 z 1

Odpowiedzi do tego tematu

#2 Użytkownik nie jest zalogowany   virus4 

  • Bywalec
  • PipPip
  • Grupa Użytkownik
  • Postów 186
  • Rejestracja 30 paź 09

Napisano 08 luty 2010 - 22:23

margin-left: 20px; chyba.
0

#3 Użytkownik nie jest zalogowany   Verex 

  • Junior
  • Pip
  • Grupa Użytkownik
  • Postów 59
  • Rejestracja 05 lut 10
  • MiejscowośćTczew

Napisano 09 luty 2010 - 10:08

Też tak próbowałem i nie działało. Potem zacząłem kombinować z
<p1><p2>Lorem ipsum</p1></p2>
ale coś chyba było nie tak.
Pokombinuje jeszcze troszkę, ale nie wiem co z tego wyjdzie, więc proszę o jakieś podpowiedzi czy coś ;)
0

Strona 1 z 1


Szybka odpowiedź

  

Użytkownicy przeglądający ten temat: 1
0 użytkowników, 1 gości, 0 anonimowych