Problem z css

Witam.

Robię stronkę pod kwiaciarnię i mam problem z css, ale głównie zależy mi na wpisaniu loga. Tak aby pojawiało się na każdej podstronie.

Nie znam się zbyt na css jedynie na html i troszkę php. Dlatego proszę o wsparcie,

ogólny zapis css dla strony wygląda tak, bardzo możliwe, że część rzeczy jest bez sensu bo nic w tym nie robiłem zrzuciłem je z szablonu i zmodyfikowałem tylko tło. :expressionless: :cry:

body {

background:url(tlo.jpg) repeat-x #f8f8f6;

margin-top:10px;

margin-left:auto;

margin-right:auto;

width:740px;

margin-bottom:10px;

list-style: none;

}

div {

font: verdana 12px #000;

position:relative;

margin-left:auto;

margin-right:auto;

}

#kontener {

width:740px;

height:auto;

padding-bottom:20px;

border-left:solid #dcdcdc 1px;

border-right:solid #dcdcdc 1px;

border-bottom:solid #dcdcdc 1px;

border-top:solid #dcdcdc 1px;

background:;

}

#logo {

background:url(logo1.png) no-repeat;

width:1000px;

height:200px;

border:solid #818181 1px;

margin-top:5px;

}

#menu {

max-width:720px;

width:720px;

height:22px;

background:#eeeeee;

border-top:solid #a9a9a9 1px;

border-bottom:solid #a9a9a9 1px;

margin-top:10px;

}

#menu a {

padding-left:40px;

padding-right:35px;

display: block;

margin-top:2px;

float:left;

font-weight: bold;

}

#menu a:hover {

margin-top:2px;

color:#000000;

text-decoration:underline;

}

#tresc {

margin-top:20px;

margin-left:15px;

margin-right:15px;

height:auto;

width:700px;

background:#ffffff;

margin-bottom:10px;

}

#tresc h2 {

margin-left:auto;

margin-right:auto;

text-indent:20px;

font-size: 17px;

margin-top:0px;

border-left:solid #00592a 3px;

width:650px;

}

#tresc p {

margin-left:auto;

margin-right:auto;

width:650px;

text-indent: 15px;

text-align: justify;

font-size:12px;

font-family:Verdana, Arial, Helvetica, sans-serif;

}

#stopka {

clear:both;

text-align:right;

width:740px;

height:15px;

margin-top:5px;

border-top:solid #dcdcdc 1px;

border-left:solid #dcdcdc 1px;

border-right:solid #dcdcdc 1px;

border-bottom:solid #dcdcdc 1px;

background:#fbfbfb;

font-size:11px;

font-family:Verdana, Arial, Helvetica, sans-serif;

}

#stopka a {

color: #000000;

}

#stopka a:hover {

text-decoration:underline;

}

#copyright {

float:left;

padding-left:340px;

}

#design {

float:right;

padding-right:10px;

}

a tak wygląda odnośnik do css na każdej podstronie:

chyba jest ok ?

ale co mam zrobić żeby wstawić logo mam już gotowe o wymiarach 200x1000 pikseli w png i jpg

eee czyżby osoba znająca php robiła stronę w czystym html ?

Jeśli tak to przestań i zrób od nowa wyjdziesz na tym lepiej. Jeśli nie to po co ci na każdej stronie link do arkusza stylów ?

A logo zrób za pomocą zwykłej grafiki, bądź jak by się uprzeć za pomocą diva.

//css #logo{width: 1000px;heigh:200px;background: url(link)[/code]

Czyżby czyżby he. Mam zaledwie 4 może 6 miesięczne doświadczenie w html a php znam dorywczo z zajęć przy pomocy nauczyciela.

Czyli wrzucić to w

Nie, robisz coś w stylu:

//to co zawsze charset / meta etc

Podstrona 1
Podstrona 1

