Προς το περιεχόμενο

Πρόβλημα με image/text alignment.


pappous_soulis

Προτεινόμενες αναρτήσεις

Δημοσ.

Παλεύω να κάνω ένα banner να μπει στη μέση της σελίδας σαν absolute και απλά δε λέει να δουλέψει.

Ότι και να κάνω αρνείται πεισματικά να μπει εκεί που το θέλω. Οι μόνες τιμές για alignment που φαίνεται να έχουν αποτέλεσμα είναι οι right και left. Middle, absmiddle, και τα λοιπά γιοκ.

 

Παραθέτω τμήμα του κώδικα, μήπως βοηθήσει.

><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/html4/loose.dtd">
<html>
<head>
<link rel=StyleSheet href="external_style_sheet.css" type="text/css">
<link rel=StyleSheet href="banner.css" type="text/css">
<meta http-equive="content-type" content="text/html; charset=utf-8" />
<title>Luigi</title>
</head>
<body>
<img src="banner.jpg" width="1000" height="100" align="absmiddle"/>

 

Οποιαδήποτε πρόταση είναι ευπρόσδεκτη. :-)

Δημοσ.

Λάθος τρόπος:

><center><img src="banner.jpg" width="1000" height="100"/></center>

 

Πιο σωστός τρόπος:

Στο html αρχείο:

><div class="center"><img src="banner.jpg" width="1000" height="100"/></div>

Και στο css αρχείο πρόσθεσε:

>.center { text-align: center;

 

Ακόμη πιο σωστός τρόπος:

Στο html αρχείο:

><div id="banner"><img src="banner.jpg" width="1000" height="100"/></div>

Και στο css αρχείο πρόσθεσε:

>#banner {position: relative;
height:100px;
width:1000px;
margin:0 auto;}

 

Αυτοί είναι μερικοί τρόποι, υπάρχουν και άλλοι.

Αρχειοθετημένο

Αυτό το θέμα έχει αρχειοθετηθεί και είναι κλειστό για περαιτέρω απαντήσεις.

  • Δημιουργία νέου...