[HTML]Background probleem - Softwareontwikkeling

vrijdag 20 januari 2006 15:29

Acties:

Topicstarter

Hoi, ik heb een probleempje. Ik heb een wat simpele HTML gemaakt, een webcam en een plaatje waarop je de weersverwachting van de locatie kan zien. Alleen, ik krijg het geheel niet goed passend met de background...

Weet zelf niet zoveel opzich van HTML. Wie kan er eens kijken?

Het gaat om deze HTML: www.rietvaerder.nl/ringcam.html

Ik zou graag de lijntjes van het background plaatje gecentreerd willen en tussen die lijnen mooi de webcam passend.

Alvast bedankt

i7 2600K / Gigabyte GA-Z68x-UD3H-B3 / 8GB Corsair / ZoTac GTX570 / 60GB SSD

vrijdag 20 januari 2006 15:37

Acties:

Blacksnak

* Knip om te beginnen een stuk van jou backgroundimage af zodat je die mooi kunt centreren (is te groot)

* Haal de overbodige <br> -tags uit je code (oa. achter de verwijzing naar je backgroundimage)
* sluit de img-tag correct af voor je webcam pic

daarna ff verder met stap 2

[ Voor 8% gewijzigd door Blacksnak op 20-01-2006 15:37 ]

vrijdag 20 januari 2006 15:41

Acties:

JokerLash

hiermee krij je wat je wil denk ik

code:

<html>
<head>
  <title>Ringcam</title>
</head>
<body style="background: #E0DDD4 url(http://www.nuerburgring.de/fileadmin/templates/main/images/bg_default_fo.jpg) no-repeat 50% 0;">
  <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  <script type="text/javascript">
  <!--
      setTimeout('location.reload()', 20000);
  // -->
  </script>
  <center>[img]"ringcam-bestanden/webcam.jpg"[/img]<br /><br />
    <a target="_blank" href="http://www.wetter.com/home/extern/location.php?type=WMO&amp;id=410">[img]"ringcam-bestanden/woys.png"[/img]</a><br />
  </center>
</body>
</html>

vrijdag 20 januari 2006 15:45

Acties:

El_Bandito

Topicstarter

Ah, thanks! Een stuk beter inderdaad.

http://www.rietvaerder.nl/ringcam/

i7 2600K / Gigabyte GA-Z68x-UD3H-B3 / 8GB Corsair / ZoTac GTX570 / 60GB SSD

vrijdag 20 januari 2006 15:52

Acties:

X-Lars

Just GoT it.

[img]'http://www.nuerburgring.de/fileadmin/webcam/webcam.jpg[b]"[/][/img]

Verder is het wel wat groot voor 1024x768.

vrijdag 20 januari 2006 15:54

Acties:

El_Bandito

Topicstarter

Wat is er groot?

i7 2600K / Gigabyte GA-Z68x-UD3H-B3 / 8GB Corsair / ZoTac GTX570 / 60GB SSD

vrijdag 20 januari 2006 15:57

Acties:

X-Lars

Just GoT it.

El_Bandito schreef op vrijdag 20 januari 2006 @ 15:54:
Wat is er groot?

De header en de JPG samen passen zo niet in mijn browser window. De JPG alleen wel overigens.

vrijdag 20 januari 2006 16:02

Acties:

El_Bandito

Topicstarter

Oh, werkt goed hier. Hoe pas ik het aan voor mensen die werken met een reso van 1024x768?

i7 2600K / Gigabyte GA-Z68x-UD3H-B3 / 8GB Corsair / ZoTac GTX570 / 60GB SSD

vrijdag 20 januari 2006 16:05

Acties:

X-Lars

Just GoT it.

Ja het wérkt ook wel goed. Je kunt er toch weinig aan doen en het zal mij ook niet zo boeien

Hooguit je JPG bovenaan de pagina laten beginnen, maar dat wil je ook niet. (leaves topic)

vrijdag 20 januari 2006 18:10

Acties:

El_Bandito

Topicstarter

Nog een vraagje, hoe krijg ik het weerplaatje links tegen de verticale lijn aan? Heb me een ongeluk zitten zoeken op diverse "html cursus" sites, maar ik krijg het maar niet voor elkaar na een paar geklooit te hebben..

En als dat is gelukt wil ik ook graag een plaatje van het huidige weer rechts tegen de verticale lijn....

Dit is mijn HTML nu zoals ie online staat op www.rietvaerder.nl/ringcam :

code:

<html>
<head>
  <title>Ringcam</title>
</head>
<body style="background: #E0DDD4 url(http://www.nuerburgring.de/fileadmin/templates/main/images/bg_default_fo.jpg) no-repeat 50% 0;">
  <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  <script type="text/javascript">
  <!--
      setTimeout('location.reload()', 20000);
  // -->
  </script>
  <center>[img]"http://213.239.207.198/nbr-update/fileadmin/webcam/webcam.jpg"[/img]<br /><br />
    <a target="_blank" href="http://www.wetter.com/home/extern/location.php?type=WMO&amp;id=410">[img]"http://www.wetter.com/home/woys/woys.php?,F,3,WMO,410""[/img]</a><br />
  </center>
</body>
</html>

O en nog iets, is het mogelijk dat alleen het plaatje van de webcam refreshed ipv dat de hele pagina refreshed?

[ Voor 41% gewijzigd door El_Bandito op 20-01-2006 18:10 ]

i7 2600K / Gigabyte GA-Z68x-UD3H-B3 / 8GB Corsair / ZoTac GTX570 / 60GB SSD

zaterdag 21 januari 2006 16:26

Acties:

El_Bandito

Topicstarter

Help?

i7 2600K / Gigabyte GA-Z68x-UD3H-B3 / 8GB Corsair / ZoTac GTX570 / 60GB SSD