Gå til innhold

Nytt design [ingen vurdering]

AndersK_

Anbefalte innlegg

AndersK_

AndersK_

Skrevet
Skrevet

PREVIEW HER

 

Hello!

Nettop ferdig med nytt design (ønsker ikke kommentarer til forbedringer ect).

Lurer bare på hvilken måte som er best hvis jeg skal sette inn tekst.. Som dere ser er det en svart markering (på preview) som det står "tekst-felt" på.. Der vil jeg ha teksten.. Men vet ikke om noen bra måter og få den plassert..

 

Siden ligger her

 

Takk for hjelpen!

Mvh Anders..

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
moesen

moesen

Skrevet
Skrevet
PREVIEW HER

 

Hello!

Nettop ferdig med nytt design (ønsker ikke kommentarer til forbedringer ect).

Lurer bare på hvilken måte som er best hvis jeg skal sette inn tekst.. Som dere ser er det en svart markering (på preview) som det står "tekst-felt" på.. Der vil jeg ha teksten.. Men vet ikke om noen bra måter og få den plassert..

 

Siden ligger her

 

Takk for hjelpen!

Mvh Anders..

Tøff side.. Litt lorem lipsum?

Hva heter fonten du har på "knappene"?

Lenke til kommentar
AndersK_

AndersK_

Skrevet
  • Forfatter
Skrevet

moensen:

http://www.dafont.com/dl.php?os=win&fichie...rn_of_relay_scr

der kan du laste ned fonten

 

Kanksje jeg ikke var nok presis..

Jeg har laget designet, (det eneste jeg kan omtrent), kan nesten ikke noe HTML koding.. På de forgje sidene jeg har laget er det ikke så avansert koding eller jeg har fått hjelp av en "ekspert"..

 

Derfor lurte jeg på hvilken måte som er best.. Ruten jeg har tegnet opp på previewen skal bli brukt til skrift (dvs siden skal ikke "vokse" i høyden om teksten er lengre enn det som det er plass til..), evt. noe scroll bars eller noe?

 

Trenger tips!

Lenke til kommentar
FuLu

FuLu

Skrevet
Skrevet

For at teksten skal komme oppå bildet der, så bør du gjøre en liten vri ja. Ser at du bruker <img> til å vise bildene, greit nok, men teksten vil ikke komme oppå denne. Så den ene TD'en hvor du skal ha tekst, må du ha som bakgrunnsbilde (litt CSS vil fungere her). Da kan du også begrense bredde/høyde med CSS, slik at du vil få scrollbar her.

 

Utestet kode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>>> Anderswebben</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#innhold
{
 background: url(bilder/design/tekstfelt.gif) no-repeat top left;
 width: 601px;
 height: 363px;
 overflow: auto; /* gir deg scrollbar når det trengs... */
}

.padding
{
 padding: 10px 30px; /* bytte ut verdier her om det ikke passer */
}
-->
</style>
</head>

<body bgcolor="#003960">
<div align="right">
 <table width=772 border=0 cellpadding=0 cellspacing=0>
   <tr> 
     <td rowspan=3> <img src="bilder/design/tekst-litt-bakgrunn.gif" widht=135 height=566 alt=""></td>
     <td colspan=2> <img src="bilder/design/header.gif" width=637 height=160 alt=""></td>

   </tr>
   <tr> 
     <td><img src="bilder/design/side-border.gif" width=36 height=363 alt=""></td>
     <td id="innhold"><div class="padding">masse tekst her</div></td>
   </tr>
   <tr> 
     <td colspan=2> <img src="bilder/design/footer.gif" width=637 height=43 alt=""></td>
   </tr>
 </table>

</div>
</body>
</html>

Lenke til kommentar
FuLu

FuLu

Skrevet
Skrevet

Den fungerte ikke nei, ikke etter at jeg sjekka, er bare en liten blunder, virker som ikke width og height fungerte på TD'en, så dette må visst brukes på en DIV inni TD'en igjen. Slik:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>>> Anderswebben</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#innhold
{
background: url(bilder/design/tekstfelt.gif) no-repeat top left;
width: 601px;
height: 363px;
overflow: auto; /* gir deg scrollbar når det trengs... */
}

.padding
{
padding: 10px 30px; /* bytte ut verdier her om det ikke passer */
}
-->
</style>
</head>

<body bgcolor="#003960">
<div align="right">
<table width=772 border=0 cellpadding=0 cellspacing=0>
<tr> 
<td rowspan=3> <img src="bilder/design/tekst-litt-bakgrunn.gif" widht=135 height=566 alt=""></td>
<td colspan=2> <img src="bilder/design/header.gif" width=637 height=160 alt=""></td>

</tr>
<tr> 
<td><img src="bilder/design/side-border.gif" width=36 height=363 alt=""></td>
<td><div id="innhold"><div class="padding">masse tekst her</div></div></td>
</tr>
<tr> 
<td colspan=2> <img src="bilder/design/footer.gif" width=637 height=43 alt=""></td>
</tr>
</table>

</div>
</body>
</html>

Lenke til kommentar
AndersK_

AndersK_

Skrevet
  • Forfatter
Skrevet (endret)

Hello igjen! =)

Har nå lagt ut to forskjellige sider, en "sånn skal det være" og en "sånn ble det"

 

Sånn her ble det (tekst når jeg ikke har scrollbars.. funker, helt til det blir "for mye skrift"

Sånn her skal det IKKE være (Her prøvde jeg koden med for mye tekst, men det ble ingen scrollbars..)

 

Jepp.. Og koden ligger

her (zip fil 139kb)

 

Hvis noen kunne tenkt seg og hjelpe til?

 

Anders!

Endret av purken
Lenke til kommentar
AndersK_

AndersK_

Skrevet
  • Forfatter
Skrevet

vel.. nå har jeg testa koden, men det er en liten bug ute og går..

 

alt virker som det skal, men bakgrunnsbildet (kua :lol:) er ikke "watermark".. så teksten som kommer.. ja..under scrollbaren, får en blå bakgrunn.. (siden bare fortsetter nedover.. uten bakgrunnsbildet!)

 

lettere sagt: åssen får jeg bakgrunns bildet til og bli watermark'et i CSS koden du gav meg?

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å
Gå til emneliste

  • Hvem er aktive   0 medlemmer

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