Het Web ontwikkelaars Topic [deel 2]

haha. hij staat niet online bij mij. dus hij heeft bad luck

 

achja.... hij weet niet wat ie mist

 

Haha. Een hoop goede info xD

 

Waar hosten jullie je website?

En wat is een goede host?

Voor niet teveel centen natuurlijk

 

Voor 1.25 euro per maand zit ik al drie jaar bij one.com. Prima provider imo.

 

Ik zit zelf bij antagonist. Super service. 28,- per jaar. inclusief domein.

 

Zit ik ook bij! Ideaal.

 

€24,- per jaar staat op de site

Deze wordt het ook.

Ik zit nog met een probleem.

Ik heb tabellen gemaakt in html van de kalendermaanden.
Maar ik wil 2 tabellen naast elkaar.
Hoe?

 

Hmm.. Twee tabellen in een aparte DIV doen en die naast elkaar zetten? Of werkt dat niet?

 

Laat maar zitten, houdt ze toch maar onder elkaar.

 

En anders een ID geven aan de tabel. En deze laten floaten. Wel een breedte meegeven

 

Ik krijg onderaan mijn pagina een stukje 'blank space', maar kan niet vinden waar het aan ligt. Hier het probleem:


Ik bedoel dus waar de balkjes aan de zijkant ineens ophouden onderaan.

Hier mijn css:

Code:

body
{
	
}

#container1
{
	position: relative;
	top: -10px;
	padding-top: 2px;
	margin: 0 0 0 -380px;
	left: 50%;
	width: 760px;
	height: 100%;
}

#container2
{
	background-image:url(slootmanbg2.png);
	background-repeat: repeat;
	position: relative;
	margin: 0 0 0 -380px;
	left: 50%;
	width: 760px;
	height: 100%;
}

#container
{
	background-color: ;
	position: relative;
	margin: 0 0 0 -355px;
	left: 50%;
	width: 710px;
	height: 100%;
}

#content
{
	position: absolute;
	top: 138px;
	left: 145px;
	width: 438px;
	border-left: 1px solid #000; 
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-family: verdana; 
	font-size: 12px; 
	color: #000;
	
}

#imgleft
{
	float: left;
	margin: 3px;
}

#img1
{
	position: absolute;
	top: 138px;
	right: 0.0px;
}

#img2
{
	position: absolute;
	top: 263px;
	right: 0.0px;
}

#img3
{
	position: absolute;
	top: 388px;
	right: 0.0px;
}

img
{
	border-style: none;
}

a.nav, a.nav:link, a.nav:visited 
{
	display: block; 
	width: 140px; 
	background: #E9E9F1; 
	border-left: 1px solid #000; 
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-top: 2px; 
	text-align: center; 
	text-decoration: none; 
	font-family: verdana; 
	font-size: 12px; 
	color: #000; 
	line-height: 25px; 
	overflow: hidden;
}


a.nav:hover 
{
	color: #E9E9F1; 
	background: #9e0034;
} 

a.navr:hover
{ 
	color: #fff;
	background: #9e0034;
}

#copyright
{

}

Ja, de 3 containers zijn nodig voor de aparte achtergrond. Voordat mensen daar wat over zeggen, container 1 is voor de ronding boven, de volgende is de container die de buitenste rand geeft en de laatste is voor alles daar tussen. Zo blijft alles op elke resolutie gecentreerd, daar kan nooit wat mee fout gaan op deze manier.

 

Welk stukje bedoel je, kan je die aanwijzen? En heb je Firebug al geprobeerd? (Een add-on voor Firefox)

 

Let's see!
Lijkt me leuk om een begin te maken met web design!
Heeft iemand een goede site waar het soort van stap voor stap uitgelegd wordt, net zoals bij www.binaries4all.nl bijvoorbeeld?

//edit

En Distoration, a.u.b, laat zulke topics (deeltje 2) door iemand met wat web design verstand aanmaken zodat diegene ook wat nuttige info in de startpost kan zetten..

 

sceneone.nl Heeft mij heel goed geholpen. Probeert je het echt te leren ipv gewoon copy/paste.
Verder kan je ook nog kijken op W3schools, al vind ik die een beetje chaotisch.

 

Wow, linerider!

 

height: 100% betekend dat de pagina en dus die ruimte eronder aanpast aan je browser grootte. Je kunt dit voorkomen door er een lege box onder te plaatsen of de box een vaste hoogte te geven.. Anders houd je het probleem dat dus de lege ruimte wordt opgevuld door je design.
EDIT: nu ik erover nadenk ipv wat loos blaat. Dat is niet zo.

het is de "repeat" functie die niet wordt gestopt.

Daarnaast zie ik dat je wat truukjes gebruikt om je design in het midden uit te lijnen. je kunt beter deze "nettere code eromheen wrappen"

Code:

.wrapper{
text-align:center;
margin-right:auto;
margin-left:auto;
margin:0 auto;
width: /*grootte van je design */;
}

 

En ik zou je content box ook nog even padding mee geven, zodat de tekst wat meer ruimte krijgt binnen het vlak.

http://www.w3schools.com/css/css_padding.asp

Sowieso is w3school ideaal.

Ik ben mijn eigen wordpress template aan het schrijven, best pittig

 

En sowieso waarom werken in procenten? Op een grote resolutie (1920 x 1200 bij mij) Gaat het er niet mooi uitzien, veelste veel legen ruimte. Zorg gewoon voor vast hoogte met een mooie footer, zal er veel beter uit zien.

 

http://960.gs/