--> Archiwum Forum
Sephirath [ Pretorianin ]
Problem z CSS - Łamanie linii po form
WItam, mam problem z formularzem wyszukiwania na stronie. Otóż cokolwiek nie umieszczę w jednej linii z nim i tak zostanie przeniesione pięterko niżej. Jak to zmienić? Szukalem w CSS - w rzeczach otagowanych "form" nie ma nic o "clear:both" a w tych z "clear:both" nic o "form". Edytuję CSS theme'u wordpressa.
maviozo [ Man with a movie camera ]
Może display: inline? albo umieścić w nadrzędnym zbiorniku i float:left
https://forumarchiwum.gry-online.pl/S043archiwum.asp?ID=8042674&N=1
Sephirath [ Pretorianin ]
No, zaraz popróbuję...
Sephirath [ Pretorianin ]
Panowie, wdziera się gruba frustracja w umysł mój.
To jest jedyna rzecz w CSSie która opisuje formularz:
‹
float:left;
padding:10px;
margin:0;
›
Dlaczego więc literka "a" napisana w kodzie zaraz po </form> NIE JEST wyświetlana obok tylko jest wywalana linijkę niżej?
Wszystkiego już próbowałem chyba 0.o
maviozo [ Man with a movie camera ]
<html>
<head>
<style>
#formularz ‹
float:left;
padding:10px;
margin:0;
background-color:#ffaaaa;
›
#formularz2 ‹
float:left
›
</style>
</head>
<body>
abcvbxcvb
<form id=formularz><input type=text>blabla</form>
<div id=formularz2>xcvbxcvb</div>
</body>
</html>
Tło w celu lepszej orientacji.
Do formularz pewnie jeszcze by dodać vertical-align:middle, czy coś takiego.
Sephirath [ Pretorianin ]
<form id="searchform" method="get" action="<?php bloginfo('siteurl')?>/">
<input type="text" name="s" id="s" class="textbox" value="<?php echo wp_specialchars($s, 1); ?>" />
<input id="btnSearch" type="submit" name="submit" value="<?php _e('Wyszukaj'); ?>" />
</form>
<div id="rssbar">asd</div>
gdzie
#main .sidecol p, #main .sidecol form
‹
float:left;
padding:10px;
margin:0;
›
oraz
#rssbar ‹
float:left;
border-bottom:#ddd 3px solid
›
I w dalszym ciągu jest pod spodem... Gruby fail.
Inaczej - działa wszystko ale gdy jest wepchnięte w większy boks #sidebar. Gdy jest w #content to nagle przestaje działać. A wcale się wiele od siebie nie różnią oba duże boksy...
maviozo [ Man with a movie camera ]
Mogłeś od razu dać kod.
Ciekawostka, u mnie to działa na Twoim kodzie.
tzn. sprzed edita
Sephirath [ Pretorianin ]
to jest strona na której się katuję. Tam gdzie jest szukacz aktualnie, w sidebarze, wszystko działa, mogę tekst wpisać po prawej od niego i tekst tam zostanie.
W momencie gdy przenoszę szukacz nad pion contentu wszystko dopisane po formularzu materializuje się piętro niżej. Nie ma sensu chyba, żebym przeklejał CSSa zarówno #main jak i #content bo najwyżej mogę zapchać forum...
Jakoś inaczej trzeba będzie to rozwiązać chyba.
maviozo [ Man with a movie camera ]
Nie chce mi się mózgować dalej. Może to kwestia złego zagnieżdżania obiektów #a .b c.
Od siebie dodam ostatnią opcję, może mało elegancką, ale skuteczną:
<table><tr><td>Cały form</td><td>Wszystko obok forma</td></tr></table>