html..css ..help

Status
Niet open voor verdere reacties.
joanne

joanne

Terugkerende gebruiker
Lid geworden
31 mrt 2001
Berichten
1.300
Kom er niet uit, dagen zitten zoeken. Waar waar waar.. :shocked:

Heb iets fout gedaan met een DIV. :rolleyes:


Iemand die goed thuis is met html
en css.

Dank is groot, liefst met uitleg why, dan weet ik Wat ik fout heb gedaan. Gaat volgens mij om iets heel simpels. :eek:

Deze site dus..http://www.jeetee.nl/BRS/
 
Laatst bewerkt:
Volgens mij moet je beginnen met de rode toe te voegen.
Die column middle loopt nu veel te ver door.
(denk ik)

Frank.


Code: 
<div class="column middle">
	
    <h4>Stand AEX dal/top</h4>
	<div style="<width: 275px;color:red;">
    18 juni 2021 dal op 719,63[B][COLOR="#FF0000"]</div>[/COLOR][/B]
	<div style="<width: 275px;color:green;">
    16 Juni 2021 top op 733,50
	 
	
	</div>
 
De oorzaak is de afbeelding, die heb je te breed gemaakt. Wijzig de afbeelding in
Code: 
<div class="column side">
    ...
    <img src="images/vaccine.jpg" alt="vaccine" style="width: 100%; height: auto;" class="left">
    ...
</div>

Met <img width="..." height="..."> geef je een absolute grootte die te groot kan zijn voor de ruimte waar de afbeelding moet komen. Met een percentage voor de width geef je aan hoe groot de afbeelding moet zijn t.o.v. de beschikbare ruimte. Door de height op auto te zetten zal de afbeelding altijd in de goede verhouding worden getoond, ook als het percentage kleiner is, of als het een ander apparaat is. Als ik het met de Inspector wijzig dan ziet het er zo uit.

vaccine.jpg

Een zijn meer dingen die anders kunnen maar dat zal je even moeten aangeven.

update: een style heeft een hogere prioriteit dan een id, en een id heeft een hogere prioriteit dan een class
 
Laatst bewerkt:
Er ontstaat een vreemde pagina als de html-structuur niet in orde is.
Je zal alle html code moeten doorlopen, overal missen dingen of staan dingen teveel.

In het algemeen:
- Een begintag heeft een eindtag, bijvoorbeeld <h5>Hallo</h5> of <div><p>Hoe is het</p></div>
- Tussen een begintag en eindtag kunnen vele andere coderegels staan.
- Er zijn enkele uitzonderingen zonder eindtag, de meest voorkomende zijn <link> <meta> <img> <br> <hr> <input>

Het eerste stuk in je html heb ik in orde gemaakt. De tekst in de title en description moet nog worden aangepast. Vervang in je html alles t/m <body> met de onderstaande code.
Code: 
<!doctype html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Omschrijf hier het doel van de pagina</title>
<meta name="description" content="Geef hier een uitgebreidere pagina omschrijving">
<link rel="stylesheet" href="brs2020.css">
<link rel="shortcut icon" href="http://members.home.nl/jeetee/favicon.ico">
</head>
<body>
 
Laatst bewerkt:
Jeetje, er staan echt veel fouten in je HTML.
Welke editor gebruik je eigenlijk? Want eigenlijk zou die je al tiental keren op de vingers hebben getikt....
 
Allereerst, dank dank dank , ben eruit. @FHG1969 :d :D

Editor dat ik gebruik heet Note etc. gebruik ik al jaren. Wordt tijd idd dat ik hem update.

Ik weet dat het gemakkelijker kan met al die codes.

Nogmaals, thx, blij mee. Ik had het anders echt niet gevonden.

@Bron..idd eindtag zag ik niet. :cool:
 
Laatst bewerkt:
Bedoel je NotePad++?
 
Notepad++ (gratis) of Sublime 4 (onbeperkt bruikbaar zonder kopen) helpen je bij het oplossen van fouten in de code.

Of je kan de code door een formatter (beautifier) halen, dan zie je ook vaak de vreemde dingen tevoorschijn komen.
 
@ Aar: ja idd, Notepad ++
@ Bron: thx, ik zal die sublime 4 maar een keer uitproberen

Bedankt voo het meedenken. :thumb: :thumb:
 
Indien je het niet weet als je in je browser rechts klikt en inspecteer klikt kan je het element inspecteren.
De browser zal u in de buurt brengen van de fout . Ik hoop dat het bijdraagt .
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan