Uit elkaar

Status
Niet open voor verdere reacties.
R

ronnieman

Gebruiker
Lid geworden
28 jan 2010
Berichten
28
hallo

Ik moest voor iemand een header maken :P nu lukt het design wel redelijk maar hoe zorg ik dat mijn header niet uitelkaar gaat als ik er links in maak

Voorbeeld
 
Laatst bewerkt:
Vraag me af wat het probleem is, als ik de pagina bekijk zie ik dit:
[smallimg]http://www.helpmij.nl/forum/attachment.php?attachmentid=86445&stc=1&d=1264971120[/smallimg]
Enige ruimte in het bovenste gedeelte maar voor de rest sluit het gewoon aan.

Browser: Safari 4.0.4
 

Bijlagen

  • futuresolutions.png
    futuresolutions.png
    26,5 KB · Weergaven: 115
raar

Tha Devil zei:
Vraag me af wat het probleem is, als ik de pagina bekijk zie ik dit:
[smallimg]http://www.helpmij.nl/forum/attachment.php?attachmentid=86445&stc=1&d=1264971120[/smallimg]
Enige ruimte in het bovenste gedeelte maar voor de rest sluit het gewoon aan.

Browser: Safari 4.0.4
Klik om te vergroten...

ik zie ook een ruimte bij de home knop

en die ruimte boven in komt ook doorde link van de home knop
 
Ach....... het was niet één plaatje.

Comprimeren, ruimte dus uit de code halen, dan krijg je dit:

Code: 
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd"><html><head><title>header</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css"><!--
#Table_01 img {
}
#Table_01 img {
}
--></style>
<base href="http://www.wat-aan.nl/test/"></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><!-- ImageReady Slices (header.psd) --><table id="Table_01" width="1024" height="181" border="0" cellpadding="0" cellspacing="0"><tr><td><img src="images/header_01.gif" width="1" height="9" alt=""></td><td colspan="11"><img src="images/header_02.gif" width="1023" height="9" alt=""></td></tr><tr><td colspan="7" rowspan="2"><img src="images/header_03.gif" width="377" height="122" alt=""></td><td colspan="5"><img src="images/header_04.gif" width="647" height="121" alt=""></td></tr><tr><td colspan="3"><img src="images/header_05.gif" width="232" height="1" alt=""></td><td rowspan="3"><img src="images/header_06.jpg" width="125" height="49" alt=""></td><td rowspan="2"><img src="images/header_07.gif" width="290" height="2" alt=""></td></tr><tr><td colspan="2" rowspan="3">  <a href="1"><img src="images/header_08.gif" alt="" width="114" height="49" border="0" align="right"></a></td><td colspan="6"><img src="images/header_09.gif" width="318" height="1" alt=""></td><td rowspan="2">  <img src="images/header_10.gif" alt="" width="100" height="48" border="0"></td><td rowspan="2"><img src="images/header_11.gif" width="77" height="48" alt=""></td></tr><tr><td rowspan="2"><img src="images/header_12.gif" width="3" height="48" alt=""></td><td><img src="images/header_13.gif" width="66" height="47" alt=""></td><td rowspan="2"><img src="images/header_14.gif" width="90" height="48" alt=""></td><td rowspan="2"><img src="images/header_15.gif" width="77" height="48" alt=""></td><td colspan="2"><img src="images/header_16.gif" width="82" height="47" alt=""></td><td rowspan="2"><img src="images/header_17.gif" width="290" height="48" alt=""></td></tr><tr><td><img src="images/header_18.gif" width="66" height="1" alt=""></td><td colspan="5"><img src="images/header_19.gif" width="384" height="1" alt=""></td></tr><tr><td><img src="images/spacer.gif" width="1" height="1" alt=""></td><td><img src="images/spacer.gif" width="113" height="1" alt=""></td><td><img src="images/spacer.gif" width="3" height="1" alt=""></td><td><img src="images/spacer.gif" width="66" height="1" alt=""></td><td><img src="images/spacer.gif" width="90" height="1" alt=""></td><td><img src="images/spacer.gif" width="77" height="1" alt=""></td><td><img src="images/spacer.gif" width="27" height="1" alt=""></td><td><img src="images/spacer.gif" width="55" height="1" alt=""></td><td><img src="images/spacer.gif" width="100" height="1" alt=""></td><td><img src="images/spacer.gif" width="77" height="1" alt=""></td><td><img src="images/spacer.gif" width="125" height="1" alt=""></td><td><img src="images/spacer.gif" width="290" height="1" alt=""></td></tr></table><!-- End ImageReady Slices --></body></html>

