/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Simpelt problem i CSS - Højre stilling af ~
Fra : SpookiePower


Dato : 22-09-04 19:31

Jeg har en sort bjælke på min hjemmeside hvorpå der er nogle
links som i kan se forneden. De står til venstre på den sorte bjælke.

<table border="0" width="100%" cellspacing="0" cellpadding="0"
background="img/blackline.gif">
<tr>
<td width="100%">
<div class="links">..... links.....links....</div></td>
</tr>
</table>

..links{
font-style: normal;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
}

Her til virker det hele fint. Jeg vil nu så gerne have et input-textfelt ude
til højre
på den sorte bjælke og på samme linie som som liks'ene. Dette har jeg
forsøgt
på denne måde.

<table border="0" width="100%" cellspacing="0" cellpadding="0"
background="img/blackline.gif">
<tr>
<td width="100%">
<div class="links">......links.....links...</div><div
class="loginfelter">...........</div></td>
</tr>
</table>

..loginfelter{
text-align: right;
}


Hvilket det også kommer til, men det rykker bare
ned på næste linie, hvilket gøre den sorte bjælke dobbelt så tyk. Hvordan
får jeg input-textfeltet til at blive på samme line som links'ene.




 
 
Knud Gert Ellentoft (22-09-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 22-09-04 19:44

SpookiePower skrev:

> <td width="100%">
> <div class="links">......links.....links...</div><div
>class="loginfelter">...........</div></td>
> </tr>
></table>
>
>.loginfelter{
> text-align: right;
>}
>
Bruge span i stedet for div burde gøre det eller du kan prøve at
lege med float: left og evt. float: right.

<td width="100%">
<span class="links">......links.....links...</span><span
class="loginfelter">...........</span></td>
--
Knud

SpookiePower (22-09-2004)
Kommentar
Fra : SpookiePower


Dato : 22-09-04 19:54


"Knud Gert Ellentoft" <ellentoft@mail.tele.invalid> skrev i en meddelelse
news:aph3l0hnkogu0vngiba166dbmahjl2p918@dtext.news.tele.dk...

> Bruge span i stedet for div burde gøre det eller du kan prøve at
> lege med float: left og evt. float: right.
>
> <td width="100%">
> <span class="links">......links.....links...</span><span
> class="loginfelter">...........</span></td>
> --
> Knud

float:right - får feltet til at ryge til højre som det skal, men stadig ned på næste linie.
Span alene får feltet op på samme linie, men bare venstre stillet.
Sammen, virker de heller ikke desværre.



Daniel Valentin (22-09-2004)
Kommentar
Fra : Daniel Valentin


Dato : 22-09-04 19:53


> Hvilket det også kommer til, men det rykker bare
> ned på næste linie, hvilket gøre den sorte bjælke dobbelt så tyk. Hvordan
> får jeg input-textfeltet til at blive på samme line som links'ene.
Lav en span inden i div'et i stedet:
<div>Links..Links<span>Login</span></div>
Div rydder pladsen efter sig, hvis man kan sige det sådan, derfor linjeskift!

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

SpookiePower (22-09-2004)
Kommentar
Fra : SpookiePower


Dato : 22-09-04 19:58


"Daniel Valentin" <danielvalentin@sol.dk> skrev i en meddelelse
news:4151c9ef$0$39261$14726298@news.sunsite.dk...

> Lav en span inden i div'et i stedet:
> <div>Links..Links<span>Login</span></div>
> Div rydder pladsen efter sig, hvis man kan sige det sådan, derfor linjeskift!

Det får mit inputfelt op på samme linie som det skal, men det vil stadig ikke stå ude til højre.




SpookiePower (22-09-2004)
Kommentar
Fra : SpookiePower


Dato : 22-09-04 20:16


Det lykkedes mig at få inputfeltet helt ud til højre på denne måde.
<span class="loginfelter"><input type="text"........position:relative; left:540px;........."></span>

Men den holder jo ikke hvis der er en som vælger en mindre eller større opløsning
end den jeg selv bruger. Her tænker jeg på left:540px;



Knud Gert Ellentoft (22-09-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 22-09-04 20:23

SpookiePower skrev:

>Men den holder jo ikke hvis der er en som vælger en mindre eller større opløsning
>end den jeg selv bruger. Her tænker jeg på left:540px;

Kan du ikke uploade en testside med fejlen?

Det gør det hele meget nemmere.
--
Knud

Erik Ginnerskov (22-09-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 22-09-04 20:27

SpookiePower wrote:

>> Lav en span inden i div'et i stedet:
>> <div>Links..Links<span>Login</span></div>
>> Div rydder pladsen efter sig, hvis man kan sige det sådan, derfor
>> linjeskift!
>
> Det får mit inputfelt op på samme linie som det skal, men det vil
> stadig ikke stå ude til højre.

<span style="text-align:right">Højrejusteret tekst</span>

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk



SpookiePower (22-09-2004)
Kommentar
Fra : SpookiePower


Dato : 22-09-04 20:33

Det lykkedes at få det til at virke, ved at bruge float:left på mine
links og float:right på mine inputfelter.



Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408937
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste