+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: css/html layout (/thread-css-html-layout)
css/html layout - bartek23 - 18-10-2011
Cześć
zrobiłem layout w photoshopie pociąłem go ładnie na plasterki i teraz przechodzę do dreamviewera
cały szablon chcę aby opierał sie na DIVach.
Mam mały problem jest wycentrowane logo na cala szerokosc i po lewej stronie 3 obrazki KONTAKT PLATNOSC REGULAMIN w bloku wyświetlone, ale jest tak że jeżeli chcę aby cos napisać np w okienku KONTAKT to podpisuje mi pod nim.... jestem początującym a więc prosze o cierpliwość
mam np css:
Cytat:body
{ margin: 0; background: #663300; margin-top:20px; margin-bottom:20px;}
#logo
{ background: url(images/logo.gif); width:980px; height: 264px; margin-left: auto; margin-right: auto;}
#tresc_logo
{ font-family:Courier New; font-size:22px; padding-right:0px; padding-top:230px; color:#4F0000; text-align:center;
}
#tresc
{ background:url(images/tresc.gif);
font-family:"Courier New", Courier, monospace;
font-size: 12px;
float: right;
margin: auto;
}
#kontakt
{ background: url(images/kontakt.gif);
margin-left: 9px;
padding-top: 123px;
width: 296px;
repeat: none
}
#kontakt_tresc {
font-family:Courier New; font-size:22px;color:#4F0000; text-align:center; }
#regulamin
{ background: url(images/regulamin.gif);
margin-left: 9px;
padding-top: 123px;
width: 296px;
repeat: none
}
#regulamin_tresc
{ font-family:Courier New; font-size:22px; padding-right:0px; padding-top:0px; color:#4F0000; text-align:center; }
no i w html'u:
Cytat:<body>
<table cellspacing="0" CELLPADDING="0" BORDER="0" width="998" align:="center">
<tr align="center" valign="top">
<td>
<div id="logo">
<div id="tresc_logo">
<b>
<a href="http://allegro.pl/my_page.php?uid=1040461">O Mnie</a> |
<a href="http://allegro.pl/show_user_auctions.php?uid=1040461">Aukcje</a> |
<a href="http://allegro.pl/show_user.php?uid=1040461">Komentarze</a> |
<a href="http://www.allegro.pl/email_to_user.php?uid=1040461">Zadaj pytanie</a> |
<a href="http://www.allegro.pl/myaccount/favourites_sellers.php/addNew/?userId=1040461">Dodaj do ulubionych</a>
</b>
</div>
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" border="0" width="296" hight="auto" align="left" >
<tr align="left" valign="top">
<td>
<div id="kontakt">
<div id="kontakt_tresc">
<b>
<!--tutaj ma być tekst w okienku KONTAKT-->
</b>
</div>
</td>
</tr>
<td>
<div id="regulamin">
<div id="regulamin_tresc">
<b>
<!--TEKST W REGULAMIN-->
</b>
</div>
</div>
</td>
</table>
.....
</body>
</html>
Tekst wyjeżdza mi za za okienko :/ to jest lewa strona na prawej stronie chcę zrobić OPIS aukcji np a na dole stopkę...
Pomoże ktoś?
Dziękuję z góry..
RE: css/html layout - Marys - 18-10-2011
Ale twój layout póki co opiera się na tabelkach i div-ach.
RE: css/html layout - bartek23 - 18-10-2011
on jest nieskończony ale nie kończe bo wynika z tego taka sytuacja jak pisałem, dlatego chcę prosic was o pomoc aby obrazki pociete z photoshopa zastąpiły mi tło w poszczeglnychh tabelkach i były ułożone tak jak pisałem po lewej stronie pod sobą : KONTAKT-REGULAMIN_PLATNOSC i tam chcę wpisać info odnośnie aukcji cos mam spieprzone w kodzie css i jak to w html rzucić
RE: css/html layout - Marys - 19-10-2011
pokaż ten szablo i te plasterki. Prawdopodobnie jak skorzystałeś z automatycznej funkcji cięcia w photoshopie to będzie lipa.
RE: css/html layout - bartek23 - 19-10-2011
nie skorzystałem z automatycznej funkcji cięcia na plasterki tylko sam je pociałem odpowiednio do swoich potrzeb, chodzi mi o to zebym mogl wpisywać tekst w dane miejsca i zeby nie wychodzilo mi to za obręb danego elementu i zeby dane elementy byly na swoiim miejscu...
RE: css/html layout - Marys - 19-10-2011
Usuń tabelki i wrzuć to na jakiś serwer lub zrób screeny
RE: css/html layout - Moody - 25-10-2011
Za dużo masz namieszane tam. Pousuwaj tabelki. Możesz to zrobić wszystko na divach. I nie używaj już znaczników starych: <b> <u> itd
to mozesz wszystko w CSSie zrobić. Nadając parametr czcionki - bold.
I jak możesz wrzuć screen jakiś to będzie łatwiej każdemu pomóc.