tekst in tabel naar boven duwen

[alain1988]

ik ben bezig met een website met html en css ik wil nu een stukje tekst naar boven sturen door middel van css, ik weet hoe ik css en al moet linken maar weet de property er niet van
in de blijlage zal alles je wel duidelijk worden hopelijk

 

[csshunter]

Hoi Alain,
Met in de css:

#nav_left,
#nav_right {
    vertical-align: top;
    }

zou het in orde moeten komen.

Met vriendelijke groet,
CSShunter
PS: Dit vind ik wel een aardige:

 

[alain1988]

ja kweet het had het achteraf ook opgemerk XD
maar het levert nog niet het gewenste resultaat hoor

body
{
	background-image:url(../images/1_ocean.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	margin-top:0px;
	margin-bottom:10px;	
}
body,td,th
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #000;
}

#navigatie_links
{
	{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	vertical-align:top;
	
}

#navigatie_rechts
{
	text-align:right;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align:top;
}
#header 
{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#footer
{
	text-align:center;
}
<!--HYPER LINKS!-->
a:link
{
	text-decoration: none;
}
a:visited
{
	text-decoration: none;
}
a:hover
{
	text-decoration:underline;
}
<!--EINDE HYPERLINKS!-->

 

[csshunter]

Hoi Alain,

het levert nog niet het gewenste resultaat

Dat kan kloppen, de css heeft nog wat foutjes.

1. Hier staat een accolade te veel in:

#navigatie_links
{
	[B][COLOR="#B22222"]{[/COLOR][/B]
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	vertical-align:top;
}

2. En hier staat een foutieve manier van commentaarregels in css:

[COLOR="#B22222"][B][SIZE=4]<!--[/SIZE][/B][/COLOR]HYPER LINKS![COLOR="#B22222"][B][SIZE=4]-->[/SIZE][/B][/COLOR]
a:link
{
	text-decoration: none;
}
a:visited
{
	text-decoration: none;
}
a:hover
{
	text-decoration:underline;
}
[COLOR="#B22222"][B][SIZE=4]<!--[/SIZE][/B][/COLOR]EINDE HYPERLINKS![COLOR="#B22222"][B][SIZE=4]-->[/SIZE][/B][/COLOR]

Met <!-- ... --> is het de manier om commentaar in te voegen in html-code.
Binnen een css-stylesheet of css-<style>-blok moet het echter anders.

• In css geef je commentaar met: /* ... */

Het moet dus worden:

/* HYPERLINKS! */
a:link
{
	text-decoration: none;
}
a:visited
{
	text-decoration: none;
}
a:hover
{
	text-decoration:underline;
}
/* EINDE HYPERLINKS! */

Verder zijn tabellen niet echt goed voor de opmaak van een pagina. Dat levert veel overbodige html-code, en bij een wijziging van iets moet de tabel aangepast worden op elke pagina van de site.
Het kan beter met <div>'s ("divisions" = opmaak-blokken), die zijn met css te besturen. Als je aan elke pagina hetzelfde stylesheet hangt, hoeft een wijziging alleen maar in dat ene stylesheet te gebeuren. In alle pagina's wordt de wijziging dan automatisch doorgevoerd.

• Ken je deze al: www.web-garden.be/cursus-html/cursus-html/?
• Daarin worden o.a. de beginselen van <div>'s uitgelegd.

Met vriendelijke groet,
CSShunter

 

[alain1988]

Beste,

al bedankt voor de info , ik heb ooit al eens gewerkt met div's verstond de logica er niet van nu zal ik het nog maals bekijken misschien dat uw link wat beter uitgelegd is.

 

[csshunter]

PS:
Nog een paar heel andere tips.
Ik heb voor de ehboteamvlaanderen.be-website van het slide-image-1.jpg (57kB) een gepimpte versie gemaakt (van 33kB).

• Dat is deze: slide-image-1-nw.jpg.

O ja,

• De slide met de "Onderhoudswerken server gepland op 4/4 en 5/4" kan er zo langzamerhand wel van af.
• Als aan het theme-stylesheet wordt toegevoegd:
  

  .descriptions {
      display: none;
      }

  dan worden de oude onderschriften uit de originele slider ("About Bluemasters", "Our Portfolio" en "Creation of Beaches") niet meer getoond, want die zijn niet van toepassing.

Met vriendelijke groet,
CSShunter

 

[alain1988]

ah ok , ja dat is nog oude data van de vorige web master maar toch bedankt voor de tips hoor en voor de afbeelding