Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Pomoc przy stworzeniu nagłówka
Majkelo23
post
Post #1





Grupa: Zarejestrowani
Postów: 226
Pomógł: 17
Dołączył: 13.02.2012

Ostrzeżenie: (0%)
-----


Witam!

Mam banalny problem, jednak potrzebuję Waszej pomocy.
Otóż chcę stworzyć coś mniej więcej takiego:
(IMG:http://s4.ifotos.pl/img/testpng_napheap.png)
W sumie to to już mam. Chodzi mi o małą poprawkę. Po pierwsze chciałbym, aby div przystosowywał swoją szerokość do długości tekstu, czyli jeśli mam tam 'Aktualności' to div będzie tak długi jak sam napis. Wartość 'width: auto;' powoduje, że div rozciąga się na 100%. Obecnie ustawiłem na sztywno wartość w px, co jest niewygodne bo jeśli kiedyś będę chciał wrzucić jakąś dłuższą frazę to będzie trzeba grzebać w .css i powiększać te piksele.
Drugą rzeczą, którą chciałbym osiągnąć to wyśrodkowanie tego napisu w pionie.

Mój obecny kod CSS:
Kod
#info {
width: 100%;
height: 35px;
padding: 2px;
color: #fff;
border-bottom: 2px solid #33A1DE;
margin: 1.5% 0 10px 0;
padding: 0;
}

#info_info {
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
text-align: center;
margin: 0 0 0 10px;
padding: 0;
height: 100%;
background: #33A1DE;
width: 100px;
}


Kod HTML:

  1. <div id="info"><div id="info_info">Aktualności</div></div>


Dziękuję za pomoc! (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 26.09.2025 - 00:58