Gå til innhold

Hvordan få et søkefelt ved siden av et annet søkefelt i stede for under?


Anbefalte innlegg

Problemet jeg hadde først er nå løst, men i stede for å lage en ny tråd hver gang jeg støtter på et nytt problem eller lurer på noe, så poster jeg det her.

 

http://-/start

 

 

Enda et lite problem, gidder ikke lage en ny tråd for hvert lite problem jeg støtter på.

 

jeg har lagt til et søke felt for youtube, men jeg skulle likt at den havnet på toppen ved siden av søke feltet for google, i stede for under. Hvordan kan jeg gjøre det?

 

Kilde kode:

<head>
<style type="text/css">
 a img {
   border: 0;	
 }
</style>
<title>Homepage</title>
</head>
<body bgcolor="silver">

<!-- Search Google -->
<FORM method=GET action="http://www.google.com/search">
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>
<TABLE bgcolor="silver"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="google.png" width="128" height="53"
border="0" ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=25 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Google Search">
</td></tr></TABLE>
</FORM>
<!-- Search Google -->

<!-- Youtube Search -->
<FORM method=GET action="http://www.youtube.com/results">
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>
<TABLE bgcolor="silver"><tr><td>
<A HREF="http://www.youtube.com/">
<IMG SRC="youtube.png" width="128" height="53"
border="0" ALT="Youtube" align="absmiddle"></A>
<INPUT TYPE=text name=q size=25 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Youtube Search">
</td></tr></TABLE>
</FORM>
<!-- Youtube Search -->


<br/><br/><br/><br/>

<center>

<!-- Gmail --> 
<a href="http://www.gmail.com" target="_blank">
<img src="gmail.png" alt="Gmail" width="256" height="256" hspace="20" /></a>
<!-- Gmail -->

<!-- Blog -->
<a href="http://www.lordbost.com/blog" target="_blank">
<img src="blog.png" alt="Blog" width="256" height="256" hspace="20" /></a>
<!-- Blog -->


</center>
</body>

 

Endret av LSĐ
Lenke til kommentar
Videoannonse
Annonse

Legg til følgende i head:

<style type="text/css">
 a img {
   border: 0;
 }
</style>

 

Tittet litt her: http://www.w3schools.com/TAGS/tag_img.asp

og under hspace står det "Deprecated. Use styles instead."

 

Så jeg prøvde og slenge det inn i samme tag:

<style type="text/css">
 a img {
   border: 0;
   hspace: 20;
 }
</style>

 

men det fungerte dårlig, er det noen annen måte og gjøre det på? eller burde jeg bare fortsette å bruke det i img taggen?

Endret av lordbost
Lenke til kommentar

Enda et lite problem, gidder ikke lage en ny tråd for hvert lite problem jeg støtter på.

 

jeg har lagt til et søke felt for youtube, men jeg skulle likt at den havnet på toppen ved siden av søke feltet for google, i stede for under. Hvordan kan jeg gjøre det?

 

Kilde kode:

<head>
<style type="text/css">
 a img {
   border: 0;	
 }
</style>
<title>Homepage</title>
</head>
<body bgcolor="silver">

<!-- Search Google -->
<FORM method=GET action="http://www.google.com/search">
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>
<TABLE bgcolor="silver"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="google.png" width="128" height="53"
border="0" ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=25 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Google Search">
</td></tr></TABLE>
</FORM>
<!-- Search Google -->

<!-- Youtube Search -->
<FORM method=GET action="http://www.youtube.com/results">
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>
<TABLE bgcolor="silver"><tr><td>
<A HREF="http://www.youtube.com/">
<IMG SRC="youtube.png" width="128" height="53"
border="0" ALT="Youtube" align="absmiddle"></A>
<INPUT TYPE=text name=q size=25 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Youtube Search">
</td></tr></TABLE>
</FORM>
<!-- Youtube Search -->


<br/><br/><br/><br/>

<center>

<!-- Gmail --> 
<a href="http://www.gmail.com" target="_blank">
<img src="gmail.png" alt="Gmail" width="256" height="256" hspace="20" /></a>
<!-- Gmail -->

<!-- Blog -->
<a href="http://www.lordbost.com/blog" target="_blank">
<img src="blog.png" alt="Blog" width="256" height="256" hspace="20" /></a>
<!-- Blog -->


</center>
</body>

Endret av lordbost
Lenke til kommentar

Det er mye bedre å lage nye tråder istedet for å redigere første post. Alle svarene du fikk på det originale spørsmålet ditt gir nå ingen mening for nye lesere.

 

men det fungerte dårlig, er det noen annen måte og gjøre det på? eller burde jeg bare fortsette å bruke det i img taggen?

Hva prøver du å oppnå med hspace?

Specifies the whitespace on left and right side of an image

Bruk margin:

 

img {
   margin: 20px;
}

Lenke til kommentar
<head>
<style type="text/css">
 a img {
   border: 0;  
 }
</style>
<title>Homepage</title>
</head>
<body bgcolor="silver">



<table border="0">
<tr>
<td>


<!-- Search Google -->
<FORM method=GET action="http://www.google.com/search">
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>

<A HREF="http://www.google.com/">
<IMG SRC="google.png" width="128" height="53"
border="0" ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=25 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Google Search">

</FORM>
<!-- Search Google -->


</td>
<td>


<!-- Youtube Search -->
<FORM method=GET action="http://www.youtube.com/results">
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>
<A HREF="http://www.youtube.com/">
<IMG SRC="youtube.png" width="128" height="53"
border="0" ALT="Youtube" align="absmiddle"></A>
<INPUT TYPE=text name=q size=25 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Youtube Search">

</FORM>
<!-- Youtube Search -->


</td>
</tr>
</table>










<br/><br/><br/><br/>

<center>

<!-- Gmail --> 
<a href="http://www.gmail.com" target="_blank">
<img src="gmail.png" alt="Gmail" width="256" height="256" hspace="20" /></a>
<!-- Gmail -->

<!-- Blog -->
<a href="http://www.lordbost.com/blog" target="_blank">
<img src="blog.png" alt="Blog" width="256" height="256" hspace="20" /></a>
<!-- Blog -->


</center>
</body>

http://www.w3schools.com/html/html_tables.asp

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...