:cool:
 
kiek an dankje

:D haaa gelukkig

zo snap ik het miss ook nog :P

dat infanview is egtte ingewikkelt :P

Maare harstikke bedankt :D
 
jah

peter vazed zei:
Heb je mijn code al gekopieerd, en in je editor geplakt?

:cool:
Klik om te vergroten...

ik heb hem bestudeert :cool: met dreamweaver en nu snap ik het. je moet gewoon border op 0 zetten

maar nu moet ik dat bij elke link doen (is niet erg).

maar kan ik daar niet gewoon een css voor maken dat het vanzelf gaat ??

Dankje
 
CSS is makkelijker ;)

Code: 
a img {
  border: none;
}
 
Nou, aan je code heb ik niks gewijzigd.
Alleen in Arachno ingeladen -mijn editor- en laten comprimeren.
Ruimtjes voor en achter plaatjes moeten aansluiten in de code op de td tags.
Geen ruimte in je code geeft geen ruimte in de weergave.

Bovendien heb ik er een doctype boven gezet, maar dit terzijde, evenwel belangrijk als je met css wilt werken, anders snapt de browser het niet.

Evenwel is een imap prettiger,
gewoon een plaatje
daar je imap coordinaten voor de lnken in en klaar ben je.
Geeft ook minder code en is overzichtelijker, dus slicen is dan dus ook niet nodig.

:cool:
 
peter vazed zei:
Nou, aan je code heb ik niks gewijzigd.
Alleen in Arachno ingeladen -mijn editor- en laten comprimeren.
Ruimtjes voor en achter plaatjes moeten aansluiten in de code op de td tags.
Geen ruimte in je code geeft geen ruimte in de weergave.

Bovendien heb ik er een doctype boven gezet, maar dit terzijde, evenwel belangrijk als je met css wilt werken, anders snapt de browser het niet.

Evenwel is een imap prettiger,
gewoon een plaatje
daar je imap coordinaten voor de lnken in en klaar ben je.
Geeft ook minder code en is overzichtelijker, dus slicen is dan dus ook niet nodig.

:cool:
Klik om te vergroten...


Maar wat is imap

ik ben nog egt een leek :P

ik deed altijd welvoor mensen dingen maken met photoshop ;)
maja heb me nog nooit egt veder verdiept in die dingen
 
Als je 't mij vraagt (niet doen hoor! ;) ):
  • niet slicen,
  • niet image-mappen,
  • geen tables,
  • geen spacer-gif's,
  • geen 20 images,
  • geen 21 http-requests,
  • geen 37kB bestandsgrootte,
  • geen 11 sec downloadtijd bij 56Kbps modem.
maar:
  • 2 images,
  • cleane html,
  • pure css,
  • tekst-logo,
  • tekst-knoppen,
  • css-hover over de knoppen,
  • lettergrootte aanpasbaar door bezoeker,
  • toegankelijk voor zoekmachines,
  • toegankelijk voor text- en voorleesbrowsers,
  • 3 http-requests,
  • 6,5kB bestandsgrootte,
  • < 2 sec. downloadtijd bij 56Kbps modem.
  • en tikfoutjes zijn makkelijk te repareren.
Alzo dus, sprak:

CSShunter
 
Laatst bewerkt:
kijk dat is wat ik nu helemaal zocht. hier kan ik wat mee.

Egt bedankt
ik ga me er eens wat meer in verdiepen en wie weet kan ik dan jullie vragen beANTWOORDEN :p
 
Laatst bewerkt door een moderator:
ik heb de css ingevoegt met

HTML: 
<link href="style.css" rel="stylesheet" type="text/css">

de header zelf werkt

maar het blauwe in het menu niet hoa kan dit ?

Voorbeeld
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan