Avatar billede udvikler Nybegynder
09. maj 2005 - 15:00 Der er 11 kommentarer og
1 løsning

Indsætte box med runde kanter hvor der kan være tekst og billeder

Hej

Hvordan indsætter man sådan en box som man kan indsætte billeder og tekst og div. ting i ?

Her er et exempel på en side som har sådan en box:
http://www.sonyericsson.com/limited/gallery.asp (her er der to store boxe)
Avatar billede roenving Novice
09. maj 2005 - 15:15 #1
F.eks.

<div style="width:760px;margin:0 auto;height:600px;">
  <div style="width:100%;height:300px;background-image=url(myTopFrame.jpg);">
    Noget indhold
  </div>
  <div style="width:100%;height:200px;margin-top:50px;background-image=url(myBottomFrame.jpg);">
    Noget andet indhold
  </div>
</div>
Avatar billede udvikler Nybegynder
09. maj 2005 - 15:20 #2
Hvordan ændre man farve på selve boxen.. den er nemlig hvid nu.
Avatar billede roenving Novice
09. maj 2005 - 15:23 #3
Jeg har ikke kigget i detaljer på den boks, du henviser til, men sandsynligvis styres det af et baggrundsbillede, og derfor satte jeg det ind i eksemplet !-)

-- så du skal altså tegne en baggrund, og evt. supplere med en background-color !o]
Avatar billede udvikler Nybegynder
09. maj 2005 - 15:26 #4
hmm.. Hvis jeg så skal tegne boxen som et billede bliver det da kikset.. og det er da slet ikk sådan man gør.. man kan nemlig ikke markere boxen i mit exempel hvilket man ville kunne med et billede..

Men måske er det bare mig som ikke forstår hvad du mener.. kan du uddybe dig ?
Avatar billede roenving Novice
09. maj 2005 - 15:29 #5
Hvis du kigger i ovenstående eksempel, er der ikke noget billede i, men der er angivet en baggrund: background-image=url(myTopFrame.jpg);

-- og sådan en, kan ikke vælges !-)
Avatar billede udvikler Nybegynder
09. maj 2005 - 15:33 #6
Nårh.. ja nu forstår jeg..

Kan du så vise mig i et script hvordan det skal se ud med en box.. den må gerne være meget lille.. ca. 300x300px

Også skal der også være sat det der bacground image=url(muTopFramee); på og det hele.. Det ville være dejligt..
Også et link til et sted hvor jeg kan læse mere om det.. så lærer jeg også noget istedet for at du "laver" det :)

Læg forresten et svar :)
Avatar billede roenving Novice
09. maj 2005 - 15:40 #7
Ovenstående skal jo 'bare' sættes ind i et html-dokument, f.eks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
</style>

<title>Tomt dokument</title>
</head>
<body>
<div style="width:760px;margin:0 auto;height:600px;">
  <div style="width:100%;height:300px;background-image=url(myTopFrame.jpg);">
    Noget indhold
  </div>
  <div style="width:100%;height:200px;margin-top:50px;background-image=url(myBottomFrame.jpg);">
    Noget andet indhold
  </div>
</div>
</body>

</html>
Avatar billede roenving Novice
09. maj 2005 - 15:40 #8
-- els velbekomme '-)
Avatar billede roenving Novice
09. maj 2005 - 15:43 #9
Og hvis du er helt blank på html, så kan du sikkert få noget ud af at starte på http://www.html.dk, som dog ikke kan anbefales til andet end start, da der er for få huller mellem fejlene, men så kan man fortsætte på http://www.webdesign101.dk og http://www.w3schools.com/, men det eneste rigtige sted at finde det hele er på www.w3.org !-)
Avatar billede udvikler Nybegynder
09. maj 2005 - 15:49 #10
Dit svar er accepteret.. Jeg kan dog stadig ikk få boxen til at komme frem.. Altså den er stadig hvid.. og selvom jeg laver et sort billede der hedder myTopFrame.jpg og indsætter i samme mappe som scriptet.. så kommer det ikk frem.. :(
Avatar billede roenving Novice
09. maj 2005 - 16:02 #11
Uff ...

Jeg havde fået kastet et lighedstegn ind i stedet for et kolon:

  <div style="width:100%;height:300px;background-image:url(myTopFrame.jpg);">
    Noget indhold
  </div>
  <div style="width:100%;height:200px;margin-top:50px;background-image:url(myBottomFrame.jpg);">

-- og tak for point ;~}
Avatar billede udvikler Nybegynder
09. maj 2005 - 16:23 #12
Sådan, nu virker det.. tak igen
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester