HTML, rozmieszczanie tekstu oraz buttonow

Question

Witam mam pytanie jesli, tworze header 1000px w ktorym dziele go na 3 elementy, wychodzi to tak:

 

I teraz mam pytanie jak umiescic powiedzmy w gornym prawym rogu i np dolnym prawym rogu?

I tak samo z inputem, buttonem, umiescic w dolnym prawym rogu i tak samo w gornym prawym rogu

Comments

jak umiescic powiedzmy w gornym prawym rogu i np dolnym prawym rogu?

Kontener (rodzic) tych elementów musi mieć atrybut position inny niż static , a wtedy elementy te umieszczasz za pomocą position: absolute

.prawo-gora
{
   position: absolute;
   top: 0;
   right: 0;
}

.prawo-dol
{
   position: absolute;
   bottom: 0;
   right: 0;
}

Przykład: https://jsfiddle.net/ucptbdqf/

---

A tak jak na paincie umiescilem stworzenie kontenerow dla po lewej loga, po prawej na gorze tekstu i nizej wyszukiwarki to tak moze byc?

 

Czy po prawej umieszczajac te 2 divy jeden pod drugim, powinny byc tak samo w pojemniku one jeszcze jednym?

---

Pojemniki rób tak, aby nie były one bez sensu tworzone. Jeśli chcesz rozmieścić kilka elementów względem czegoś, to pojemnik jak najbardziej na tak. Dobrze by było gdyby takie pojemniki miały jakieś semantyczne znaczenie, wtedy stosuj tagi HTML5 (article, section, itd.).

http://tutorials.comandeer.pl/html5-blog.html

Ale w ramach Twojego przykładu: https://jsfiddle.net/ucptbdqf/1/

(wszystkie nazwy klas powinny być po angielsku, ale że w pierwszym przykładzie były po polsku, to już zostawiłem)

---

Ale nie podsyłamy gotowców :/

---

Moja wina, źle zauważyłem :p

---

Nie podesłałem gotowca.

---

Tzn wiem zeby po angielsku pisac, ale teraz tak na szybko robie strone dlatego latwiej mi przechodzic html / css  ,, cs / html    po polskich oznaczeniach potem i tak wszystko zmienie tera mam pytanie odnosnie czcionki i fontello, jak zrobic by z tego:

Zrobic efekt podobny do tego, tylko lepszy bo ja zrobilem to zaraz pokaze jak:

Bo problem mam troche z ukladaniem tych fontello, zrobilem to tak:

https://jsfiddle.net/ucptbdqf/2/

Moze tak byc czy jakos inaczej to zrobic? w .Infolinia   width 100% jest

---

Twój nowy problem nie dotyczy problemu opisanego w tym temacie, więc załóż nowy temat.

Ale jedna uwaga, co do CSS:

.ikon2
{
   margin-top: 13px;
   margin-left: 75px;
   float: left;
}

.ikon3
{
   margin-top: 13px;
   margin-left: 75px;
   float: left;
}

Po co robisz dwie klasy i zapisujesz w nich takie same style?

Answer 1

dla rodzica dajesz position: relative; a dla dziecka absolute; i odpowiednio ustawiasz względem elementu.