Skocz do zawartości

Jak wstawic tekst obok obrazka

Panama City Beach

Przez Panama City Beach
w HTML i CSS

Rekomendowane odpowiedzi

Panama City Beach Newbie

Panama City Beach

Opublikowano
Opublikowano

Witam serdecznie,

Zostałem poproszony o wprowadzenie drobnej zmiany na stronie www i nie umiem sobie z tym poradzic. Zupełnie nie znam się na xhtml i css-ie dlatego byc może ktoś będzie mi mógł pomóc.

Problem:

Logo umieszczone jest w lewym górnym roku strony w postaci pliku radio.png. Na wysokości logo po prawej stronie chciałbym wstawic tekst, 4 wiersze z tekstem przykładowo:

Rafał Ziemkiewicz

radiesteta amator

ul. Złota 66a

tel. 66666666

Chciałbym, żeby tekst pojawiał się na każdej podstronie serwisu wraz z logo. Rozumiem, że tutaj muszę umiescic odp. ustawienie w css-ie.

Poniżej wkleje kawałek html i css. Dla mnie to nie jest do końca zrozumiałe, ale zdążyłem się zorientowac ze ten fragment może byc odpowiedzialny za element, który chcę zmodyfikowac.

<head>
 <title>Radiesteta i producent</title>

<style type="text/css">
@import url("style.css");
</style>

</head>
<body>
<div id="content">
<div id="tban">
<div id="wtban">

<p>radiesteta | konsultacje i porady</p>
</div>

A teraz odp. fragment w css-ie

#content {
 width: 93%;
 max-width: 1154px;
 margin-right: auto;
 margin-left: auto;
 float: none;
}
#tban {
 width: 100%;
 height: auto;
 padding-bottom: 50px;
}
#wtban {
 padding-top: 80px;
 background: url(gfx/radio.png) no-repeat top left; 
}
#wtban p {
 letter-spacing: -2px;
 font-size: 21px;
 text-indent: 0;

radio.png - obrazek ma wymiary 2x4 cm i jest umieszczony 1,5 cm od lewej krawedzi. Chciałbym żeby po prawej stronie w tej samej odleglosci od prawej krawedzi znajdował się ten tekst.

Z góry dziękuję za pomoc.

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

spookypld

Opublikowano
Opublikowano

w pliku .css w #tban dopisujesz/zmieniasz 

background-image: url('logo.png'); background-repeat: no-repeat; heigth: 2cm; margin: 0 1.5cm 0 1.5cm; border: 0 none; text-align: right;

w sekcji 

url('logo.png')

musisz wstawić lokalizację obrazka, najlepiej to główny katalog, to nie musisz nic zmienić.

W pliku html po 

<div id="tban">

Dopisujesz 

Rafał Ziemkiewicz<br>
radiesteta amator<br>
ul. Złota 66a<br>
tel. 66666666<br>

P.S. Nie da się tak zrobić, żeby kod w CSS wyświetlał znaki.

Made In 3W - Małe Moje Miejsce

https://napiszemydlaciebie.pl/co-to-jest-copywriting/

Odnośnik do komentarza
Udostępnij na innych stronach
Panama City Beach Newbie

Panama City Beach

Opublikowano
  • Autor
Opublikowano

Witam,

Dzięki za szybką pomoc. W zasadzie wszystko jest w porządku. Mam jedynie problem z tym, z ta komenda text-align: right; wyrównuje mi tekst przy logo do prawej strony, ale tez pozostały content strony, przez co wszystko jest wyrównane do prawej. Nie umiem sam sobie z tym poradzic. Poniżej wklejam ten kod tak jak to ustawiłem. Pewnie będziesz wiedział jak to można poprawic.

W CSS-ie

body {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   color: #FFFFFF;
   background-color: #4D4D5D;
   font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
}

#content {
 width: 93%;
 max-width: 1154px;
 margin-right: auto;
 margin-left: auto;
 float: none;
}
#tban {
 background-image: url(gfx/lavka.png); 
 background-repeat: no-repeat; 
 heigth: 2cm; 
 margin: 0 1.5cm 0 1.5cm;
 border: 0 none; 
 text-align: right;
 width: 100%;
 height: auto;
 padding-bottom: 50px;
}
#wtban {
 padding-top: 80px;
 text-align: left
}
#wtban p {
 letter-spacing: -2px;
 font-size: 21px;
 text-indent: 0;

w html-u

<head>
 <title>osrodek</title>

<style type="text/css">
@import url("style.css");
</style>

</head>
<body>
<div id="content">
<div id="tban">

Rafał Ziemkiewicz<br>
radiesteta amator<br>
ul. Złota 66a<br>
tel. 66666666<br>

<div id="wtban">

<p>radiesteta I konsultacje i porady</p>
</div>

Próbowałem zamknąc div id="tban" po tel. </div> ale wtedy content traci margines.

Będę wdzięczny za pomoc.

Pozdrawiam

Odnośnik do komentarza
Udostępnij na innych stronach
Panama City Beach Newbie

Panama City Beach

Opublikowano
  • Autor
Opublikowano

Hej,

Nie ma zmiany. Nie wiem jak to jest napisany ten html ale mam przeczucie, ze nie jest to napisane w odpowiedniej hierarchii.

Pozycja tekstu nie zmienia się po dopisaniu do content: text-align: left;

Już lepszy efekt otrzymałem jak dopisałem w htmlu

<div id="content">

<div id="tban">

Rafał Ziemkiewicz<br>

radiesteta amator<br>

ul. Złota 66a<br>

tel. 66666666<br></div>

<div id="wtban">

tyle, że teraz tekst na stronie zgubił margines.

Może coś innego jeszcze mógłbym zmienic?

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

spookypld

Opublikowano
Opublikowano

no np margin: 10px w content. a jak chcesz takiej pomocy to najłatwiej jeśli dajesz linka gdzieś do swojej pracy. bo tak to cięzko się domyslac co jest nie tak, bo masz tylko skrawek kodu

Made In 3W - Małe Moje Miejsce

https://napiszemydlaciebie.pl/co-to-jest-copywriting/

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