Aller au contenu

Problème avec les bords rond


GregDP

Sujets conseillés

Bonjour l'équipe et les membres de Webmaster HUB,

Voilà j'ai un petit problème avec mon nouveau site internet : http://www.gregdp.com

J'aimerai mettre des bords rond dans mon cadre contenu. Le problème c'est que je n'arrive pas à les fixer ! Pouvez vous m'aider svp ?

PS : voici le site sans la redirection : http://pagesperso.laposte.net/bof/

Désolé si ce n'est pas le bon endroit pour poster mais je ne savais où le mettre !?

Vous pouvez aussi le critiquer le plus possible, ça m'aidera !

Merci d'avance ! ;):P

Lien vers le commentaire
Partager sur d’autres sites

Bonjour,

Je ne comprends pas vraiment comment tu as placé ces bords par rapport au reste, peux-tu montrer les portions de code et le css correspondant ?

Sinon niveau critique les images sont très jolies, mais je trouve les écritures moyennement lisibles. Aussi, fais plus d'efforts sur les découpages ;)

Lien vers le commentaire
Partager sur d’autres sites

fais une table

<table cellspacing=0 cellpadding=2 border=0>
<tr><td><img src="tonimage_avec_coin_rond.gif" border=0></td></tr>
<tr><td>image bonjour a jous blahblabalabla</td></tr>
</table>

Modifié par domeconnection
Lien vers le commentaire
Partager sur d’autres sites

fais une table
Oui enfin on va quand même éviter les conseils vérolés pour coder façon 1830, non ? :rolleyes:

Surtout sans les guillemets sur les attributs... bref.

GregDP: j'ai un peu de mal à comprendre ton code qui est un peu fouillis.

Déjà fixe bien les tailles de tes éléments, ça a l'air de poser problème sur ta page.

Ensuite, la meilleure solution (AMHA) reste de créer en CSS deux éléments générés grâce aux pseudo-formats :before et :after

Tu les passes en display: block et tu as ainsi:

Un bloc, entouré de 2 blocs. Donc ton paragraphe, entouré de 2 blocs générés par la CSS pour mettre tes images d'arrondis.

Lien vers le commentaire
Partager sur d’autres sites

Ha bonne idée Dudu ! je vais essayer ça alors !

Par contre je ne comprend pas bien ce que tu veux dire, Gotcha, par découpage ?

Pour le footer, je compte le changer et d'ailleurs j'ai un problème je suis obligé de le mettre dans un id.

Je vous montre le code que j'utilise pour les bords et pour le footer.

PS : si je n'utilise pas ça le footer rentre dans mon bord arrondit. Enfin je vais tester ce qu'à dit Dudu !

Merci !

Voilà ce que j'avais mis pour les bords ronds :

#cadrebottom {

background:url("../img/base/cadrebottom.jpg") no-repeat;

display:block;

position:absolute;

left:312px;

top:620px;

width:580px;

height:21px;

}

#cadretop {

background:url("../img/base/cadretop.jpg") no-repeat;

display:block;

position:absolute;

left:312px;

top:214px;

width:580px;

height:19px;

}

et pour le milieu la couleur adapté dans #page

Et voici ce que j'ai mis pour le footer :

#banbottom {

background: url("../img/base/banbottom.jpg") no-repeat;

display:block;

position:absolute;

width:800px;

height:400px;

top:640px;

}

Enfin comme je vous l'ai dit, j'essaye et je vous apporte mes résultats ! Merci !

Lien vers le commentaire
Partager sur d’autres sites

Je suis désolé mais je n'y arrive pas ! Je ne connais pas bien les pseudo-formats et comment les utiliser dans le CSS. Pouvez vous m'aider svp ?

PS : en tout cas je sais qu'il ne marche pas sur Internet Explorer... Un moyen de les faire marcher partout ?

Merci pour votre aide !

Lien vers le commentaire
Partager sur d’autres sites

Bonsoir

c quoi le probleme avec des tables?

Que c'est fait pour les données tabulaires, pas pour faire sa mise en page.

Tu es au courant de çà, j'espère :huh:

PS: merci d'écrire en français correct sur les forums. Çà prend à peine une milli-seconde supplémentaire d'écrire c'est au lieu de c.

Ceci pour une question évidente de respect des interlocuteurs

GregDP: InternetExplorer7 qui arrive à grands pas reconnaitra les pseudo-formats :before et :after. La plus grande patience est donc de mise.

En attendant, tu peux soit conseiller à tes visiteurs d'utiliser un navigateur normal, ou bien créer artificiellement deux blocs vides qui encadreront ton bloc de contenu (mais c'est une solution beaucoup plus crade :()

Lien vers le commentaire
Partager sur d’autres sites

Posté (modifié)

Je vais donc faire comme tu m'as dit... Le problème c'est que je ne sais pas trop ou et comment mettre ces balises : :after et :before

Merci....

Modifié par GregDP
Lien vers le commentaire
Partager sur d’autres sites

InternetExplorer7 qui arrive à grands pas reconnaitra les pseudo-formats :before et :after. La plus grande patience est donc de mise.

En attendant, tu peux soit conseiller à tes visiteurs d'utiliser un navigateur normal, ou bien créer artificiellement deux blocs vides qui encadreront ton bloc de contenu

A mon avis, il vaut mieux éviter de conseiller à un internaute de changer de navigateur, pour consulter un site :

D'une part, parce que s'il l'utilise, c'est qu'il y est attaché (il ne connait que lui, ne veut pas changer ses habitudes, tout ça)

D'autre part, parce que si le visiteur n'a pas un intérêt VITAL à consulter ce site en particulier, il va très vite quitter ce site.

Et surtout parce que, pour un webmaster, le but est de faire un site accessible aux navigateurs les plus courants, dont (et surtout) IE6.

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...