Jump to content

Recommended Posts

Posted

M-am apucat sa codez un layout in html si css. Nu prea am facut asa ceva si m-am lovit de niste probleme.

Am impartit site-ul pe mai multe divuri dupa cum urmeaza:

  • toata pagina
  • header
  • o bara (de 30px latime pe care o sa scriu ceva)
  • un div left pentru partea stanga
  • apoi cateva pentru fiecare parte din meniu adica administratie, diverse etc.

1. Nu stiu cum as putea face sa afisez un div pe partea de centru unde va aparea continutul, div care sa fie in continuarea divului left si care sa aibe 10-15 px liberi spre dreapta.

2. Vreau sa pun in acelasi rand mai multe cuvinte cu mai mult spatiu intre ele. Cum il pun? Stiu ca pentru a trece pe alt rand ai comanda <br> dar pentru a lasa spatiu si sa apara pe acelasi rand cum faci?

3. Am pe div imagine de fundal (o imagine cu un chenar). Daca setez din css alinierea textului (in acel div) la stanga, mi-l alineaza la stanga dar se suprapune peste una din marginile acelui chenar. Cum fac sa se alinieze imediat dupa linia chenarului ca daca as seta in css la aliniere text centrat mi-ar arata cam asa si vreau sa fie pe aceeiasi linie randurile.

71715425.png

P.S. Cred ca e o problema cu atasamentele

Posted

Nu stiu daca am inteles eu foarte bine, dar, uite, pentru asa ceva:

layoute.png

Codul va trebui sa arate asa:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>alex008 boss site layout</title>
<style type="text/css">
<!--
#header {
background: #0f0;
position: absolute;
top: 0px;
left: 0px;
width: 800px;
height: 100px;
}
#leftcol {
background: #f00;
position: absolute;
top: 100px;
left: 0px;
width: 150px;
height: 500px;
}
#content {
background: #fff;
position: absolute;
top: 100px;
left: 150px;
width: 700px;
height: 500px;
}
#footer {
background: #0f0;
position: absolute;
top: 500px;
left: 0px;
width: 800px;
height: 100px;
}
-->
</style>
</head>

<body>
<div id="header">Header</div>
<div id="leftcol">Partea din stanga</div>
<div id="content">Partea de continut</div>
<div id="footer">Footer</div>

</body>
</html>
[/code]

P.S: Nu am descoperit nicio problema cu atasamentele :-?.

Te-ai inregistrat? Ne-ar placea sa te prezinti.

Cum pot sustine forumul?
Cumpara de la eMag folosind acest link.
--------------------
oG2BN9d.gifse1WdXd.gifQG6MtmI.gifRHYjDzD.gifG5p1wui.gif

Posted

Nu prea inteleg. La punctul 2, nu vrei sa fie asa:

Text
Text[/code] ci, vrei sa fie:
[code]Text Text Text
? In acest caz vei folosi caracterul Non-breaking Space:
&nbsp;
De exemplu:
Text&nbsp;&nbsp;&nbsp;Text&nbsp;&nbsp;&nbsp;Text

Pentru punctul 3 as vrea niste explicatii suplimentare, eventual si codurile folosite.

  • Upvote 1

Te-ai inregistrat? Ne-ar placea sa te prezinti.

Cum pot sustine forumul?
Cumpara de la eMag folosind acest link.
--------------------
oG2BN9d.gifse1WdXd.gifQG6MtmI.gifRHYjDzD.gifG5p1wui.gif

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.