Problem med "align"

1 svar · 348 visningar · startad av Millennium 5 dec. 2010

MillenniumMedlem sedan dec. 20106 inlägg

Frågan5 dec. 2010 14:37#1

Jag är ganska dålig på det här med "align="right">. :l Det jag ska göra är att sätta denna sökmotor här nedanför längst åt höger på min sida

<div class="abFloatclearer"></div> 
<div class="header-searchbox" id="header-searchbox"> 
          <form name="header-searchform" id="header-searchform" method="get" action="http://www.dn.se/sok"> 
            <div class="row"> 
              <input type="text" value="" id="header-search-dnse" name="s" class="user-input field"/>    <input type="image" value="Sök" id="header-search-button" src="http://www.dn.se/img/dn/icons/searchbtn.gif" class="btn"/> 
            </div> 
            <div class="row"> 
              <div class="item">

Tacksam för svar! :)

doridoriMedlem sedan juni 2006244 inlägg

5 dec. 2010 22:33#2

"align=right"?
Det används i tabeller. Om man lever på 1990-talet.

För att få något att hamna till höger kan du använda float: right; i CSS.
Du har ju redan klasser och id på dina HTML-element vilket avslöjar att du använder CSS.
Så sätt float:right; på header-searchbox.

För övrigt bör samma namn aldrig användas för en klass och ett id som du gjort på header-searchbox. Särskilt inte när det är på samma element, då är det dessutom överflödigt.

Det där med float är dock ganska klurigt om man inte har koll på CSS, vilket jag anar att du inte har. Därför bör du lära dig lite i ämnet innan du försöker dig på att ändra layouten. Det kan du göra på nätet, t.ex här http://www.w3schools.com/css/css_intro.asp