Jak to zakodować html/css

Question

Witam w jakis sposób poprawnie zakodować takie częśc strony http://s3.ifotos.pl/img/okmpng_weeswwq.png. Przyjmijmy, że AppTemplate to button o x wymiarach a po prawej zwykłe napisy.

Answer 1

Jeśli chodzi o to że jeden po lewej drugi po prawej to: W css: 

#menu{
 width: 100%;
 height: 60px;
}
.button{
 float: left;
 padding: 10px 20px 10px 20px;
}
.napis{
 float: right;
}

Nie zapomnij dać potem clear: both.

Answer 2

Myślę, że niezprecyzowałeś swojego pytania, ciężko jest się połapać.

Answer 3

Nie rozumiem o co dokładnie chodzi. Mamy napisać kod na takie menu... Czy zakodować jako zaszyfrować?

Answer 4

Cała góra to mógłby być div (lub znacznik nav) z background-image takim jak widać z position absolute, top 0, width 100%.  Button trzeba oczywiscie wystylizowac i za pomocą position absolute ustawic w odpowiednim miejscu (znacznik button musi byc w tedy w divie).

PS

Dosyć nieprecyzyjnie opisałeś problem, więc jeżeli o czymś nie napisałem to napisz i postaram się lepiej to wytłumaczyć.

Answer 5

 

#nazwa
{
background-color:black;
position:absolute;
left:0px;
top:0px;
}

#drugie_id_button
{
  position:absolute/relative (pokombinuj)
 border: np.5px dotted white;
}

#tekst 
(tworzysz <ul>
{
  display:inline;
  color:white;
  ustawiasz pozycje
}

pisane na sucho, gdyby bylo cos nie tak pisz prywatnie

Comments

polecam ogarnac takie tematy jak:

(po ang)

css positions

css background

css list properties

Naprawde latwe tematy, bez zadnego problemu pojmiesz to w 2 dni :)

Answer 6

Ten film powinien tobie pomóc https://www.youtube.com/watch?v=clRo9ISlKKw&feature=youtube_gdata_player dużo jest do tłumaczenia, a na tym filmie jest wszystko janso i klarownie wytłumaczone. Pozdrawiam

Answer 7

Stworzyłem podobną nawigację, możesz sobie zobaczyć demo i spróbować zrobić coś podobnego.

Answer 8

Pytasz o konkretne rozwiązanie, czy może technologie ?? Najlepiej użyc do tego CSS'a.