<?php if($_GET[‘strona’] switch($_GET[‘strona’]) { 1:include ‘podstrona1.php’; break; 2:include ‘podstrona2.php’; break; default: include ‘strona_glowna.php’; else include ‘strona_glowna.php’; } ?>
Przykład strony by drobok

[/code]

A reszta za pomocą css. Wymiary dla każdego, buttony mają mieć float: left, a tresc clear:both. Dla kontenera z wymiarami daj, margin: 0 auto. I będzie wszystko ładnie poukładane. Bez miliona stron z tym samym. Jak coś to śmiało pytaj. To jest oczywiście przykład takiej strony. Wszystko można zrobić inaczej.

A mogę prosić żebyś wpisał mi to w zamieszczony css strony, tak abym skopiował całość jako komplet.

Bo wątpię, że sam wpiszę to poprawnie. Please :smiley:

Pisze z pamięci nie korzystam z edytorów, ale ok niech ci będzie.

Na początek do img daj: logo1.png

body {

background:url(tlo.jpg) repeat-x #f8f8f6;

margin: 0 auto;

width:740px;

}

#kontener {

width:740px;

padding-bottom:10px;

border: solid #dcdcdc 1px;

}

#menu {

width:720px;

height:22px;

background:#eeeeee;

border-top:solid #a9a9a9 1px;

border-bottom:solid #a9a9a9 1px;

margin-top:10px;

}

#menu button {

color:#FFF;

margin-top:2px;

float:left;

font-weight: bold;

}

#menu button:hover {

margin-top:2px;

color:#000000;

text-decoration:underline;

}

#tresc {

clear:both;

margin-top: 20px 15px;

width:700px;

background:#ffffff;

}

#stopka {

text-align:right;

width:740px;

height:15px;

margin-top:5px;

border:solid #dcdcdc 1px;

background:#fbfbfb;

font-size:11px;

font-family:Verdana, Arial, Helvetica, sans-serif;

}

#stopka a {

color: #000000;

}

IMG z powyższego html, daj do kontenera i powinno działać. W razie problemów z wyświetlaniem napisz :smiley:

Wrzuciłem. Css jest ok, ale to logo mi się nie wyświetla.

#kontener {

width:740px;

padding-bottom:10px;

border: solid #dcdcdc 1px;

w tym kontener gdzie mam to umieścić ? Zamiast solid, czy muszę coś dopisać ? :expressionless:

Logo miałeś dać do img, ale znów za szeroki jest dla diva. Innymi słowy strona będzie się rozjeżdzała przez niego. Logo powinno mieć szerokość 740. Ze względu na niższe rozdzielczości ekranu. Btw nawet ja mam szerokość 900, raczej wiele osób wyższej nie ma. Jak nie chcesz by strona się każdemu rozjeżdzała musisz dać szerokość logo dla rozdzielczości najmniejszej uznawanej czyli 800x600. Ew przerobić tak jak ma dobreprogramy. Dajesz obrazek, a potem 1px tło, który się powtarza do końca ekranu.

Tło mam tak jak mówisz kilka px, a potem się powiela i stopniowo zanika. Ale jak zrobić to logo obrazek nad stroną tak aby było na samej górze i nie wchodziło w tło strony. No zobacz http://kwiatownia.cba.pl/index.htm . I tak jak jest ten obrazek z nazwą w domyśle “logo” (kwiatownia … ) chcę żeby był wycentrowany (w niektórych przeglądarkach źle pokazuje)i pokazywał się na każdej podstronie dzięki css.

(Strona jest wybrakowana , w trakcie tworzenia a to logo które widać na starcie jest na razie jako obrazek w jpg)

Tabelka w tabelce, a w tabelce tabelka. 7, albo i więcej tabel na jednej stronie. Zrób stronę na nowo. Teraz robi się na divach. Ten twój css nic ci nie da bo struktura strony jest zupełnie inna …

A nie da się zrobić css dla tej strony tak jak już ona wygląda. Bo nie mam czasu na zabawę w ponowne tworzenie strony, … z resztą nie specjalnie dał bym sobie pewnie radę z divami jeśli nie umiem ustawić dobrze głupiego loga.

No właśnie przez te multum tabel masz to rozjeżdżające się logo. Nie da rady w css, musisz zmodyfikować html. Najlepiej daj logo poza wszystkie tabelki, na początku html w postaci: